.game-page{min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;color:#231710;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 18% 12%,hsla(0,0%,100%,.65),transparent 30%),radial-gradient(circle at 82% 8%,rgba(255,224,150,.55),transparent 32%),linear-gradient(180deg,#b7e3ff,#dff3ff 34%,#b7e7a4)}.game-shell{width:min(430px,100%);display:grid;grid-gap:10px;gap:10px}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.level-pill{display:grid;place-items:center;grid-gap:2px;gap:2px;min-width:86px;padding:8px 12px;border-radius:18px;color:#fff;font-weight:900;background:linear-gradient(180deg,#ffab3d,#f97316);box-shadow:0 10px 22px rgba(249,115,22,.28),inset 0 2px 0 hsla(0,0%,100%,.25)}.level-label{font-size:11px;letter-spacing:.04em;opacity:.9}.level-value{font-size:22px;line-height:1}.level-stars{font-size:13px;color:#fff8d1;letter-spacing:.1em}.pill{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:18px;background:hsla(0,0%,100%,.78);box-shadow:0 10px 24px rgba(34,24,12,.12);border:1px solid hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill-icon,.pill-value{font-size:18px}.pill-value{font-weight:900}.board-wrap{position:relative;padding:10px;border-radius:26px;background:linear-gradient(180deg,hsla(0,0%,100%,.72),hsla(0,0%,100%,.48));border:1px solid hsla(0,0%,100%,.7);box-shadow:0 24px 60px rgba(25,51,28,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.board{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.tile{animation:drop .18s ease;aspect-ratio:1;border:0;border-radius:14px;padding:0;display:grid;place-items:center;background:transparent;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.tile-light{background:hsla(0,0%,100%,.82);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),inset 0 -2px 0 rgba(62,80,66,.12)}.tile-dark{background:rgba(198,226,202,.72);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.65),inset 0 -2px 0 rgba(58,78,60,.18)}.tile:hover{transform:translateY(-1px)}.tile:active{transform:scale(.96)}.tile-selected{background:linear-gradient(145deg,#fff2c0,#ffcf70)!important;box-shadow:0 0 0 2px #fff,0 12px 24px rgba(255,169,45,.35);transform:scale(1.05)}.gem{width:70%;height:70%;-webkit-clip-path:polygon(50% 0,100% 34%,78% 100%,22% 100%,0 34%);clip-path:polygon(50% 0,100% 34%,78% 100%,22% 100%,0 34%);display:block;position:relative;transition:transform .16s ease}.gem:before{content:"";position:absolute;left:18%;top:12%;width:22%;height:18%;border-radius:50%;background:hsla(0,0%,100%,.85);filter:blur(1px)}.gem-red{background:linear-gradient(180deg,#ff6b6b,#d92828 60%,#a41313)}.gem-green{background:linear-gradient(180deg,#5ff59b,#22c55e 60%,#15803d)}.gem-purple{background:linear-gradient(180deg,#c78dff,#8b5cf6 60%,#5b21b6)}.gem-orange{background:linear-gradient(180deg,#ffd08a,#ff9f43 60%,#d76c0b)}.gem-blue{background:linear-gradient(180deg,#7fd7ff,#38bdf8 60%,#0369a1)}.gem-yellow{background:linear-gradient(180deg,#fff59d,#fbbf24 60%,#b45309)}.tile-swapping{animation:bump .18s ease}.tile-clearing{animation:pop .22s ease forwards}@keyframes pop{0%{transform:scale(1);opacity:1}to{transform:scale(.4) rotate(12deg);opacity:.25}}.overlay{position:absolute;inset:0;border-radius:26px;background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;text-align:center;padding:20px}.overlay-title{font-size:24px;margin:0 0 6px;color:#25301f}.overlay-text{margin:0 0 16px;color:#4b5a45}.btn{border:0;border-radius:16px;padding:12px 18px;min-height:48px;font-weight:900;font-size:15px;color:#2c1b09;background:linear-gradient(180deg,#ffce54,#f97316);box-shadow:0 14px 30px rgba(249,115,22,.25);cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.game-toolbar{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.tool{position:relative;display:grid;place-items:center;grid-gap:3px;gap:3px;padding:10px 6px;border:1px solid hsla(0,0%,100%,.75);border-radius:18px;background:hsla(0,0%,100%,.78);color:#344532;font-weight:800;font-size:12px;text-decoration:none;box-shadow:0 12px 26px rgba(31,53,32,.12);cursor:pointer}.tool:disabled{opacity:.55;cursor:default}.tool-icon{font-size:20px}.tool-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;color:#fff;font-size:11px;background:#ef4444;box-shadow:0 6px 14px rgba(239,68,68,.35)}@media (max-width:380px){.level-pill{min-width:76px;padding:7px 10px}.pill{padding:9px 12px}.tool{border-radius:16px}}@keyframes drop{0%{transform:translateY(-6px) scale(.92);opacity:.25}to{transform:translateY(0) scale(1);opacity:1}}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}