:root{color:#231d18;background:#7ad7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button{font:inherit}.app-shell{width:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.78),transparent 18rem),radial-gradient(circle at 82% 86%,rgba(255,124,101,.32),transparent 16rem),linear-gradient(160deg,#73d9ff,#fff0c0 48%,#ffd04c);display:grid;place-items:center;padding:calc(10px + var(--safe-top)) 10px calc(10px + var(--safe-bottom))}.game-shell{width:min(100%,460px);height:100%;max-height:940px;position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px}.topbar,.score-row,.controls{flex:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px}.eyebrow{margin:0 0 2px;color:#231d18ad;font-size:clamp(.58rem,2.7vw,.72rem);font-weight:900;letter-spacing:0}h1,h2,p{margin:0}h1{font-size:clamp(1.18rem,6vw,2rem);line-height:1;letter-spacing:0;white-space:nowrap}.hud-score,.score-pill,.next-pill,.status-pill{border:2px solid rgba(35,29,24,.12);background:#ffffffbd;box-shadow:0 8px 20px #3220001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-score{min-width:94px;border-radius:8px;padding:7px 9px;text-align:right}.hud-score span,.score-pill span,.next-pill span{display:block;color:#231d189e;font-size:.62rem;font-weight:900;line-height:1}.hud-score strong,.score-pill strong{display:block;margin-top:2px;font-size:clamp(1rem,4.2vw,1.35rem);line-height:1;font-variant-numeric:tabular-nums}.score-row{display:grid;grid-template-columns:minmax(116px,1fr) 82px 72px;gap:8px;min-height:56px}.score-pill,.next-pill,.status-pill{border-radius:8px;padding:8px 10px}.next-pill{display:grid;grid-template-columns:1fr 38px;align-items:center;gap:4px}.next-piece{width:38px;aspect-ratio:1;display:block;background-repeat:no-repeat;filter:drop-shadow(0 4px 8px rgba(34,20,10,.28))}.status-pill{display:grid;place-items:center;min-width:0;color:#11100f;font-size:.76rem;font-weight:900}.canvas-wrap{min-height:0;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 18px 42px #37260038;border:2px solid rgba(255,255,255,.7);background:#fceac9}.game-canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding-bottom:2px}.icon-button,.start-button{border:0;color:#201915;background:#ffffffd1;box-shadow:0 8px 18px #2d1f0329;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,background .13s ease}.icon-button{min-height:48px;border-radius:8px;display:grid;place-items:center}.icon-button svg,.start-button svg{width:22px;height:22px;stroke-width:2.8}.icon-button.primary,.start-button{background:linear-gradient(180deg,#fff7b2,#ffc83d);color:#1d1814}.icon-button:active,.start-button:active{transform:translateY(2px) scale(.99);box-shadow:0 4px 10px #2d1f0329}.overlay{position:absolute;inset:auto 14px calc(68px + var(--safe-bottom));display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border-radius:8px;background:#ffffffdb;box-shadow:0 18px 42px #20150040;border:2px solid rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-mascot{width:92px;aspect-ratio:1;border-radius:8px;object-fit:cover;background:#211d19}.overlay-copy{min-width:0}.overlay h2{font-size:clamp(1.08rem,4.6vw,1.5rem);line-height:1.05;letter-spacing:0}.overlay p:not(.eyebrow){margin-top:5px;color:#231d18bd;font-size:clamp(.78rem,3.2vw,.92rem);line-height:1.45}.start-button{width:100%;min-height:42px;margin-top:9px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}@media(max-width:360px){.app-shell{padding-left:6px;padding-right:6px}.score-row{grid-template-columns:minmax(98px,1fr) 72px 58px;gap:6px}.score-pill,.next-pill,.status-pill{padding:7px 8px}.next-pill{grid-template-columns:1fr 30px}.next-piece{width:30px}.overlay{grid-template-columns:72px minmax(0,1fr);gap:8px;left:8px;right:8px;padding:10px}.hero-mascot{width:72px}}@media(max-height:620px){.app-shell{padding-top:calc(4px + var(--safe-top));padding-bottom:calc(4px + var(--safe-bottom))}.game-shell{gap:3px}.topbar{min-height:30px}h1{font-size:clamp(1rem,5vw,1.24rem)}.eyebrow{font-size:.56rem}.hud-score{min-width:82px;padding:4px 7px}.score-row{min-height:40px}.score-pill,.next-pill,.status-pill{padding-top:5px;padding-bottom:5px}.icon-button{min-height:38px}.overlay{bottom:calc(46px + var(--safe-bottom))}}@media(min-width:760px){.game-shell{max-height:900px}}