:root{--sea: #0a2234;--sea2: #123449;--ink: #f1e6cf;--ink2: rgba(241, 230, 207, .62);--rule: rgba(241, 230, 207, .5);--lava: #ff7a2a;--lava2: #ffd36a;--leaf: #8fae5e;--paper: #efe5cc;--paperInk: #2b2a33;--label: "Kohinoor Devanagari", "Kohinoor Bangla", "Segoe UI", "Noto Sans", system-ui, sans-serif;--water: Times, "Times New Roman", "Liberation Serif", serif}html,body{background:var(--sea);color:var(--ink);font-family:var(--label)}.stage{background:var(--sea)}.hud{position:absolute;inset:0;pointer-events:none}.plate{position:absolute;top:calc(var(--safe-t) + 16px);width:44px;height:44px;display:grid;place-items:center;background:#0a2234b8;border:1px solid var(--rule);outline:1px solid rgba(241,230,207,.18);outline-offset:3px;color:var(--ink);pointer-events:auto;text-decoration:none;padding:0}.plate svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.back{left:calc(var(--safe-l) + 18px)}.mute{right:calc(var(--safe-r) + 18px)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.plate:active{transform:translateY(1px)}.board{position:absolute;top:calc(var(--safe-t) + 12px);left:50%;transform:translate(-50%);width:min(58vw,240px);text-align:center}.scoreRow{display:flex;justify-content:center;align-items:baseline;gap:8px}.score{font-family:var(--water);font-style:italic;font-size:34px;line-height:1;font-variant-numeric:lining-nums tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.5);transition:transform .2s}.score.pop{transform:scale(1.08)}.mult{font-size:12px;font-weight:600;letter-spacing:.14em;padding:2px 6px 1px;border:1px solid var(--rule);color:var(--ink2);transition:transform .25s,color .25s,border-color .25s}.mult.hot{color:var(--lava2);border-color:var(--lava)}.mult.pop{transform:scale(1.2)}.gauges{margin-top:6px;display:grid;gap:4px}.gauge{display:flex;align-items:center;gap:6px;height:14px}.gauge svg{width:12px;height:12px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linejoin:round}.gauge .bar{position:relative;flex:1;height:6px;border:1px solid var(--rule);background:repeating-linear-gradient(90deg,rgba(241,230,207,.08) 0 10%,transparent 10% 20%);overflow:hidden}.gauge .bar i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);transition:transform .12s linear}.magma .bar i{background:linear-gradient(90deg,#c2261c,var(--lava) 60%,var(--lava2))}.magma svg{stroke:var(--lava)}.magma.low .bar{border-color:#ff7a2acc}.landG .bar i{background:repeating-linear-gradient(90deg,#cdb98c 0 6px,#a99467 6px 12px)}.landG .bar u{position:absolute;top:-2px;bottom:-2px;left:9.375%;width:2px;background:var(--lava);text-decoration:none}.landG.danger .bar,.landG .bar.danger{border-color:var(--lava);animation:warn .8s ease-in-out infinite}.gauge b{font-weight:600;font-size:11px;min-width:26px;text-align:right;font-variant-numeric:tabular-nums}.facts{margin-top:4px;display:flex;justify-content:center;gap:14px;font-size:11px;letter-spacing:.08em;color:var(--ink2)}.fact{display:inline-flex;align-items:center;gap:4px}.fact svg{width:12px;height:12px;fill:none;stroke:var(--leaf);stroke-width:1.3;stroke-linecap:round}.fact.sea svg{stroke:#9cd0d4}.fact b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.fact small{font-size:9px}.fact.danger b{color:var(--lava2);animation:warn .8s ease-in-out infinite}@keyframes warn{50%{opacity:.45}}.title,.card,.sheet,.paused{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--safe-t) + 70px) 18px calc(var(--safe-b) + 18px)}.title{pointer-events:none;transition:opacity .45s;align-items:end}.title .legend{height:110px}.title.fade{opacity:0}.title .pill{pointer-events:auto}.cartouche{position:relative;width:min(86vw,330px);padding:18px 20px 16px;text-align:center;background:#0a1e2eb8;border:1px solid var(--rule);outline:1px solid rgba(241,230,207,.2);outline-offset:5px;box-shadow:0 18px 40px #0006}.cartouche:before,.cartouche:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--rule)}.cartouche:before{top:-6px;left:-6px;border-right:0;border-bottom:0}.cartouche:after{bottom:-6px;right:-6px;border-left:0;border-top:0}.kicker{font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--ink2)}h1{margin:6px 0 0;font-weight:500;font-size:58px;line-height:1;letter-spacing:.42em;padding-left:.42em;text-transform:uppercase}.named{font-family:var(--water);font-style:italic;font-size:20px;color:#bfe0e0;margin-top:4px}.named:before{content:"— "}.named:after{content:" —"}.legend{margin:8px auto 2px;width:190px;height:150px}.legend svg{width:100%;height:100%;overflow:visible}.legend path{fill:none;stroke-linejoin:round}.legend .c3{stroke:#e0d0a4;stroke-width:1.4;fill:#cdb98c40}.legend .c2{stroke:#e0d0a499;stroke-width:1}.legend .c1{stroke:#e0d0a473;stroke-width:1;animation:rise 3.2s ease-out infinite;transform-origin:0 6px}.legend .sea{stroke:#9cd0d4;stroke-width:1;opacity:.6}.legend .trees circle{fill:#5f8f50;stroke:#20321f;stroke-width:.8}.legend .lava{fill:var(--lava2);animation:lava 3.2s ease-out infinite;transform-origin:2px 6px}.legend .ring{fill:none;stroke:var(--lava);stroke-width:1.4;stroke-dasharray:38;animation:hold 3.2s linear infinite;transform:rotate(-90deg);transform-origin:2px 6px}.legend .finger{fill:#faf4e8d9;stroke:#14141e80;stroke-width:1;animation:press 3.2s ease-in-out infinite}@keyframes press{0%,8%{transform:translate(6px,10px)}18%,70%{transform:translate(0)}82%,to{transform:translate(6px,10px)}}@keyframes hold{0%,18%{stroke-dashoffset:38;opacity:1}70%{stroke-dashoffset:0;opacity:1}85%,to{stroke-dashoffset:0;opacity:0}}@keyframes lava{0%,20%{transform:scale(.2);opacity:0}30%{opacity:1}70%{transform:scale(2.4);opacity:1}to{transform:scale(3);opacity:0}}@keyframes rise{0%,60%{transform:scale(1)}85%,to{transform:scale(1.18)}}.cta{margin-top:10px;font-family:var(--water);font-style:italic;font-size:19px;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.best{margin-top:4px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink2)}.row2{margin-top:12px;display:flex;justify-content:center}.pill{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;background:transparent;border:1px solid var(--rule);color:var(--ink);font-family:var(--label);font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase}.pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}.pill.solid{background:var(--ink);color:var(--sea)}.card{opacity:0;transition:opacity .5s}.card.show{opacity:1}.card .cartouche{padding-top:14px}.big{font-family:var(--water);font-style:italic;font-size:60px;line-height:1.05;margin-top:2px;font-variant-numeric:lining-nums}.newbest{display:inline-block;margin:2px 0;padding:2px 10px;border:1px solid var(--lava);color:var(--lava2);font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;animation:breathe 1.2s ease-in-out infinite}.keep{display:block;width:62%;margin:8px auto 6px;border:1px solid var(--rule);box-shadow:0 6px 18px #0006}.rows{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;margin:6px 4px 0}.row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dotted rgba(241,230,207,.25);padding:2px 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}.row b{font-family:var(--water);font-style:italic;font-weight:400;font-size:17px;letter-spacing:0;text-transform:none;color:var(--ink)}.sheet{background:#061420e0;z-index:5}.sheet .cartouche{background:#0a1e2e}.cartouche.wide{width:min(92vw,420px);max-height:calc(100vh - var(--safe-t) - var(--safe-b) - 60px);overflow:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin:12px 0}figure{margin:0}figure img{width:100%;display:block;border:1px solid var(--rule)}figcaption{margin-top:4px;display:grid;font-size:10px;letter-spacing:.1em;color:var(--ink2)}figcaption b{font-family:var(--water);font-style:italic;font-weight:400;font-size:14px;letter-spacing:0;color:var(--ink)}figcaption i{color:var(--lava2);font-style:normal;text-transform:uppercase;letter-spacing:.2em}.empty{font-family:var(--water);font-style:italic;color:var(--ink2)}.paused{background:#0614208c;z-index:4}@media(max-height:700px){.legend{height:110px}h1{font-size:48px}.keep{width:50%}}@media(prefers-reduced-motion:reduce){.legend *,.cta,.newbest,.landG .bar,.fact.danger b{animation:none!important}}.grid figure{cursor:pointer}.grid figure.pinned img{border-color:var(--lava2);box-shadow:0 0 0 1px var(--lava2)}.grid figure.pinned figcaption b:before{content:"★";color:var(--lava2)}.big-keep{width:min(220px,56vw)}.btns{flex-wrap:wrap;gap:8px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;font-size:9px;letter-spacing:.08em;border:1px solid var(--rule)}
