.lb-card{text-align:center;flex-direction:column;align-items:center;gap:clamp(.8rem,2.5vh,1.6rem);max-width:34rem;display:flex}.lb-enter{animation:.46s cubic-bezier(.22,.9,.28,1.18) both lb-card-in}@keyframes lb-card-in{0%{opacity:0;transform:scale(.86)translateY(22px)}to{opacity:1;transform:none}}h1.lb-logo{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;filter:drop-shadow(0 0 14px #ff781899);margin:0;padding:.1em 0 .05em;font-size:clamp(2.2rem,10.5vw,4.6rem);font-weight:900;line-height:.95;animation:2.6s ease-in-out infinite lb-lava-glow}@keyframes lb-lava-glow{0%,to{filter:drop-shadow(0 0 10px #ff6e1473)drop-shadow(0 4px #78220659)}50%{filter:drop-shadow(0 0 26px #ffaa28d9)drop-shadow(0 4px #78220659)}}.lb-logo-letter{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(#ffc21a 0%,#ff9314 38%,#ff5f16 72%,#d92c0a 100%);-webkit-background-clip:text;background-clip:text;animation:2.4s ease-in-out infinite lb-letter-bob;display:inline-block}@keyframes lb-letter-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-.09em)rotate(-1.6deg)}}h2.lb-sub{letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-soft);opacity:.95;margin:0;font-size:clamp(1rem,4.2vw,1.5rem);font-weight:700}.lb-hint{max-width:30rem;color:var(--c-ink);opacity:.9;margin:0;font-size:clamp(.95rem,3.6vw,1.1rem);line-height:1.5}.lb-rules{color:var(--c-ink);text-align:left;background:#2b1b3d0f;border-radius:14px;flex-direction:column;gap:.35rem;margin:0;padding:.8rem 1rem;font-size:clamp(.9rem,3.4vw,1.05rem);line-height:1.45;list-style:none;display:flex}.lb-note{color:#c2340a;min-height:1.4em;margin:0;font-size:clamp(.85rem,3.2vw,1rem);font-weight:800}.lb-best{color:var(--c-ink);font-variant-numeric:tabular-nums;background:#ffb22e2e;border:3px solid #ffffffe6;border-radius:999px;margin:0;padding:.35em .9em;font-size:clamp(.95rem,3.6vw,1.15rem);font-weight:800}.lb-best-value{color:var(--c-lava);font-size:1.25em;font-weight:900}.lb-best.is-empty{color:var(--c-ink-soft);background:#2b1b3d0f;font-weight:700}.lb-actions{flex-direction:column;gap:.75rem;width:100%;max-width:22rem;display:flex}.lb-toggles{flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;display:flex}.lb-actions>.btn,.lb-toggles>.btn{min-height:64px}.lb-toggles>.btn{flex:10rem;font-size:clamp(.85rem,3.2vw,1rem)}.btn.lb-disabled,.btn.lb-disabled:hover{opacity:.45;filter:grayscale(.7);cursor:not-allowed;box-shadow:none;transform:none}.lb-result{flex-direction:column;align-items:center;gap:.1rem;display:flex}.lb-result-label{letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-soft);font-size:clamp(1rem,4vw,1.3rem);font-weight:700}.lb-score{color:#0000;filter:drop-shadow(0 0 18px #ff8c1e99);background-image:linear-gradient(#ffa81c 0%,#ff6a1f 50%,#d0300a 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(3.4rem,20vw,7rem);font-weight:900;line-height:1}.lb-encouragement{color:var(--c-ink);margin:0;font-size:clamp(1.05rem,4.4vw,1.4rem);font-weight:700;line-height:1.4}.lb-pillar{color:var(--c-ink-soft);margin:0;font-size:clamp(.95rem,3.6vw,1.1rem)}.lb-record{color:var(--c-ink);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:.15rem;margin:0;font-size:clamp(1rem,3.8vw,1.2rem);font-weight:800;display:flex}.lb-record-value{color:var(--c-lava);font-size:1.2em;font-weight:900}.lb-record.is-new{background:linear-gradient(180deg, var(--c-lava-hi), var(--c-lava));color:#fff;text-shadow:0 2px #78280059;border:3px solid #fff;border-radius:999px;padding:.4em 1em;font-size:clamp(1.1rem,4.6vw,1.5rem);font-weight:900;animation:.9s cubic-bezier(.2,1.4,.4,1) both lb-record-pop}@keyframes lb-record-pop{0%{opacity:0;transform:scale(.7)rotate(-3deg)}55%{opacity:1;transform:scale(1.08)rotate(1.5deg)}to{opacity:1;transform:none}}.lb-gap{color:var(--c-ink-soft);font-size:clamp(.85rem,3.2vw,1rem);font-weight:700}.lb-unlock{background:linear-gradient(180deg, #a98bff, var(--c-purple));color:#fff;text-shadow:0 2px #280a5a4d;border:3px solid #fff;border-radius:999px;margin:0;padding:.35em .9em;font-size:clamp(.95rem,3.6vw,1.15rem);font-weight:900}@media (height<=720px){.lb-best{padding:.25em .8em;font-size:clamp(.85rem,3.2vw,1rem)}}@media (prefers-reduced-motion:reduce){.lb-enter,h1.lb-logo,.lb-logo-letter,.lb-record.is-new{animation:none}.lb-enter,.lb-record.is-new{opacity:1;transform:none}}.cel-root{z-index:2;pointer-events:none;contain:layout paint;font-family:var(--font-play);--cel-top:calc(env(safe-area-inset-top,0px) + clamp(44px, 6vh, 62px));--cel-origin:calc(var(--cel-top) + 4vh);--cel-x:50%;position:fixed;inset:0;overflow:hidden}.cel-glow{left:var(--cel-x);top:calc(var(--cel-top) - 6vh);will-change:transform, opacity;background:radial-gradient(closest-side at 50% 42%,#ffe29699 0%,#ff963247 44%,#ff781e00 74%);width:min(150vw,1100px);height:24vh;animation:1.9s ease-out both cel-glow-flash;position:absolute;transform:translate(-50%)scale(.82)}.cel-root.is-unlock .cel-glow{animation-duration:2.1s}.cel-root.is-record .cel-glow{width:min(180vw,1400px);animation-duration:2.4s}.cel-text{left:var(--cel-x);top:var(--cel-top);text-align:center;flex-direction:column;align-items:center;gap:.12em;width:100%;display:flex;position:absolute;transform:translate(-50%)}.cel-lead{color:var(--c-cream,#fff8ec);letter-spacing:.01em;white-space:nowrap;will-change:transform, opacity;background:#2b1b3d6b;border-radius:999px;padding:.15em .7em;font-size:min(clamp(.85rem,4vw,1.35rem),2.6vh);font-weight:900;line-height:1.2;animation:1.9s cubic-bezier(.2,1.4,.4,1) both cel-lead-in}.cel-word{letter-spacing:.02em;white-space:nowrap;background:linear-gradient(180deg, var(--c-yellow,#ffd23f) 6%, var(--c-lava-hi,#ffb02e) 40%, var(--c-lava,#ff6a1f) 72%, var(--c-pink,#ff5c8a) 100%);color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 5px #2b1b3d29;will-change:transform, opacity;-webkit-background-clip:text;background-clip:text;font-size:min(clamp(2.2rem,12vw,5.4rem),8vh);font-weight:900;line-height:1;animation:1.9s cubic-bezier(.22,1.35,.4,1) both cel-word-in}.cel-root.is-unlock .cel-word{font-size:min(clamp(2rem,11vw,4.8rem),7.5vh);animation-duration:2s;animation-delay:80ms}.cel-root.is-record .cel-word{font-size:min(clamp(1.7rem,9.5vw,4.4rem),7vh);animation-duration:2.4s}.cel-sub{background:linear-gradient(180deg, #6bf0a5, var(--c-green-dk,#12a25a));color:var(--c-green-ink,#07331d);font-variant-numeric:tabular-nums;white-space:nowrap;will-change:transform, opacity;border:3px solid #ffffffeb;border-radius:999px;padding:.2em .75em;font-size:min(clamp(1rem,5vw,1.9rem),3.4vh);font-weight:900;animation:1.75s cubic-bezier(.2,1.4,.4,1) .14s both cel-sub-in}.cel-root.is-record .cel-sub{background:linear-gradient(180deg, var(--c-yellow,#ffd23f), var(--c-lava,#ff6a1f));color:#4a2408;animation-duration:2.2s}.cel-badge{left:var(--cel-x);top:var(--cel-origin);will-change:transform, opacity;width:min(30vw,150px);height:min(30vw,150px);animation:2.1s cubic-bezier(.18,1.4,.45,1) both cel-badge-pop;position:absolute;transform:translate(-50%,-50%)scale(.35)}.cel-badge:before{content:"";background:radial-gradient(circle at 50% 34%, #fff8d2 0%, var(--c-yellow,#ffd23f) 46%, var(--c-lava-hi,#ffb02e) 100%);opacity:.6;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);position:absolute;inset:0}.cel-badge:after{content:"";will-change:transform, opacity;border:4px solid #ffe29680;border-radius:999px;animation:1.5s ease-out .12s both cel-shock;position:absolute;inset:-6%}.cel-burst{left:var(--cel-x);top:var(--cel-origin);width:0;height:0;position:absolute}.cel-piece{left:calc(var(--size) / -2);top:calc(var(--size) / -2);width:var(--size);height:var(--size);background:var(--bg);will-change:transform, opacity;animation:cel-fly var(--dur) cubic-bezier(.16, .72, .32, 1) var(--delay) both;position:absolute}.cel-piece.is-round,.cel-drop.is-round{border-radius:999px}.cel-piece.is-strip,.cel-drop.is-strip{height:calc(var(--size) * .55);border-radius:3px}.cel-piece.is-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.cel-rain{position:absolute;inset:0}.cel-drop{left:var(--x);width:var(--size);height:var(--size);background:var(--bg);will-change:transform, opacity;animation:cel-rain-fall var(--dur) cubic-bezier(.3, .5, .6, 1) var(--delay) both;position:absolute;top:-8vh}.cel-fireworks{position:absolute;inset:0}.cel-ring{left:var(--cx);top:var(--cy);width:0;height:0;position:absolute}.cel-ring:before{content:"";border:4px solid var(--bg);will-change:transform, opacity;width:120px;height:120px;animation:cel-shock .9s ease-out var(--ringdelay) both;border-radius:999px;position:absolute;top:-60px;left:-60px}.cel-spark{background:var(--bg);will-change:transform, opacity;width:6px;height:6px;animation:cel-sparkle 1.1s cubic-bezier(.12, .7, .3, 1) calc(var(--ringdelay) + var(--delay)) both;border-radius:999px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 8px 2px #ffe2968c}@keyframes cel-glow-flash{0%{opacity:0;transform:translate(-50%)scale(.74)}14%{opacity:1;transform:translate(-50%)scale(1)}55%{opacity:.7;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%)scale(1.1)}}@keyframes cel-lead-in{0%{opacity:0;transform:translateY(-10px)scale(.7)}18%{opacity:1;transform:translateY(0)scale(1.06)}32%{opacity:1;transform:translateY(0)scale(1)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(1)}}@keyframes cel-word-in{0%{opacity:0;transform:translateY(10px)scale(.35)rotate(-9deg)}20%{opacity:1;transform:translateY(0)scale(1.18)rotate(4deg)}36%{opacity:1;transform:translateY(0)scale(.93)rotate(-3deg)}52%{opacity:1;transform:translateY(0)scale(1.07)rotate(2deg)}68%{opacity:1;transform:translateY(0)scale(1)rotate(0)}84%{opacity:1;transform:translateY(-2px)scale(1)rotate(0)}to{opacity:0;transform:translateY(-18px)scale(1.04)rotate(0)}}@keyframes cel-sub-in{0%{opacity:0;transform:translateY(14px)scale(.6)}22%{opacity:1;transform:translateY(0)scale(1.1)}38%{opacity:1;transform:translateY(0)scale(.97)}54%{opacity:1;transform:translateY(0)scale(1)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(1)}}@keyframes cel-badge-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(-25deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(6deg)}34%{opacity:1;transform:translate(-50%,-50%)scale(.96)rotate(-3deg)}60%{opacity:.9;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)rotate(8deg)}}@keyframes cel-shock{0%{opacity:0;transform:scale(.12)}16%{opacity:.95}to{opacity:0;transform:scale(1.25)}}@keyframes cel-sparkle{0%{opacity:0;transform:translate(0,0)scale(.5)}12%{opacity:1;transform:translate3d(calc(var(--rx) * .22), calc(var(--ry) * .22), 0) scale(1.25)}70%{opacity:.9;transform:translate3d(calc(var(--rx) * .86), calc(var(--ry) * .86 + 10px), 0) scale(.9)}to{opacity:0;transform:translate3d(var(--rx), calc(var(--ry) + 34px), 0) scale(.5)}}@keyframes cel-fly{0%{opacity:0;transform:translate(0,0)rotate(0)scale(.4)}12%{opacity:1;transform:translate3d(calc(var(--dx) * .2), calc(var(--dy) * .2), 0) rotate(calc(var(--rot) * .16)) scale(1.1)}70%{opacity:1;transform:translate3d(calc(var(--dx) * .82), calc(var(--dy) * .86 + var(--fall) * .25), 0) rotate(calc(var(--rot) * .78)) scale(1)}to{opacity:0;transform:translate3d(var(--dx), calc(var(--dy) + var(--fall)), 0) rotate(var(--rot)) scale(.8)}}@keyframes cel-rain-fall{0%{opacity:0;transform:translate(0,0)rotate(0)}10%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate3d(var(--sway), var(--drop), 0) rotate(var(--rot))}}@keyframes cel-fade{0%{opacity:0}12%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cel-burst,.cel-rain,.cel-fireworks{display:none}.cel-lead,.cel-word,.cel-sub{animation:1.9s ease-out both cel-fade;transform:none}.cel-glow{animation:1.9s ease-out both cel-fade;transform:translate(-50%)}.cel-badge{animation:2.1s ease-out both cel-fade;transform:translate(-50%,-50%)}.cel-badge:after{opacity:.45;animation:none}}@media (height<=700px){.cel-root{--cel-top:calc(env(safe-area-inset-top,0px) + clamp(40px, 5.4vh, 52px));--cel-origin:calc(var(--cel-top) + 3.4vh)}}@media (height<=560px) and (orientation:landscape){.cel-root{--cel-x:34%;--cel-top:calc(env(safe-area-inset-top,0px) + 38px);--cel-origin:calc(var(--cel-top) + 3vh)}.cel-text{width:62%}.cel-glow{width:min(90vw,620px);height:22vh}.cel-badge{width:min(16vw,96px);height:min(16vw,96px)}}.ui-layer,.screen{--c-ink:#2b1b3d;--c-ink-soft:#5b4a6e;--c-cream:#fff8ec;--c-white:#fff;--c-lava:#ff6a1f;--c-lava-hi:#ffb02e;--c-green:#4ee08a;--c-green-dk:#12a25a;--c-green-ink:#07331d;--c-blue:#46a6ff;--c-blue-dk:#1966cc;--c-pink:#ff5c8a;--c-purple:#7b4bff;--c-yellow:#ffd23f;--c-off:#cfc6d8;--c-off-dk:#a99cb8;--r-l:24px;--r-m:20px;--r-s:16px;--sh-key:0 6px 0 #2b1b3d38, 0 10px 20px #2b1b3d38;--sh-key-down:0 2px 0 #2b1b3d38, 0 4px 10px #2b1b3d2e;--sh-card:0 12px 0 #2b1b3d29, 0 26px 50px #2b1b3d52;--sh-panel:0 6px 0 #2b1b3d24, 0 12px 26px #2b1b3d3d;--font-play:"Nunito", "Baloo 2", "Comic Sans MS", "Trebuchet MS", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}.ui-layer{z-index:10;height:100dvh;padding-top:calc(10px + env(safe-area-inset-top));padding-right:calc(12px + env(safe-area-inset-right));padding-bottom:calc(12px + env(safe-area-inset-bottom));padding-left:calc(12px + env(safe-area-inset-left));box-sizing:border-box;font-family:var(--font-play);color:var(--c-ink);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(6px,1.6vh,20px);display:flex;position:fixed;inset:0;overflow:hidden}.ui-layer *,.screen *{box-sizing:border-box}.ui-topbar{justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.ui-score{background:linear-gradient(180deg, var(--c-white), var(--c-cream));box-shadow:var(--sh-panel);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap;border:3px solid #fff;border-radius:999px;padding:.35em .8em;font-size:clamp(1rem,4.4vw,1.7rem);font-weight:900}.ui-score-value{font-variant-numeric:tabular-nums;color:var(--c-lava);font-size:1.15em}.ui-topbar-left{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.ui-best{color:var(--c-ink-soft);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap;background:#ffffffe0;border:2px solid #fffffff2;border-radius:999px;padding:.25em .7em;font-size:clamp(.72rem,2.9vw,1rem);font-weight:800;box-shadow:0 3px #2b1b3d24}.ui-topbar-right{align-items:center;gap:8px;display:flex}.ui-quit{appearance:none;pointer-events:auto;background:linear-gradient(180deg, #7cc4ff, var(--c-blue-dk));color:#fff;min-height:48px;box-shadow:var(--sh-panel);font-family:var(--font-play);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:3px solid #ffffffe6;border-radius:999px;padding:0 .9em;font-size:clamp(.8rem,3.2vw,1.05rem);font-weight:900;transition:transform 90ms,box-shadow 90ms,filter .12s}.ui-quit:hover{filter:brightness(1.05)}.ui-quit:active{box-shadow:var(--sh-key-down);transform:scale(.94)}.ui-quit:focus-visible{outline:4px solid var(--c-blue);outline-offset:3px}.ui-chip{background:linear-gradient(180deg, #a98bff, var(--c-purple));color:#fff;box-shadow:var(--sh-panel);white-space:nowrap;border:3px solid #ffffffd9;border-radius:999px;padding:.35em .75em;font-size:clamp(.8rem,3.2vw,1.1rem);font-weight:900}.ui-center{flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);max-width:100%;display:flex}.ui-question{border-radius:var(--r-l);box-shadow:var(--sh-card);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--c-ink);background:linear-gradient(#fffffff5,#fff0d6f0);border:4px solid #fff;padding:.25em .7em;font-size:clamp(1.9rem,9vw,4rem);font-weight:900;line-height:1.1}.ui-answer{border-radius:var(--r-m);border:5px dashed var(--c-lava-hi);min-width:3.4em;min-height:1.7em;box-shadow:var(--sh-panel);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--c-lava);background:linear-gradient(#fffdf8,#ffeecd);justify-content:center;align-items:center;padding:.1em .5em;font-size:clamp(1.7rem,8vw,3.4rem);font-weight:900;display:flex}.ui-answer-placeholder{color:var(--c-off-dk);animation:1.1s step-end infinite ui-blink}.ui-answer.is-wrong{color:#fff;background:linear-gradient(#ff8aa6,#ff3f6b);border-style:solid;border-color:#fff;animation:.4s ease-in-out ui-shake}.ui-timerow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.ui-timelimit{color:var(--c-ink-soft);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap;background:#ffffffe0;border:2px solid #fffffff2;border-radius:999px;padding:.25em .7em;font-size:clamp(.72rem,2.9vw,1rem);font-weight:800;transition:background .2s,color .2s;box-shadow:0 3px #2b1b3d24}.ui-timelimit.is-drop{background:linear-gradient(180deg, var(--c-lava-hi), var(--c-lava));color:#fff;text-shadow:0 1px #78280059;border-color:#fff;animation:.62s cubic-bezier(.2,1.4,.4,1) 2 ui-limit-pop}.ui-timerbar{box-sizing:content-box;width:clamp(180px,62vw,460px);height:clamp(14px,2.2vh,20px);box-shadow:var(--sh-panel);background:#2b1b3d47;border:3px solid #ffffffe6;border-radius:999px;padding:3px;overflow:hidden}.ui-timerbar-fill{background:linear-gradient(180deg, var(--c-green), var(--c-green-dk));border-radius:999px;height:100%;transition:width .32s linear,background .32s linear;box-shadow:inset 0 2px #ffffff8c}.lava-vignette{z-index:5;pointer-events:none;background:radial-gradient(120% 70% at 50% 118%,#ff7a1a8c 0%,#ffa02838 35%,#ffa02800 62%);animation:3.6s ease-in-out infinite ui-glow;position:fixed;inset:0}.numpad{pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);gap:8px;width:min(360px,94vw);display:grid}.numpad-key{appearance:none;border-radius:var(--r-s);min-width:64px;height:clamp(64px,8.6vh,88px);min-height:64px;color:var(--c-ink);box-shadow:var(--sh-key);font-family:var(--font-play);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff,#ffe7c6);border:4px solid #fff;font-size:clamp(1.5rem,6.2vw,2.2rem);font-weight:900;line-height:1;transition:transform 90ms,box-shadow 90ms,filter .12s}.numpad-key:hover{filter:brightness(1.05)}.numpad-key:active{box-shadow:var(--sh-key-down);transform:scale(.94)}.numpad-key:focus-visible{outline:4px solid var(--c-blue);outline-offset:3px}.numpad-key.is-wide{grid-column:span 2}.numpad-key.is-del{color:#4a2408;background:linear-gradient(#ffd9ad,#ff9a45)}.numpad-key.is-ok{background:linear-gradient(180deg, #6bf0a5, var(--c-green-dk));color:var(--c-green-ink);letter-spacing:.06em;font-size:clamp(1.1rem,4.6vw,1.7rem)}.screen{z-index:20;height:100dvh;padding-top:calc(14px + env(safe-area-inset-top));padding-right:calc(14px + env(safe-area-inset-right));padding-bottom:calc(14px + env(safe-area-inset-bottom));padding-left:calc(14px + env(safe-area-inset-left));box-sizing:border-box;font-family:var(--font-play);color:var(--c-ink);pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.screen-card{border-radius:var(--r-l);width:min(580px,94vw);box-shadow:var(--sh-card);text-align:center;background:linear-gradient(#fffffff7,#fff0d8f2);border:5px solid #fff;flex-direction:column;align-items:center;gap:clamp(10px,2vh,20px);padding:clamp(18px,4.5vw,36px);animation:.32s cubic-bezier(.18,1.5,.5,1) both ui-pop;display:flex}.screen-title{letter-spacing:.01em;background:linear-gradient(180deg, var(--c-lava-hi) 10%, var(--c-lava) 55%, var(--c-pink) 100%);color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 3px #2b1b3d1f;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,9.5vw,3.8rem);font-weight:900;line-height:1.05}.screen-subtitle{color:var(--c-ink-soft);margin:0;font-size:clamp(1rem,4.2vw,1.45rem);font-weight:800;line-height:1.35}.btn{appearance:none;pointer-events:auto;border-radius:var(--r-m);width:100%;min-width:64px;max-width:420px;min-height:64px;color:var(--c-ink);box-shadow:var(--sh-key);font-family:var(--font-play);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff,#ffe7c6);border:4px solid #fff;padding:.55em 1.2em;font-size:clamp(1.1rem,4.8vw,1.6rem);font-weight:900;line-height:1.15;transition:transform 90ms,box-shadow 90ms,filter .12s}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:var(--sh-key-down);transform:scale(.94)}.btn:focus-visible{outline:4px solid var(--c-blue);outline-offset:3px}.btn-primary{background:linear-gradient(180deg, var(--c-lava-hi), var(--c-lava));color:#fff;text-shadow:0 2px #78280059;font-size:clamp(1.25rem,5.6vw,1.9rem)}.btn-secondary{background:linear-gradient(180deg, #7cc4ff, var(--c-blue-dk));color:#fff;text-shadow:0 2px #00285a4d}.btn-toggle{background:linear-gradient(180deg, #eee8f2, var(--c-off));color:var(--c-ink-soft);max-width:320px}.btn-toggle.is-on{background:linear-gradient(180deg, #6bf0a5, var(--c-green-dk));color:var(--c-green-ink)}.table-grid{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:10px;width:100%;display:grid}.table-chip{appearance:none;pointer-events:auto;border-radius:var(--r-s);min-width:64px;min-height:64px;color:var(--c-ink-soft);box-shadow:var(--sh-key);font-family:var(--font-play);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff,#f0e9f6);border:4px solid #fff;font-size:clamp(1.1rem,4.6vw,1.6rem);font-weight:900;transition:transform 90ms,box-shadow 90ms,filter .12s}.table-chip:active{box-shadow:var(--sh-key-down);transform:scale(.94)}.table-chip:focus-visible{outline:4px solid var(--c-blue);outline-offset:3px}.table-chip.is-on{background:linear-gradient(180deg, #6bf0a5, var(--c-green-dk));color:var(--c-green-ink);transform:scale(1.03)}.table-chip.is-on:active{transform:scale(.94)}@keyframes ui-blink{0%,55%{opacity:1}56%,to{opacity:.15}}@keyframes ui-shake{0%{transform:translate(0)rotate(0)}15%{transform:translate(-10px)rotate(-2deg)}35%{transform:translate(9px)rotate(2deg)}55%{transform:translate(-7px)rotate(-1.5deg)}75%{transform:translate(5px)rotate(1deg)}to{transform:translate(0)rotate(0)}}@keyframes ui-limit-pop{0%{transform:scale(1)}30%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ui-pop{0%{opacity:0;transform:scale(.86)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes ui-glow{0%,to{opacity:.75}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.ui-answer-placeholder,.ui-answer.is-wrong,.ui-timelimit.is-drop,.screen-card,.lava-vignette{animation:none}.ui-timerbar-fill,.ui-timelimit,.numpad-key,.btn,.table-chip{transition:none}}@media (height<=700px){.ui-layer{gap:4px}.ui-score{font-size:clamp(.9rem,3.2vw,1.15rem)}.ui-best,.ui-timelimit{padding:.15em .6em;font-size:clamp(.68rem,2.6vw,.9rem)}.ui-question{padding:.15em .6em;font-size:clamp(1.4rem,6vw,2.2rem)}.ui-answer{min-height:1.5em;font-size:clamp(1.3rem,5.4vw,2rem)}.ui-timerbar{height:12px}}@media (height<=560px) and (orientation:landscape){.ui-layer{grid-template:"top pad""center pad"minmax(0,1fr)/minmax(0,1fr) auto;place-items:center;gap:6px 12px;display:grid}.ui-topbar{grid-area:top;align-self:start}.ui-center{grid-area:center}.numpad{grid-area:pad;align-self:center;width:min(300px,44vw)}}@media (height<=620px) and (orientation:portrait){.numpad-key{height:52px;min-height:52px}}html,body,#root{overscroll-behavior:none;background:#1b0f16;height:100%;margin:0;overflow:hidden}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:Nunito,"Baloo 2",Comic Sans MS,Trebuchet MS,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}