:root{--ink: #1d1b35;--linen: #efe4cb;--linen2: #e2d3b2;--madder: #c13a2c;--indigo: #2f4b99;--gold: #e8b23a;--woad: #86acd8;--wall: #18223f;--knot: #5c3b27;--face: "Kannada MN", "Bangla MN", Optima, Candara, "Segoe UI", "Noto Sans", system-ui, sans-serif}html,body{background:var(--wall);color:var(--linen);font-family:var(--face)}.hud{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.tab{pointer-events:auto;width:46px;height:46px;display:grid;place-items:center;border:0;padding:0;text-decoration:none;border-radius:4px;background:var(--linen);color:var(--ink);outline:1.5px dashed var(--madder);outline-offset:-6px;box-shadow:0 3px #00000059}.tab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tab:active{transform:translateY(2px);box-shadow:none}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true] .spk{fill:var(--ink)}.board{display:flex;flex-direction:column;align-items:center;gap:5px}.score{font:600 32px/1 var(--face);color:var(--linen);min-width:2.4ch;text-align:center;padding:8px 16px 4px;border-radius:3px;background:#10162c99;outline:1px dashed rgba(239,228,203,.5);outline-offset:-4px;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.4)}.score.pop{animation:pop .22s ease-out}.meta{display:flex;align-items:center;gap:10px}.mult{font:600 15px/1 var(--face);color:var(--linen2);padding:4px 8px 2px;background:#10162c99;border-radius:3px}.mult.hot{background:var(--gold);color:var(--ink)}.mult.pop{animation:pop .3s ease-out}.tension{position:relative;width:92px;height:12px;border-radius:2px;overflow:hidden;background:#10162cb3;box-shadow:inset 0 0 0 1px #efe4cb8c;background-image:repeating-linear-gradient(90deg,rgba(239,228,203,.35) 0 1px,transparent 1px 5px)}.tension i{position:absolute;left:0;top:0;bottom:0;width:0;background:#b98a62;transition:width .25s}.tension.tight i{background:repeating-linear-gradient(135deg,#e8a07a 0 4px,var(--knot) 4px 8px)}.tension.tight{animation:throb .9s ease-in-out infinite}.tension.shake{animation:shake .45s}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes throb{0%,to{box-shadow:inset 0 0 0 1px #efe4cb8c}50%{box-shadow:inset 0 0 0 2px #f2c9a8,0 0 0 2px #e8a07a59}}.title,.calib,.card,.gallery,.paused{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(70px + var(--safe-t)) calc(18px + var(--safe-r)) calc(20px + var(--safe-b)) calc(18px + var(--safe-l))}.title{justify-content:flex-start;padding-top:calc(15vh + var(--safe-t));transition:opacity .45s}.title.fade{opacity:0;pointer-events:none}.label{position:relative;width:min(320px,100%);color:var(--ink);text-align:center;padding:22px 20px 18px;border-radius:4px;background-color:var(--linen);background-image:repeating-linear-gradient(0deg,rgba(120,90,50,.06) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,90,50,.05) 0 1px,transparent 1px 3px);outline:2px dashed var(--madder);outline-offset:-8px;box-shadow:0 0 0 3px var(--linen2),0 14px 30px #00000073}.label.wide{width:min(380px,100%);max-height:100%;display:flex;flex-direction:column}.warp{height:18px;margin:-4px 26px 4px;background:repeating-linear-gradient(90deg,var(--indigo) 0 2px,transparent 2px 7px);-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}h1{margin:0 0 2px;font:600 60px/1.05 var(--face);letter-spacing:.14em;color:var(--indigo);padding-left:.14em}.sub{margin:4px 0 12px;font:16px/1.3 var(--face);color:#4a4258}.key{display:flex;justify-content:center;gap:12px;font:13px var(--face);color:#4a4258;margin-bottom:14px}.key span{display:inline-flex;align-items:center;gap:5px}.key i{width:14px;height:9px;border-radius:2px;box-shadow:inset 0 -2px #00000040}.key i.gold{background:var(--gold)}.key i.indigo{background:var(--indigo)}.key i.madder{background:var(--madder)}.cta{font:600 19px/1 var(--face);color:var(--madder);letter-spacing:.04em;animation:breathe 1.8s ease-in-out infinite}.paused .cta{color:var(--linen);background:#10162ccc;padding:14px 22px;border-radius:4px;outline:1.5px dashed var(--linen);outline-offset:-5px}.best{margin-top:10px;font:14px var(--face);color:#5e566c}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.row.foot{display:flex;gap:12px;margin-top:18px}.pill{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:2px 18px 0;border:0;border-radius:4px;background:var(--linen);color:var(--ink);font:600 15px var(--face);outline:1.5px dashed var(--indigo);outline-offset:-5px;box-shadow:0 3px #00000059}.label .pill{align-self:center;justify-content:center;margin-top:14px;background:var(--linen2);box-shadow:none}.pill svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pill:active{transform:translateY(2px)}.kicker{font:600 13px var(--face);letter-spacing:.22em;text-transform:uppercase;color:var(--madder)}.big{font:600 58px/1.05 var(--face);color:var(--indigo);font-variant-numeric:tabular-nums}.newbest{display:inline-block;margin:2px 0 6px;padding:5px 10px 3px;background:var(--gold);color:var(--ink);border-radius:3px;font:600 14px var(--face);animation:pop .5s ease-out}.split{display:flex;gap:14px;align-items:center;margin-top:10px;text-align:left}.keep{width:118px;height:184px;object-fit:cover;box-shadow:0 0 0 1.5px var(--ink),3px 4px #00000040;background:var(--linen2)}.rows{flex:1;display:grid;gap:4px}.r{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(29,27,53,.3);padding:2px 0;font:14px var(--face);color:#4a4258}.r b{font:600 15px var(--face);color:var(--ink);font-variant-numeric:tabular-nums}.r.best b{color:var(--madder)}.card{background:#080c1c73;opacity:0;transition:opacity .4s}.card.show{opacity:1}.card .cta{margin-top:12px}.calib{background:#080c1c99}.mini{position:relative;width:170px;height:150px;margin:14px auto 6px;border-radius:3px;background:linear-gradient(90deg,#8c6440 0 10px,transparent 10px calc(100% - 10px),#8c6440 calc(100% - 10px)),#23305a}.mini .threads{position:absolute;inset:8px 16px;background:repeating-linear-gradient(90deg,rgba(239,228,203,.7) 0 1px,transparent 1px 6px)}.beater{--p: .5;position:absolute;left:12px;right:12px;top:64px;height:8px;border-radius:2px;background:linear-gradient(#e6c89b,#8c6440);transform:translateY(calc(-36px * (1 - (2 * var(--p) - 1) * (2 * var(--p) - 1))));box-shadow:0 2px #0000004d}.swatch{position:absolute;inset:74px 16px 8px;display:flex;flex-direction:column-reverse;gap:0}.swatch i{flex:1;background:transparent}.swatch i.gold{background:var(--gold);box-shadow:inset 0 -1px #00000040}.swatch i.indigo{background:var(--indigo);box-shadow:inset 0 -1px #00000040}.swatch i.madder{background:var(--madder);box-shadow:inset 0 -1px #00000040}.swatch i.knot{background:radial-gradient(circle at 50% 50%,#3d2618 0 3px,var(--knot) 3px)}.msg{font:16px var(--face);color:#4a4258;margin:6px 0}.gallery{background:#080c1cd1;z-index:6}.grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px 14px;padding:14px 4px}.grid figure{margin:0;text-align:center;position:relative}.grid figure:before{content:"";position:absolute;left:-4px;right:-4px;top:-5px;height:4px;border-radius:2px;background:#8c6440}.grid img{width:100%;aspect-ratio:360 / 560;object-fit:cover;box-shadow:0 0 0 1px var(--ink),2px 3px #00000040}.grid figcaption{font:12px var(--face);color:#4a4258;margin-top:4px}.grid .empty{grid-column:1 / -1;font:15px var(--face);color:#5e566c}@media(max-height:640px){.title{padding-top:calc(70px + var(--safe-t))}h1{font-size:50px}.big{font-size:46px}.keep{width:96px;height:150px}}@media(prefers-reduced-motion:reduce){.cta,.score.pop,.mult.pop,.tension.shake,.tension.tight{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned img{box-shadow:0 0 0 2px var(--gold),2px 3px #00000040}.grid figure.pinned figcaption:before{content:"★";color:var(--madder)}.big-keep{display:block;width:min(200px,52vw);height:auto;aspect-ratio:360 / 560;margin:12px auto 0}.dcap{margin-top:8px;font:15px var(--face);color:#4a4258}#gDetail .btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#gDetail .pill{margin-top:12px;padding:2px 12px 0}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:3px;font:600 9px var(--face);letter-spacing:.08em;background:#1d1b3524}