:root{--page: #1a1916;--page-glow: #3a3226;--page-text: #d8cfbb;--page-muted: #a89f8b;--shell-hi: #fdfdfb;--shell: #f2f1ec;--shell-lo: #dddbd2;--wheel-hi: #ffffff;--wheel: #f3f2ee;--wheel-lo: #d8d6ce;--wheel-ink: #6f7075;--lcd-hi: #ffffff;--lcd: #f7f8fa;--lcd-lo: #e3e6eb;--ink: #121418;--ink-soft: #4a4f57;--sel-hi: #7db6f4;--sel-lo: #1f62c9;--sel-ink: #ffffff;--ui-font: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--row-pad: max(6px, 1.6cqw);--fs-body: max(15px, 4.25cqw);--fs-small: max(13px, 3.5cqw);--fs-bar: max(12px, 3.2cqw);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100svh;background:radial-gradient(ellipse 70% 55% at 50% 38%,var(--page-glow),var(--page) 70%) fixed,var(--page);color:var(--page-text);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.stage{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.rig{--w: min(400px, calc(100vw - 32px) , calc((100svh - 150px) / 1.72));width:max(min(280px,calc(100vw - 32px)),var(--w));container-type:inline-size;position:relative;perspective:1400px}.device{--rx: 0deg;--ry: 0deg;--lx: 30%;--ly: 18%;--D: 15;position:relative;width:100cqw;height:168cqw;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d}.turn{position:absolute;inset:0;transform-style:preserve-3d}.face,.back{position:absolute;inset:0;border-radius:13cqw;backface-visibility:hidden;-webkit-backface-visibility:hidden}.face{transform:translateZ(calc(var(--D) * .5cqw))}.back{transform:rotateY(180deg) translateZ(calc(var(--D) * .5cqw))}.device.flipped .face,.device:not(.flipped) .back{pointer-events:none}.sides{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.sides i{position:absolute;left:50%;top:50%;backface-visibility:visible;background:linear-gradient(90deg,rgba(0,0,0,.06),transparent 25%,rgba(255,255,255,.14) 50%,transparent 75%,rgba(0,0,0,.08)),rgb(calc(70 + var(--sh) * 185) calc(74 + var(--sh) * 181) calc(80 + var(--sh) * 178))}.face{background:radial-gradient(ellipse 120% 70% at 25% 0%,rgba(255,255,255,.9),transparent 60%),linear-gradient(175deg,var(--shell-hi),var(--shell) 50%,var(--shell-lo));box-shadow:inset 0 0 0 .5cqw #ffffffe6,inset 0 0 0 .9cqw #aaaaa559,inset 0 -1.2cqw 2.4cqw #8c826938,inset 0 0 2.2cqw #96918247,inset .6cqw .8cqw 1.2cqw #ffffffb3}.face{background-image:var(--flat-skin, none),radial-gradient(ellipse 120% 70% at 25% 0%,rgba(255,255,255,.9),transparent 60%),linear-gradient(175deg,var(--shell-hi),var(--shell) 50%,var(--shell-lo));background-size:100% 100%,auto,auto}.face:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 45%,transparent 60%,rgba(200,170,90,.16)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .42 0 0 0 0 .35 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.5}.shell-wear{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.shell-wear svg{width:100%;height:100%;display:block}.spec{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;background:radial-gradient(circle at var(--lx) var(--ly),rgba(255,255,255,.35),rgba(255,255,255,.06) 30%,transparent 55%);mix-blend-mode:soft-light}.snd{position:absolute;z-index:6;left:5cqw;top:-2.4cqw;display:flex;align-items:center;gap:1.4cqw;min-height:44px;min-width:44px;padding:0;border:0;background:none;cursor:pointer;color:#7d7f84;font:700 max(10px,2.4cqw)/1 system-ui,sans-serif;letter-spacing:.12em}.snd-track{position:relative;width:12cqw;min-width:40px;height:3.6cqw;min-height:12px;border-radius:1cqw 1cqw 0 0;background:linear-gradient(#5b5f66,#9a9ea6 40%,#e6e8ec 70%,#8b8f96);box-shadow:inset 0 .3cqw .5cqw #00000080}.snd-knob{position:absolute;top:15%;bottom:0;left:8%;width:44%;border-radius:.8cqw .8cqw 0 0;background:linear-gradient(#fdfdfd,#c9ccd1);box-shadow:0 0 2px #00000080,inset 0 1px #fff;transition:left .14s ease}.snd-track:before{content:"";position:absolute;left:10%;top:25%;bottom:10%;width:36%;border-radius:2px;background:#f08a1c}.snd[aria-checked=true] .snd-knob{left:6%}.snd[aria-checked=false] .snd-knob{left:50%}.snd-label{margin-top:3.6cqw}.snd:focus-visible{outline:3px solid #1d5bd6;outline-offset:2px;border-radius:6px}.bezel{position:absolute;z-index:1;left:6cqw;right:6cqw;top:8.5cqw;height:85cqw;padding:2.4cqw;border-radius:2.4cqw;background:linear-gradient(#141518,#050506);box-shadow:inset 0 .4cqw .8cqw #000,0 0 0 .35cqw #8c8c8773,0 .3cqw 0 .35cqw #fffc}.crack{position:absolute;inset:2.4cqw;width:calc(100% - 4.8cqw);height:calc(100% - 4.8cqw);pointer-events:none;z-index:4;overflow:visible}.crack path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.crack-lines path{stroke:#ffffffb3;stroke-width:1}.crack-lines path.ring1{stroke:#ffffff73;stroke-width:.8}.crack-shadow path{stroke:#0000004d;stroke-width:1}.deadcol{position:absolute;top:8%;bottom:14%;right:1.4%;width:1px;background:linear-gradient(transparent,rgba(190,40,120,.55) 15%,rgba(190,40,120,.35) 75%,transparent)}.lcd{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:.8cqw;color:var(--ink);background:linear-gradient(#fff,var(--lcd) 70%,var(--lcd-lo));box-shadow:inset 0 0 1.6cqw #00000059}.lcd.boot{animation:boot .55s steps(6,end) both}@keyframes boot{0%{filter:brightness(.4)}60%{filter:brightness(1.1)}to{filter:none}}.lcd-fx{position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:3;background:radial-gradient(ellipse 60% 45% at var(--lx) var(--ly),rgba(255,255,255,.18),transparent 70%),linear-gradient(118deg,transparent 0 58%,rgba(255,255,255,.16) 58.5% 66%,transparent 66.5%),repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 3px)}.lcd-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:max(26px,7.4cqw);padding:0 var(--row-pad) 0 calc(var(--row-pad) + 2px);border-bottom:1px solid #8f959e;background:linear-gradient(#fdfdfd,#dfe2e7 55%,#c9cdd4);font:700 var(--fs-bar)/1 var(--ui-font);letter-spacing:.02em;white-space:nowrap}.lcd-bar .bar-left{overflow:hidden;text-overflow:ellipsis}.lcd-bar .bar-right{display:flex;align-items:center;gap:6px}.batt{width:max(22px,6cqw);height:max(11px,2.9cqw);border:1.5px solid #3b3f46;border-radius:2px;position:relative;padding:1px;background:#fff9}.batt:after{content:"";position:absolute;right:-4px;top:28%;width:2.5px;height:44%;background:#3b3f46;border-radius:0 1px 1px 0}.batt i{display:block;height:100%;width:var(--lvl);border-radius:1px;background:linear-gradient(#a8ec86,#3fa62c)}.batt.mid i{background:linear-gradient(#ffe17a,#e0a412)}.batt.low i{background:linear-gradient(#ff8a80,#d6261b);animation:battblink 1s steps(2,start) infinite}.batt.draining i{animation:drain 1.1s cubic-bezier(.5,0,.2,1) both}.batt.low.draining i{animation:drain 1.1s cubic-bezier(.5,0,.2,1) both,battblink 1s 1.1s steps(2,start) infinite}@keyframes drain{0%{width:var(--was);filter:brightness(1.6)}to{width:var(--lvl)}}@keyframes battblink{50%{opacity:.35}}.pts{position:absolute;left:0;bottom:0;z-index:4;pointer-events:none;padding:4px 9px 4px calc(var(--row-pad) + 2px);font:700 var(--fs-bar)/1 var(--ui-font);letter-spacing:.04em;color:var(--ink);font-variant-numeric:tabular-nums;background:var(--lcd-lo);border-top:1px solid #c3c8d0;border-right:1px solid #c3c8d0;border-top-right-radius:6px;box-shadow:4px -2px 8px #fffc}.pts-label{color:var(--ink-soft);font-size:.85em;letter-spacing:.1em}.pts.bump-up b{animation:bump .5s ease-out;color:#1f8a2a}.pts.bump-down b{animation:shake .45s ease-out;color:#c4221a}@keyframes bump{30%{transform:scale(1.35)}}@keyframes shake{20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}.pts b{display:inline-block}.pts-pop{position:absolute;left:calc(var(--row-pad) + 2px);bottom:100%;font:800 calc(var(--fs-body) * 1.25)/1 var(--ui-font);white-space:nowrap;animation:floatup 1.3s cubic-bezier(.2,.7,.2,1) forwards}.pts-pop.up{color:#1f8a2a;text-shadow:0 0 10px rgba(80,220,90,.55)}.pts-pop.down{color:#c4221a;text-shadow:0 0 10px rgba(255,60,40,.45)}@keyframes floatup{0%{transform:translateY(6px) scale(.6);opacity:0}15%{transform:translateY(0) scale(1.15);opacity:1}to{transform:translateY(-46px) scale(1);opacity:0}}.lcd:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;border-radius:inherit}.lcd.flash-good:before{background:radial-gradient(circle at 50% 40%,rgba(110,230,120,.45),transparent 70%);animation:flash .7s ease-out}.lcd.flash-bad:before{background:radial-gradient(circle at 50% 40%,rgba(255,70,50,.4),transparent 70%);animation:flash .6s ease-out}.lcd.flash-bad .lcd-body{animation:jolt .35s ease-out}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes jolt{20%{transform:translate(-4px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.lcd-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--row-pad) var(--row-pad) calc(var(--row-pad) + 22px);font-size:var(--fs-body);line-height:1.3;scrollbar-width:thin;scrollbar-color:var(--ink-soft) transparent;scroll-padding-block:4px 30px}.lcd-body:focus-visible{outline:none}.list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.row{appearance:none;width:100%;display:flex;align-items:center;gap:2.4cqw;min-height:44px;padding:4px 8px;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer;touch-action:manipulation}.row.is-cur{background:linear-gradient(var(--sel-hi),var(--sel-lo));color:var(--sel-ink);text-shadow:0 -1px 0 rgba(0,0,40,.35)}.row:focus-visible{outline:3px solid var(--sel-lo);outline-offset:2px}.row .main{flex:1;min-width:0}.row .t{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .s{display:block;font-size:var(--fs-small);opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .num{flex:none;width:1.4em;font:700 var(--fs-small)/1 var(--ui-font)}.row .tag{flex:none;font:700 var(--fs-bar)/1 var(--ui-font);letter-spacing:.06em;padding:4px 5px;border:2px solid currentColor;border-radius:3px}.row .mark{flex:none;font-size:1.15em;font-weight:800;width:1.3em;text-align:center}.pips{letter-spacing:.05em}.lvl{display:inline-block;padding:.18em .55em;border-radius:3px;font:800 var(--fs-bar)/1 var(--ui-font);letter-spacing:.05em;color:#fff}.lvl-easy{background:#2f7d32}.lvl-medium{background:#b26a00}.lvl-hard{background:#b3261e}.row.opt .key{flex:none;display:grid;place-items:center;width:1.75em;height:1.75em;border:2px solid currentColor;border-radius:50%;font:800 var(--fs-small)/1 var(--ui-font)}.row.opt .t{white-space:normal}.row.is-armed .tag{animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{opacity:.35}}.meta{display:flex;justify-content:space-between;gap:8px;font:700 var(--fs-small)/1.2 var(--ui-font);letter-spacing:.04em;margin:2px 2px 6px}.song{margin:0 2px 4px;font-size:var(--fs-small)}.song b{font-size:var(--fs-body)}.q{margin:4px 2px 8px;font-weight:700;font-size:calc(var(--fs-body) * 1.04);line-height:1.28;text-wrap:pretty}.note{margin:6px 2px 0;font-size:var(--fs-small);color:var(--ink-soft)}.verdict{display:flex;align-items:center;gap:8px;margin:2px 0 6px;padding:6px 8px;border:2px solid var(--ink);border-radius:4px;font:800 calc(var(--fs-body) * 1.1)/1.1 var(--ui-font);letter-spacing:.04em}.verdict.good{background:linear-gradient(var(--sel-hi),var(--sel-lo));border-color:var(--sel-lo);color:var(--sel-ink)}.verdict .sym{font-size:1.35em}.facts{margin:0 2px 6px;font-size:var(--fs-small)}.facts p{margin:0 0 4px}.explain{margin:0 2px 6px;text-wrap:pretty}.big-score{text-align:center;margin:4px 0 2px;font:800 max(44px,15cqw)/1 var(--ui-font);letter-spacing:-.04em}.big-score small{font-size:.42em;letter-spacing:0}.tally{display:flex;justify-content:center;gap:1.6cqw;margin:4px 0 8px;padding:0;list-style:none}.tally li{display:grid;place-items:center;gap:2px;width:max(36px,10cqw);padding:4px 0;border:2px solid var(--ink);border-radius:4px;font:800 var(--fs-body)/1 var(--ui-font)}.tally li.good{background:linear-gradient(var(--sel-hi),var(--sel-lo));border-color:var(--sel-lo);color:var(--sel-ink)}.tally li small{font-size:max(10px,2.6cqw);font-weight:700}.bonus{position:relative;margin:0 0 6px;border-radius:4px;overflow:hidden;background:#0b0a2a}.bonus canvas{display:block;width:100%;max-width:100%;aspect-ratio:96 / 64;image-rendering:pixelated;image-rendering:crisp-edges}.bq{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:4% 6% 0;text-align:center;pointer-events:none;font-family:"Press Start 2P",ui-monospace,Menlo,monospace}.bq-line,.bq-by{opacity:0;animation:bqin .5s steps(4,end) var(--d) forwards}.bq-line{font-size:max(12px,3.6cqw);line-height:1.2;color:#fff6dc;text-shadow:2px 2px 0 #2a1650,0 0 10px rgba(255,200,120,.55)}.bq-by{margin-top:4px;font-size:max(9px,2.4cqw);line-height:1.5;color:#ffd9a0;text-shadow:1px 1px 0 #2a1650}.bq-by small{display:block;margin-top:3px;font-size:.78em;color:#f3c8ff}@keyframes bqin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.deep-score{text-align:center;margin:0 0 4px;font:700 var(--fs-small)/1.2 var(--ui-font);letter-spacing:.04em;color:var(--sel-lo)}.deep-note{margin:2px 2px 6px}.pts-total{text-align:center;margin:0 0 4px;font:700 var(--fs-body)/1.2 var(--ui-font);font-variant-numeric:tabular-nums}.row.promo .t{color:inherit}.row.promo:not(.is-cur){box-shadow:inset 0 0 0 1.5px var(--sel-lo)}.countdown{text-align:center;font:700 var(--fs-small)/1.3 var(--ui-font);margin:8px 0 2px}.share-fallback{width:100%;margin-top:6px;padding:6px;resize:none;font:600 var(--fs-small)/1.3 var(--ui-font);color:var(--ink);background:var(--lcd-hi);border:2px solid var(--ink);border-radius:4px}.prose{margin:2px 2px 8px;font-size:var(--fs-small)}.prose p{margin:0 0 6px}.center-msg{text-align:center;margin:10px 4px}.center-msg strong{display:block;font:800 var(--fs-body)/1.2 var(--ui-font);margin-bottom:6px}.wheel{position:absolute;z-index:1;left:50%;top:100cqw;width:61cqw;aspect-ratio:1;translate:-50% 0;touch-action:none;user-select:none;-webkit-user-select:none}.ring{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 50%,transparent 0 19.6%,rgba(90,85,70,.35) 19.8% 20.4%,rgba(255,255,255,.9) 20.6% 21.2%,transparent 21.6%),radial-gradient(circle at 50% 50%,rgba(120,112,92,.1) 22%,transparent 34%),radial-gradient(circle at 50% 40%,var(--wheel-hi),var(--wheel) 58%,var(--wheel-lo)),var(--wheel);box-shadow:0 0 0 .3cqw #6e695c80,0 .35cqw 0 .3cqw #fffffff2,0 -.25cqw .3cqw .3cqw #5a55462e,inset 0 .7cqw .9cqw #fff,inset 0 -1.4cqw 2.2cqw #6e695a4d,inset 0 0 0 .25cqw #fff9;transform-style:preserve-3d;transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.ring:before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .48 0 0 0 0 .42 0 0 0 .28 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.thumb{position:absolute;left:var(--tx, 50%);top:var(--ty, 50%);width:30%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .15s;background:radial-gradient(circle,rgba(90,82,60,.22),rgba(90,82,60,.08) 45%,transparent 70%)}.wheel.touching .thumb{opacity:1}.ring-tex{position:absolute;inset:0;border-radius:50%;will-change:transform}.ring-tex svg{display:block;width:100%;height:100%}.ring-tex.ease{transition:transform .18s ease-out}.ring:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.6),transparent 50%)}.wheel.spinning .ring{cursor:grabbing}.wheel[data-press=menu] .ring{transform:perspective(260px) rotateX(7deg) translateZ(-2px)}.wheel[data-press=select] .ring{transform:perspective(260px) rotateX(-7deg) translateZ(-2px)}.wheel[data-press=prev] .ring{transform:perspective(260px) rotateY(-7deg) translateZ(-2px)}.wheel[data-press=next] .ring{transform:perspective(260px) rotateY(7deg) translateZ(-2px)}.wheel[data-press=hub] .ring{transform:scale(.99)}.seg{position:absolute;inset:0;border:0;padding:0;margin:0;background:transparent;cursor:pointer;color:var(--wheel-ink);-webkit-tap-highlight-color:transparent;touch-action:none}.seg-up{clip-path:polygon(50% 50%,0 0,100% 0)}.seg-right{clip-path:polygon(50% 50%,100% 0,100% 100%)}.seg-down{clip-path:polygon(50% 50%,100% 100%,0 100%)}.seg-left{clip-path:polygon(50% 50%,0 100%,0 0)}.seg span{position:absolute;font:700 max(12px,3.3cqw)/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.9);transition:transform .08s}.seg span svg{display:block;width:max(17px,5cqw);height:auto;fill:currentColor}.seg-up span{top:8%;left:50%;translate:-50% 0}.seg-down span{bottom:8%;left:50%;translate:-50% 0}.seg-right span{right:7%;top:50%;translate:0 -50%}.seg-left span{left:7%;top:50%;translate:0 -50%}.seg span.worn{background:linear-gradient(100deg,var(--wheel-ink) 0 35%,rgba(70,70,72,.7) 48% 58%,var(--wheel-ink) 72%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.seg:active,.seg.pressed{background:radial-gradient(circle,transparent 0 30%,rgba(90,85,70,.14) 31% 69%,transparent 70%)}.seg:active span,.seg.pressed span{transform:translateY(1px) scale(.94)}.seg:focus-visible{outline:none;background:radial-gradient(circle,transparent 0 30%,rgba(30,90,214,.12) 31% 69%,transparent 70%)}.seg:focus-visible span{outline:3px solid #1d5bd6;outline-offset:4px;border-radius:3px}.hub{position:absolute;left:50%;top:50%;translate:-50% -50%;width:39%;aspect-ratio:1;border-radius:50%;border:0;padding:0;cursor:pointer;background:radial-gradient(circle at 45% 35%,#fff,#f2f1ed 45%,#d9d7cf);box-shadow:0 0 0 .5cqw #aaa89e99,0 .5cqw 1cqw #5a55464d,inset 0 .4cqw .3cqw #fff,inset 0 -.6cqw 1cqw #00000014;transition:transform .08s,box-shadow .08s;touch-action:none}.hub-dot{display:none}.hub:active,.hub.pressed{transform:scale(.96);box-shadow:0 0 0 .5cqw #aaa89e99,0 .1cqw .3cqw #5a554659,inset 0 .7cqw 1.2cqw #00000024}.hub:focus-visible{outline:3px solid #1d5bd6;outline-offset:3px}.back{overflow:hidden;cursor:grab;touch-action:pan-y;background:radial-gradient(ellipse 70% 40% at var(--lx) var(--ly),rgba(255,255,255,.55),transparent 70%),linear-gradient(100deg,#6d7179,#d9dce1 18%,#fdfdfd 30%,#9aa0a8,#e7e9ec 58%,#7b8088 74%,#c9ccd2 88%,#8a8f97);box-shadow:inset 0 0 0 .6cqw #ffffff59,inset 0 0 3cqw #00000059}.device.is-dragging .back{cursor:grabbing}.back:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(circle at 30% 120%,rgba(255,255,255,.07) 0 1px,transparent 1px 4px),repeating-radial-gradient(circle at 110% 10%,rgba(0,0,0,.05) 0 1px,transparent 1px 5px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55 .02' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .2 0 0 0 0 .22 0 0 0 .4 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.55}.back-dmg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.etch{position:absolute;left:0;right:0;top:38%;display:flex;flex-direction:column;align-items:center;gap:2cqw;pointer-events:none;color:#3c40468c;text-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(0,0,0,.25)}.etch b{font:700 18cqw/1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.03em}.etch span{font:500 3cqw/1.35 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-align:center}.etch small{margin-top:30cqw;font:500 2.4cqw/1.4 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.06em;text-align:center}.back-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 42%,transparent 52%);background-size:250% 100%;background-position:var(--gx, 40%) 0;mix-blend-mode:soft-light}.floor{position:absolute;left:10%;right:10%;bottom:-6cqw;height:6cqw;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);filter:blur(4px);transform:translate(var(--fx, 0px))}.under{display:flex;gap:10px;justify-content:center}.flip-btn{min-height:44px;padding:0 18px;border-radius:99px;cursor:pointer;border:1px solid rgba(216,207,187,.35);background:#ffffff0a;color:var(--page-text);font:600 14px/1 system-ui,sans-serif;letter-spacing:.02em}.flip-btn:hover{background:#ffffff17}.skins-btn{min-height:36px;padding:0 16px;border-radius:99px;cursor:pointer;border:1px solid rgba(216,207,187,.35);background:#ffffff0a;color:var(--page-text);font:600 13px/1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.02em}.skins-btn[hidden]{visibility:hidden;display:inline-block}.skins-btn:hover{background:#ffffff17}.skins-btn:focus-visible{outline:3px solid #6aa0ff;outline-offset:2px}.flip-btn:focus-visible{outline:3px solid #6aa0ff;outline-offset:2px}.flip-btn[aria-pressed=false]:not(:focus-visible){position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.under{flex-direction:column;align-items:center}.today{margin:0;font:700 13px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--page-text);text-align:center}.today small{display:block;margin-top:2px;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--page-muted)}.hint{max-width:420px;margin:0;text-align:center;font-size:14px;color:var(--page-muted)}.hint b{color:var(--page-text);font-weight:700}.hint .keys{display:inline-block}@media(hover:none){.hint .keys{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.device{transform:none!important}.bq-line,.bq-by{opacity:1}}.row.opt .lock{display:none}.row.opt.is-cur .lock{display:inline-block}.lcd.has-more:after{content:"▼ more";position:absolute;right:0;bottom:0;left:0;z-index:2;pointer-events:none;padding:10px 10px 3px;text-align:right;font:700 var(--fs-bar)/1 var(--ui-font);letter-spacing:.06em;color:var(--ink);background:linear-gradient(transparent,var(--lcd-lo) 55%)}.stage{position:relative}.gl-body{position:absolute;left:0;top:0;z-index:0;pointer-events:none}.rig{z-index:1}body.gl .sides,body.gl .face:before,body.gl .spec,body.gl .shell-wear{display:none}body.gl .face,body.gl .back{background:none;box-shadow:none}body.gl .back:before,body.gl .back>*{display:none}body.gl .ring{background:none;box-shadow:none}body.gl .ring:before,body.gl .ring:after{display:none}body.gl .ring-tex{visibility:hidden}body.gl .hub{background:none;box-shadow:none}body.gl .wheel[data-press] .ring{transform:none}body.gl .floor{opacity:.8}.lcd-fx{background:radial-gradient(ellipse 60% 45% at var(--lx) var(--ly),rgba(255,255,255,.18),transparent 70%),linear-gradient(118deg,transparent 0 58%,rgba(255,255,255,.16) 58.5% 66%,transparent 66.5%),repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 3px)}.brand{align-self:stretch;display:flex;flex-direction:column;gap:2px;text-align:left}.brand h1{margin:0;font:800 22px/1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.02em}.brand a{color:var(--page-text);text-decoration:none}.brand h1 a{display:inline-flex;align-items:center;gap:8px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:#1c1a17;background:#efe6d4}.brand-mark svg{width:19px;height:19px}.brand a:focus-visible{outline:2px solid #6aa0ff;outline-offset:3px;border-radius:4px}.brand p{margin:0;font-size:13px;color:var(--page-muted);letter-spacing:.01em}@media(min-width:760px){.brand{position:absolute;z-index:2;top:max(20px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left))}.brand h1{font-size:26px}}body.gl .seg:active,body.gl .seg.pressed,body.gl .seg:focus-visible{background:none}body.gl .thumb{display:none}.intro{text-align:center;padding:6px 4px 10px}.intro-no{margin:0;font:700 var(--fs-small)/1.2 var(--ui-font);letter-spacing:.08em;color:var(--ink-soft)}.intro-title{margin:6px 0 4px;font:800 calc(var(--fs-body) * 1.9)/1 var(--ui-font);letter-spacing:-.02em}.intro-sub{margin:0 6px;font-size:var(--fs-small);color:var(--ink-soft);text-wrap:balance}.np{display:flex;align-items:center;gap:8px;margin:2px 2px 6px;padding:4px 8px 4px 4px;border-radius:6px;background:linear-gradient(#f3f5f8,#e3e7ed);border:1px solid #c9ced6}.np-clock{position:relative;width:34px;height:34px;flex:none}.np-clock svg{width:100%;height:100%;transform:rotate(-90deg)}.np-clock circle{fill:none;stroke-width:3.4}.np-track{stroke:#cfd4dc}.np-left{stroke:var(--sel-lo);stroke-linecap:round}.np-clock b{position:absolute;inset:0;display:grid;place-items:center;font:800 13px/1 var(--ui-font);font-variant-numeric:tabular-nums}.np.urgent .np-left{stroke:#d6261b}.np.urgent b{color:#c4221a;animation:battblink .5s steps(2,start) infinite}.np-label{font:600 var(--fs-small)/1.1 var(--ui-font);color:var(--ink-soft)}.eq{display:flex;align-items:flex-end;gap:2px;height:16px}.eq i{width:3px;height:4px;border-radius:1px;background:var(--sel-lo)}.np.playing .eq i{animation:eq .9s ease-in-out infinite}.np.playing .eq i:nth-child(2){animation-delay:-.3s}.np.playing .eq i:nth-child(3){animation-delay:-.6s}.np.playing .eq i:nth-child(4){animation-delay:-.15s}.np.playing .eq i:nth-child(5){animation-delay:-.45s}@keyframes eq{0%,to{height:4px}50%{height:16px}}.spread{margin:2px 0 8px}.spread svg{display:block;width:100%;height:auto;overflow:visible}.spread text{font:700 7px var(--ui-font);fill:var(--ink-soft)}.sp-fill{fill:#14141417}.sp-line{fill:none;stroke:#3c3c3c;stroke-width:1.4;stroke-linejoin:round}.sp-base{stroke:#b8bec8;stroke-width:1}.sp-you{stroke:#111;stroke-width:1.2;stroke-dasharray:2 1.5}.sp-dot{fill:#111}.spread .sp-youtxt{fill:#111;font-size:8px}.sp-pct{margin:4px 0 0;text-align:center;font:800 var(--fs-body)/1.2 var(--ui-font);letter-spacing:.02em}.sp-note{margin:2px 0 0;text-align:center;font-size:max(11px,2.8cqw);color:var(--ink-soft)}.log{margin:4px 0 8px}.log-h{margin:0 0 4px;font:800 max(10px,2.6cqw)/1 var(--ui-font);letter-spacing:.14em;color:var(--ink-soft)}.log-cols{display:flex;gap:3px;height:56px;align-items:stretch;border-bottom:1px solid #b8bec8}.log-col{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.log-col i{width:70%;height:max(3px,calc(var(--h) * .8));border-radius:2px 2px 0 0;background:#c8ccd3}.log-col.up i{background:linear-gradient(var(--sel-hi),var(--sel-lo))}.log-col.down i{background:#e0645b;height:max(3px,calc(var(--h) * .3))}.log-col b{position:absolute;bottom:-14px;font:700 max(9px,2.4cqw)/1 var(--ui-font);color:var(--ink-soft)}.log{padding-bottom:14px}.playbar{flex:none;display:flex;align-items:center;gap:6px;padding:3px var(--row-pad) 4px;font:700 max(10px,2.5cqw)/1 var(--ui-font);color:var(--ink-soft);font-variant-numeric:tabular-nums;background:linear-gradient(#f5f6f8,#e9ecf0);border-bottom:1px solid #c9ced6}.playbar[hidden]{display:none}.playbar i{flex:1;height:max(7px,1.9cqw);border-radius:99px;background:linear-gradient(#cfd4dc,#e6e9ee);box-shadow:inset 0 1px 2px #00000040;overflow:hidden}.playbar b{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(#9cc8f7,var(--sel-lo) 70%);box-shadow:inset 0 1px #fff9;transition:width .5s cubic-bezier(.3,.8,.3,1)}.rank{margin:2px 0 0;text-align:center;font:800 calc(var(--fs-body) * 1.25)/1.1 var(--ui-font);letter-spacing:-.01em}.roast{margin:2px 0 6px;text-align:center;font-size:var(--fs-small);color:var(--ink-soft);font-style:italic}.vs,.intro-vs{margin:4px 0 6px;text-align:center;font:700 var(--fs-small)/1.3 var(--ui-font);color:#c4221a}.np-credit{margin:-3px 2px 6px;text-align:right;font-size:max(10px,2.4cqw);color:var(--ink-soft)}.credits{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;max-width:520px;margin:0;font-size:12px;color:var(--page-muted);opacity:.8}.credits a{color:var(--page-text);text-decoration:none;border-bottom:1px solid rgba(216,207,187,.3)}.credits a:hover{border-bottom-color:currentColor}.credits a:focus-visible{outline:2px solid #6aa0ff;outline-offset:2px;border-radius:2px}.ini{text-align:center;padding:6px 0 4px}.ini-h{margin:0 0 8px;font:800 var(--fs-small)/1 var(--ui-font);letter-spacing:.16em;color:var(--ink-soft)}.ini-slots{display:flex;justify-content:center;gap:3cqw}.ini-slot{width:max(48px,15cqw);padding:6px 0 4px;border:0;border-bottom:4px solid var(--ink-soft);background:none;font:800 max(40px,13cqw)/1 var(--ui-font);color:var(--ink);cursor:pointer}.ini-slot.set{border-color:var(--sel-lo);color:var(--sel-lo)}.ini-slot.cur{border-color:var(--sel-lo);animation:iniblink 1s steps(2,end) infinite}@keyframes iniblink{50%{color:transparent}}@media(prefers-reduced-motion:reduce){.ini-slot.cur{animation:none}}.ini-hint{margin:8px 6px 4px;font-size:var(--fs-small);color:var(--ink-soft);text-wrap:balance}.board-h{margin:2px 0 6px;text-align:center;font:800 var(--fs-small)/1 var(--ui-font);letter-spacing:.16em;color:var(--ink-soft)}.board{margin:0 0 4px;padding:0;list-style:none;font:700 var(--fs-body)/1.25 var(--ui-font);font-variant-numeric:tabular-nums}.board li{display:grid;grid-template-columns:2.2em 1fr auto 4.6em;gap:6px;padding:3px 6px;border-radius:3px}.board li:nth-child(odd):not(.me){background:var(--lcd-lo)}.board li.me{background:linear-gradient(var(--sel-hi),var(--sel-lo));color:var(--sel-ink)}.board li.gap{display:block;text-align:center;background:none;color:var(--ink-soft)}.board .b-in{letter-spacing:.12em}.board .b-sc{font-weight:600;opacity:.8}.board .b-pt{text-align:right}.h2h{margin:6px 0 8px;font:700 var(--fs-small)/1.2 var(--ui-font);font-variant-numeric:tabular-nums}.h2h-h,.h2h li{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center}.h2h-h{margin:0 0 3px;font-size:max(10px,2.6cqw);letter-spacing:.14em;color:var(--ink-soft)}.h2h ol{margin:0;padding:0;list-style:none}.h2h li{padding:3px 0;border-top:1px solid var(--lcd-lo)}.h2h li.win span:nth-child(2),.h2h li.lose span:nth-child(3){color:var(--sel-lo)}.h2h li.win span:nth-child(2):after,.h2h li.lose span:nth-child(3):after{content:" ◀";font-size:.8em}.h2h-sum{margin:4px 2px 0;font-weight:600;text-align:center;text-wrap:balance}.stats-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:4px 0 8px;text-align:center}.stats-tiles b{display:block;font:800 max(22px,7cqw)/1 var(--ui-font)}.stats-tiles small{font-size:max(10px,2.6cqw);color:var(--ink-soft)}.stats-bars,.stats-recent{margin:0 0 8px;padding:0;list-style:none;font:700 var(--fs-small)/1.2 var(--ui-font);font-variant-numeric:tabular-nums}.stats-bars li{display:grid;grid-template-columns:2.4em 1fr;gap:6px;align-items:center;margin:2px 0}.stats-bars i{width:var(--w);padding:1px 5px;font-style:normal;text-align:right;color:var(--sel-ink);background:linear-gradient(var(--sel-hi),var(--sel-lo));border-radius:2px}.stats-recent li{display:grid;grid-template-columns:1fr auto 4.4em;gap:8px;padding:2px 0;border-top:1px solid var(--lcd-lo)}.stats-recent li span:last-child{text-align:right}.invite{padding:2px;font-size:var(--fs-small)}.invite p{margin:0 0 6px}.inv-h{font:800 var(--fs-body)/1.2 var(--ui-font)}.invite form{display:flex;flex-direction:column;gap:6px;margin:4px 0}.invite input{width:100%;padding:8px;font:600 16px var(--ui-font);color:var(--ink);background:var(--lcd-hi);border:2px solid var(--ink);border-radius:4px}.invite button{padding:8px;font:700 var(--fs-body)/1 var(--ui-font);color:var(--sel-ink);cursor:pointer;background:linear-gradient(var(--sel-hi),var(--sel-lo));border:0;border-radius:4px}.party{position:absolute;inset:0;z-index:6;cursor:pointer;display:grid;grid-template-rows:1fr auto auto;background:#0d0e0f;animation:partyin .3s ease-out both}.party.out{opacity:0;transition:opacity .4s}.party canvas{width:100%;height:100%;min-height:0;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.party-song{margin:0;overflow:hidden;white-space:nowrap;font:700 var(--fs-small)/1.6 var(--ui-font);color:#f1f3f4;background:#34383b}.party-song span{display:inline-block;padding-left:100%;animation:marquee 6s linear infinite}.party-credit{margin:0;padding:1px 0 3px;text-align:center;font-size:max(10px,2.6cqw);color:#b9bec2;background:#0d0e0f}@keyframes partyin{0%{opacity:0}}@keyframes marquee{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.party-song span{animation:none;padding-left:4px}}.install{position:absolute;z-index:20;top:max(14px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font:700 13px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--page-text);background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer}.install:hover{background:#ffffff1f}.top-actions{position:absolute;z-index:20;display:flex;gap:8px;align-items:center;top:max(14px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px))}.top-actions .install,.top-actions .share-top{position:static}.acct{display:inline-flex;align-items:center;padding:7px 12px;font:700 13px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--page-text);background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer}.acct:hover{background:#ffffff1f}.acct:focus-visible{outline:2px solid #6aa0ff;outline-offset:2px}.install:focus-visible{outline:2px solid #6aa0ff;outline-offset:2px}.install-ic{display:grid}.share-top{position:absolute;z-index:20;top:max(14px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));display:inline-flex;align-items:center;gap:7px;padding:8px 15px 8px 12px;font:800 14px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:#1c1a17;background:#efe6d4;border:0;border-radius:999px;cursor:pointer;box-shadow:0 6px 18px #00000073}.share-top[hidden]{display:none}.share-top:active{transform:scale(.96)}.share-top:focus-visible{outline:2px solid #6aa0ff;outline-offset:3px}@media(max-width:389px){.top-actions .share-top{padding:8px 13px}.top-actions .share-top svg{display:none}.top-actions .install{font-size:0;gap:0;padding:7px 9px}}@media(max-width:339px){.brand h1{font-size:19px}.brand h1 a{gap:6px}.top-actions{gap:5px;right:10px}.top-actions .share-top{padding:8px 10px;font-size:13px}}.share-on .install,.share-on .install-sheet{display:none}.share-pop{position:absolute;z-index:21;top:calc(max(14px,env(safe-area-inset-top,0px)) + 46px);right:max(16px,env(safe-area-inset-right,0px));width:min(300px,calc(100vw - 32px));padding:10px;display:grid;gap:6px;font:600 14px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif;color:#1c1a17;background:#efe6d4;border-radius:14px;box-shadow:0 14px 38px #00000080}.share-pop[hidden]{display:none}.share-pop-h{margin:2px 4px 0;font-weight:800;font-size:15px}.share-pop-note{margin:0 4px 4px;font-weight:500;font-size:13px;line-height:1.35;color:#4a4f57}.share-pop button,.share-pop a{all:unset;cursor:pointer;display:block;padding:10px 12px;border-radius:9px;background:#1c1a1714}.share-pop button:hover,.share-pop a:hover{background:#1c1a1726}.share-pop button:focus-visible,.share-pop a:focus-visible{outline:2px solid #1f62c9}.share-pop-status{margin:2px 4px 0;font-weight:500;font-size:13px;color:#4a4f57;word-break:break-all}.share-pop-status:empty{display:none}.install-sheet{position:absolute;z-index:21;top:calc(max(14px,env(safe-area-inset-top,0px)) + 40px);right:max(16px,env(safe-area-inset-right,0px));width:min(320px,calc(100vw - 32px));padding:14px 16px;font:14px/1.45 Helvetica Neue,Helvetica,Arial,sans-serif;color:#1c1a17;background:#efe6d4;border-radius:12px;box-shadow:0 12px 34px #00000073}.install-h{margin:0 0 8px;font-weight:800;font-size:15px}.install-sheet ol{margin:0;padding-left:20px;display:grid;gap:6px}.install-share{vertical-align:-2px}.install-note{margin:8px 0 0;color:#5a5348;font-size:13px}.install-close{margin-top:12px;width:100%;padding:8px;font:700 14px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:#efe6d4;background:#1c1a17;border:0;border-radius:8px;cursor:pointer}.boot-load{display:grid;place-items:center;align-content:center;gap:10px;height:100%;min-height:140px;background:#1d1f21;color:#d3d6d9}.boot-pear{width:64%;max-width:190px;aspect-ratio:1;overflow:hidden}.boot-pear i{display:block;width:1200%;height:100%;background:url(/boot-pear.png) 0 0 / 100% 100% no-repeat;image-rendering:pixelated;animation:bootrot 1s steps(12) infinite}@keyframes bootrot{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.boot-pear i{animation:none;transform:translate(-25%)}}.boot-txt{margin:0;font:700 max(11px,3.4cqw)/1 var(--ui-font);letter-spacing:.14em}.boot-dots:after{content:"";animation:bootdots 1.2s steps(4,end) infinite}@keyframes bootdots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.lcd-body:has(.boot-load){padding:0}.lcd:has(.boot-load) :is(.lcd-bar,.playbar,.pts){display:none}.comeback{margin:2px 0 6px;text-align:center;font:700 var(--fs-small)/1.3 var(--ui-font);color:var(--sel-lo)}.row.fact .t{white-space:normal;font-weight:500;font-size:var(--fs-small);line-height:1.35}.row.fact .s{margin-top:3px}.vx{position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:inherit;overflow:hidden;transition:opacity .32s ease-in}.vx canvas{position:absolute;inset:0;width:100%;height:100%}.vx.vx-out{opacity:0}.vx-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.18);opacity:0;animation:vxin .28s cubic-bezier(.2,1.4,.4,1) .4s forwards}.vx-calm .vx-body{animation-delay:0s}.vx-icon{display:block;width:max(54px,17cqw)}.vx-icon svg{display:block;width:100%;height:auto}.vx-word{font:800 max(26px,9cqw)/1 var(--ui-font);letter-spacing:.02em}.vx-pts{font:700 var(--fs-body)/1 var(--ui-font);font-variant-numeric:tabular-nums;opacity:.92}.vx-good .vx-draw{stroke-dasharray:40;stroke-dashoffset:40;animation:vxdraw .3s ease-out .5s forwards}.vx-bad .vx-icon svg{animation:vxscratch .26s ease-in-out .4s}.vx-bad .vx-word{animation:vxshake .35s ease-out .6s}@keyframes vxin{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes vxdraw{to{stroke-dashoffset:0}}@keyframes vxscratch{0%{transform:rotate(0)}42%{transform:rotate(-75deg)}to{transform:rotate(10deg)}}@keyframes vxshake{20%{transform:translate(-5px)}45%{transform:translate(5px)}70%{transform:translate(-2px)}}@media(prefers-reduced-motion:reduce){.vx-body,.vx-good .vx-draw{animation:none;opacity:1;stroke-dashoffset:0}.vx-bad .vx-icon svg,.vx-bad .vx-word{animation:none}}.vx-tally{display:grid;gap:2px;min-width:62%;margin-top:6px;padding:6px 10px;border-radius:6px;background:#0000002e;font:700 var(--fs-small)/1.25 var(--ui-font);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:none}.vx-line{display:flex;justify-content:space-between;gap:14px}.vx-line i{font-style:normal}.vx-speed b{color:#eaffb0}.vx-mult b{color:#ffe08a}.vx-total{margin-top:3px;padding-top:4px;border-top:1px solid rgba(255,255,255,.35);font-size:var(--fs-body)}.vx-total.vx-pop b{animation:vxpop .4s cubic-bezier(.2,1.6,.4,1);display:inline-block}@keyframes vxpop{40%{transform:scale(1.45)}}.vx-good .vx-word{display:flex;align-items:center;gap:6px;font-size:max(22px,7.5cqw)}.vx-inline{display:block;width:1.05em}.vx-inline svg{display:block;width:100%;height:auto}.np-slim{margin-bottom:4px}.np-q{flex:1;min-width:0;font:800 var(--fs-body)/1.15 var(--ui-font)}.np-slim .eq{margin-left:auto}.help-btn{position:fixed;z-index:30;right:max(14px,env(safe-area-inset-right,0px));bottom:max(14px,env(safe-area-inset-bottom,0px));width:38px;height:38px;border-radius:50%;cursor:pointer;font:800 18px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--page-text);background:#1e1c18d9;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}.help-btn:focus-visible{outline:2px solid #6aa0ff;outline-offset:2px}.help-sheet{position:fixed;z-index:31;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(max(14px,env(safe-area-inset-bottom,0px)) + 48px);width:min(320px,calc(100vw - 28px));padding:14px 16px;display:grid;gap:8px;font:14px/1.45 Helvetica Neue,Helvetica,Arial,sans-serif;color:#1c1a17;background:#efe6d4;border-radius:12px;box-shadow:0 12px 34px #00000073}.help-sheet[hidden]{display:none}.help-sheet form{display:grid;gap:6px}.help-sheet label{font-weight:700;font-size:13px}.help-sheet textarea,.help-sheet input{width:100%;padding:8px;font:16px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif;color:#1c1a17;background:#fff;border:1px solid #b9b0a0;border-radius:8px;resize:vertical}.help-sheet a{color:#1f62c9}.help-close{padding:6px;font:600 13px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:#5a5348;background:none;border:0;cursor:pointer}.ctry-flag{margin:4px 0 0;font-size:max(44px,14cqw);line-height:1}.ctry-name{margin:4px 0 0;font:800 var(--fs-body)/1.2 var(--ui-font)}.b-fl{display:inline-block;width:1.4em;letter-spacing:0}.cele-sunset{position:absolute;inset:0;z-index:6;cursor:pointer;display:grid;align-items:center;background:#0b0a2a;animation:partyin .3s ease-out both;transition:opacity .4s}.cele-sunset.out{opacity:0}.cele-sunset .bonus{margin:0;border-radius:0}.perfect{text-align:center;padding:8px 4px 4px}.perfect-h{margin:0;font:800 max(26px,9cqw)/1.1 var(--ui-font);letter-spacing:.02em}.perfect p{margin:4px 0 0;font-size:var(--fs-small);color:var(--ink-soft)}.tu{position:absolute;inset:0;z-index:8;display:grid;grid-template-rows:1fr auto auto;padding:10px 12px 8px;background:linear-gradient(#fff,var(--lcd) 70%,var(--lcd-lo));color:var(--ink);cursor:pointer;transition:opacity .25s}.tu.out{opacity:0}.tu-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;animation:tuin .3s ease-out}.tu-card[hidden]{display:none}@keyframes tuin{0%{opacity:0;transform:translateY(6px)}}.tu-title{margin:0;font:800 calc(var(--fs-body) * 1.2)/1.1 var(--ui-font)}.tu-text{margin:0;max-width:30ch;font-size:var(--fs-small);color:var(--ink-soft);text-wrap:balance}.tu-art{height:max(54px,17cqw);display:grid;place-items:center}.tu-eq{display:flex;align-items:flex-end;gap:4px;height:70%}.tu-eq i{width:8px;height:30%;border-radius:2px;background:linear-gradient(var(--sel-hi),var(--sel-lo));animation:eq .8s ease-in-out infinite}.tu-eq i:nth-child(2){animation-delay:-.2s}.tu-eq i:nth-child(3){animation-delay:-.5s}.tu-eq i:nth-child(4){animation-delay:-.1s}.tu-eq i:nth-child(5){animation-delay:-.35s}.tu-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tu-opts b{display:grid;place-items:center;width:max(30px,9cqw);aspect-ratio:1;border-radius:6px;border:2px solid #c9ced6;font:800 var(--fs-body)/1 var(--ui-font)}.tu-hit{animation:tuhit 2.6s ease-in-out infinite}@keyframes tuhit{30%,55%{background:linear-gradient(var(--sel-hi),var(--sel-lo));color:#fff;border-color:var(--sel-lo)}60%,to{background:#2bc25d;color:#fff;border-color:#1d9e4a}}.tu-clock{position:relative;width:max(54px,16cqw);aspect-ratio:1}.tu-clock svg{width:100%;height:100%;transform:rotate(-90deg)}.tu-clock circle{fill:none;stroke:#cfd4dc;stroke-width:3.4}.tu-clock .tu-left{stroke:var(--sel-lo);stroke-linecap:round;stroke-dasharray:97.4;animation:tuclock 3s linear infinite}@keyframes tuclock{0%{stroke-dashoffset:0}to{stroke-dashoffset:70}}.tu-clock em{position:absolute;inset:0;display:grid;place-items:center;font:800 var(--fs-small)/1 var(--ui-font);font-style:normal;color:#1d9e4a}.tu-star{font-size:max(44px,14cqw);line-height:1;color:#e3a400;animation:bump .9s ease-in-out infinite}.tu-dots{display:flex;justify-content:center;gap:6px;margin:4px 0}.tu-dots i{width:6px;height:6px;border-radius:50%;background:#c9ced6}.tu-dots i.on{background:var(--sel-lo)}.tu-skip{justify-self:center;padding:6px 16px;border:0;border-radius:999px;font:700 var(--fs-small)/1 var(--ui-font);color:#fff;background:linear-gradient(var(--sel-hi),var(--sel-lo));cursor:pointer}.help-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #e2dacb;border-bottom:1px solid #e2dacb;cursor:pointer}.help-switch span{display:grid;gap:2px;font-size:14px}.help-switch small{font-size:12px;color:#6b6355;font-weight:400}.help-switch input{position:absolute;opacity:0;pointer-events:none}.help-switch i{flex:none;position:relative;width:44px;height:26px;border-radius:13px;background:#d4cdbf;transition:background .2s}.help-switch i:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.help-switch input:checked+i{background:#34c759}.help-switch input:checked+i:after{transform:translate(18px)}.help-switch input:focus-visible+i{outline:2px solid #6aa0ff;outline-offset:2px}.help-how{margin:0;padding-left:18px;display:grid;gap:3px;font-size:13px}.help-tour{padding:8px;font:700 14px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;background:#1f62c9;border:0;border-radius:8px;cursor:pointer}.help-keys{margin:0;font-size:13px;color:#5a5348}.help-keys kbd{display:inline-block;min-width:1.4em;padding:0 4px;border:1px solid #b9b0a0;border-bottom-width:2px;border-radius:4px;background:#fff;font:700 12px/1.4 ui-monospace,Menlo,monospace;text-align:center}.row.opt{padding-top:max(4px,1.1cqw);padding-bottom:max(4px,1.1cqw)}.row.opt .t{white-space:normal;font-size:calc(var(--fs-body) * .94);line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tu-go{display:grid;place-items:center;width:max(54px,16cqw);aspect-ratio:1;border-radius:50%;color:#fff;font-size:max(24px,7cqw);background:linear-gradient(var(--sel-hi),var(--sel-lo));animation:tupulse 1.2s ease-in-out infinite}@keyframes tupulse{50%{transform:scale(1.07)}}.tu-last .tu-skip{padding:9px 22px;font-size:var(--fs-body)}.np-slim{padding-top:2px;padding-bottom:2px}.np-slim .np-clock{width:28px;height:28px}.np-slim .np-clock b{font-size:11px}.row.opt{min-height:38px}.cele-sunset{align-content:center;gap:6px}.cele-title{margin:0;text-align:center;font:800 max(20px,6.5cqw)/1.1 var(--ui-font);letter-spacing:.04em;color:#ffd9a0;text-shadow:0 2px 0 #2a1650}.cele-title small{display:block;margin-top:3px;font-size:max(10px,2.6cqw);font-weight:600;letter-spacing:.02em;color:#f3c8ff}.rig{margin-block:auto}.under{padding-bottom:4px}@media(max-width:759px){.rig{--w: min(400px, calc(100vw - 32px) , calc((100svh - 225px) / 1.72))}.under{padding-inline:46px}.under{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px}.today small{display:none}}.site-foot{display:grid;gap:6px;justify-items:center;padding:28px max(16px,env(safe-area-inset-right,0px)) calc(56px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;text-align:center}.sf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;line-height:2}.sf-links a{color:#b9b1a0;text-decoration:none}.sf-links a:hover,.sf-links a:focus-visible{color:var(--page-text)}.sf-credits{margin:0;max-width:60ch;font-size:11px;letter-spacing:.1em;line-height:1.8;color:#6f6a5f}.sf-credits a{color:inherit;text-decoration:none;border-bottom:1px solid #3f3b34}.site-foot a:focus-visible{outline:2px solid #6aa0ff;outline-offset:2px;border-radius:2px}.copy-note{margin:0;padding:0 12px;text-align:center;font-size:var(--fs-small);color:#d3d6d9}.copy-note a{color:#7db6f4}.fallback-note{color:#b8860b;font-weight:600}.cele-comeback{position:absolute;inset:0;z-index:6;cursor:pointer;background:#0d0e0f;animation:partyin .3s ease-out both;transition:opacity .35s}.cele-comeback.out{opacity:0}.cele-comeback canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.intro-streak{margin:6px 0 0;font:800 var(--fs-small)/1.2 var(--ui-font);color:#c2410c}.intro-streak.cold{color:var(--ink-soft);font-weight:600}.player-btn{position:fixed;z-index:30;left:max(14px,env(safe-area-inset-left,0px));bottom:max(14px,env(safe-area-inset-bottom,0px));width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#6f6a5f;background:#1e1c18d9;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}.player-btn.unlocked{color:#efe6d4;border-color:#efe6d480;box-shadow:0 0 0 3px #efe6d414}.player-btn:focus-visible{outline:2px solid #6aa0ff;outline-offset:2px}.player-sheet{right:auto;left:max(14px,env(safe-area-inset-left,0px))}.player-sheet form{display:grid;gap:6px}.player-sheet input{width:100%;padding:8px;font:16px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif;color:#1c1a17;background:#fff;border:1px solid #b9b0a0;border-radius:8px}.disco-lights{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .9s ease}.disco-lights.on{opacity:1}.dl-beam{position:absolute;left:50%;top:-12vh;width:160vmax;height:160vmax;margin-left:-80vmax;transform-origin:50% 0;filter:blur(6px)}.dl-a{background:conic-gradient(from 170deg at 50% 0,transparent 0 8deg,rgba(255,60,200,.17) 12deg,transparent 18deg 360deg);animation:dl-sweep 3.2s ease-in-out infinite alternate}.dl-b{background:conic-gradient(from 175deg at 50% 0,transparent 0 6deg,rgba(60,200,255,.15) 10deg,transparent 16deg 360deg);animation:dl-sweep 2.6s ease-in-out -1.3s infinite alternate-reverse}.dl-c{background:conic-gradient(from 180deg at 50% 0,transparent 0 7deg,rgba(255,210,70,.13) 11deg,transparent 17deg 360deg);animation:dl-sweep 3.8s ease-in-out -2s infinite alternate}.dl-dots{position:absolute;inset:-50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0 1.1px,transparent 2px) 0 0 / 46px 46px,radial-gradient(circle,rgba(255,255,255,.16) 0 1px,transparent 1.8px) 23px 23px / 46px 46px;animation:dl-spin 24s linear infinite;mask-image:radial-gradient(ellipse 34% 30% at 50% 50%,transparent 55%,#000 100%);-webkit-mask-image:radial-gradient(ellipse 34% 30% at 50% 50%,transparent 55%,#000 100%)}@keyframes dl-sweep{0%{transform:rotate(-38deg)}to{transform:rotate(38deg)}}@keyframes dl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dl-beam,.dl-dots{animation:none}}.spook{--cream: #efe6d4;position:relative;align-self:stretch;display:grid;justify-items:start;gap:2px;padding:14px 18px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--cream);background:radial-gradient(120% 90% at 0% 0%,#23201b,#0e0d0b 70%);border:1px solid rgba(239,230,212,.16);border-radius:14px;box-shadow:0 14px 34px #00000080,inset 0 1px #ffffff0d}.spook p{margin:0;position:relative;z-index:1}.spook-webs{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.spook-web{position:absolute;pointer-events:none;fill:none;stroke:var(--cream);stroke-width:.7;stroke-linecap:round;opacity:.42}.spook-web.tl{top:-1px;left:-1px;width:92px;height:92px}.spook-web.br{right:-1px;bottom:-1px;width:64px;height:64px;transform:rotate(180deg);opacity:.3}.spook-drop{position:absolute;z-index:3;top:100%;right:44px;display:grid;justify-items:center;transform-origin:50% 0;animation:spook-swing 4.2s ease-in-out infinite alternate}.spook-thread{display:block;width:1px;height:34px;background:linear-gradient(#efe6d426,#efe6d48c)}.spook-spider{width:16px;height:15px;margin-top:-2px;color:var(--cream)}@keyframes spook-swing{0%{transform:rotate(-5deg)}to{transform:rotate(6deg) translateY(3px)}}.spook-eye{font:800 11px/1.2 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding-left:18px}.spook-when{font:600 12px/1.3 IBM Plex Mono,ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#b9b1a0;padding-left:18px;margin-bottom:4px!important}.spook.is-live .spook-when:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#e8772e;box-shadow:0 0 8px #e8772e;vertical-align:1px}.spook-clock{display:flex;align-items:baseline;gap:2px;font:800 38px/1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.spook-clock span{opacity:.45;font-weight:600;transform:translateY(-3px)}.spook-units{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:162px;font:600 9px/1.4 IBM Plex Mono,ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:#8a8374}.spook-units span:nth-child(2){text-align:center}.spook-units span:nth-child(3){text-align:right}.spook-foot{margin-top:8px!important;padding-top:8px;border-top:1px solid rgba(239,230,212,.12);width:100%;font:500 11px/1.4 IBM Plex Mono,ui-monospace,Menlo,monospace;letter-spacing:.04em;color:#8a8374}@media(prefers-reduced-motion:reduce){.spook-drop{animation:none}}@media(min-width:1040px){.spook{position:absolute;z-index:2;top:calc(max(20px,env(safe-area-inset-top)) + 72px);left:max(24px,env(safe-area-inset-left));width:214px}.spook-web.tl{left:auto;right:-1px;transform:scaleX(-1)}.spook-eye,.spook-when{padding-left:0}}@media(max-width:1039px){.spook{grid-template-columns:1fr auto;align-items:center;column-gap:12px;row-gap:0;padding:9px 14px 9px 16px;border-radius:12px}.spook-eye{grid-column:1;padding-left:14px}.spook-when{grid-column:1;margin:0!important;padding-left:14px;font-size:11px}.spook-clock{grid-column:2;grid-row:1 / span 2;font-size:26px}.spook-units,.spook-foot,.spook-drop{display:none}.spook-web.tl{width:58px;height:58px}.spook-web.br{width:40px;height:40px}}@media(max-width:759px){.spook-on .rig{--w: min(400px, calc(100vw - 32px) , calc((100svh - 290px) / 1.72))}}@media(min-width:760px)and (max-width:1039px){.spook{margin-top:62px;width:min(520px,100%);align-self:center}.spook-on .rig{--w: min(400px, calc(100vw - 32px) , calc((100svh - 300px) / 1.72))}}.help-sheet{max-height:calc(100svh - 96px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}.help-msg{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#0a0908b8;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.help-msg[hidden]{display:none}.help-msg-ic{margin-right:.45em}.help-msg-card{width:min(520px,100%);max-height:100%;overflow-y:auto;padding:18px 18px 14px;display:grid;gap:10px;font:14px/1.45 Helvetica Neue,Helvetica,Arial,sans-serif;color:#1c1a17;background:#efe6d4;border-radius:16px;box-shadow:0 18px 44px #00000080}.help-msg-card form{display:grid;gap:8px}.help-msg-card label{font-weight:700;font-size:13px}.help-msg-card textarea,.help-msg-card input{width:100%;padding:10px;font:16px/1.35 Helvetica Neue,Helvetica,Arial,sans-serif;color:#1c1a17;background:#fff;border:1px solid #b9b0a0;border-radius:10px;resize:vertical}.help-msg-card a{color:#1f62c9}.tape-hit{position:absolute;left:85%;top:81%;width:16%;height:9.5%;z-index:3;padding:0;border:0;background:none;cursor:grab;-webkit-tap-highlight-color:transparent}.sticker-hit{position:absolute;z-index:3;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.sticker-hit.meow{animation:meow .5s ease-out}@keyframes meow{0%{box-shadow:0 0 #fff6e18c}to{box-shadow:0 0 0 14px #fff6e100}}.sticker-tip{position:absolute;left:50%;bottom:calc(100% + 2.4cqw);transform:translate(-50%) scale(.9);opacity:0;transition:opacity .15s,transform .15s;white-space:nowrap;padding:1.6cqw 2.6cqw;border-radius:1.6cqw;background:#efe6d4;color:#1c1a17;font:800 4.2cqw/1 Helvetica Neue,Helvetica,Arial,sans-serif;box-shadow:0 1cqw 2.4cqw #00000073;pointer-events:none}.sticker-hit.show .sticker-tip{opacity:1;transform:translate(-50%) scale(1)}.meow-pop{position:absolute;left:6%;right:6%;top:22%;z-index:9;padding:4cqw 4.5cqw 4.5cqw;border-radius:2.4cqw;background:linear-gradient(#fff,#eef1f5);border:.35cqw solid #8f959e;box-shadow:0 2cqw 5cqw #00000059;color:var(--ink);text-align:center;opacity:0;transform:translateY(2cqw) scale(.96);transition:opacity .18s,transform .18s;pointer-events:none}.meow-pop.on{opacity:1;transform:none}.meow-pop p{margin:0}.meow-pop .h{font:800 5.6cqw/1.1 Helvetica Neue,Helvetica,Arial,sans-serif}.meow-pop .b{font:500 3.9cqw/1.35 Helvetica Neue,Helvetica,Arial,sans-serif;color:#4a4f57;margin-top:2cqw;text-wrap:balance}.meow-pop .lv{display:flex;gap:.9cqw;justify-content:center;align-items:center;height:7cqw;margin-top:3cqw}.meow-pop .lv i{width:1.4cqw;height:20%;border-radius:1cqw;background:linear-gradient(#7db6f4,#1f62c9)}.meow-pop.on .lv i{animation:lv .5s ease-in-out 4 alternate}.meow-pop .lv i:nth-child(2n){animation-delay:-.2s}.meow-pop .lv i:nth-child(3n){animation-delay:-.35s}@keyframes lv{0%{height:20%}to{height:100%}}.sticker-hit:focus-visible{outline:2px solid #7db6f4;outline-offset:2px}.tape-hit:focus-visible{outline:2px solid #7db6f4;outline-offset:2px;border-radius:4px}.peel-note{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;transform:translate(-50%);width:min(92vw,420px);margin:0;padding:12px 16px;border-radius:14px;background:#141416eb;color:#f4f2ec;font-size:14px;line-height:1.4;text-align:center;box-shadow:0 8px 30px #00000059}.inapp{width:min(520px,100%);margin:10px auto 0;padding:12px 14px;box-sizing:border-box;border-radius:14px;background:#f4f2ec;color:#1a1a1c;font-size:13.5px;line-height:1.4;box-shadow:0 6px 24px #0000004d}.inapp-t,.inapp-s{margin:0}.inapp-s{margin-top:8px;font-size:12px;color:#55555a}.inapp-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.inapp-go,.inapp-copy{flex:1 1 auto;min-height:40px;padding:8px 14px;border-radius:999px;font:600 14px/1.2 Helvetica Neue,Helvetica,Arial,sans-serif;cursor:pointer}.inapp-go{border:0;background:#1a1a1c;color:#f4f2ec}.inapp-copy{border:1px solid #1a1a1c;background:transparent;color:#1a1a1c}.si{position:fixed;inset:0;z-index:85;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));background:#0807069e}.si-card{display:flex;flex-direction:column;gap:10px;width:min(360px,100%);padding:22px 20px 16px;box-sizing:border-box;border-radius:22px;background:#f4efe6;color:#1c1a17;text-align:center;box-shadow:0 30px 80px #0009;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.si-kick{margin:0;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:#8a6a1c}.si-h{margin:0;font-size:26px;font-weight:800;line-height:1.05;letter-spacing:-.02em}.si-t{margin:0;font-size:14px;line-height:1.45;color:#5b5448}.si-t b{color:#1c1a17}.si form{display:flex;flex-direction:column;gap:8px;margin-top:4px}.si-in{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #b9b0a0;border-radius:12px;background:#fff;color:#1c1a17;font:500 16px/1.2 Helvetica Neue,Helvetica,Arial,sans-serif}.si-code{text-align:center;font:800 26px/1 ui-monospace,Menlo,monospace;letter-spacing:.35em;padding-left:calc(14px + .35em)}.si-btn{min-height:46px;border:0;border-radius:999px;cursor:pointer;color:#fff;font:800 16px/1.1 Helvetica Neue,Helvetica,Arial,sans-serif;background:linear-gradient(#5d9df0,#1f62c9);text-shadow:0 -1px 0 rgba(0,0,40,.3)}.si-btn:disabled{opacity:.7;cursor:default}.si-fine{margin:0;font-size:12.5px;color:#6b655a;min-height:1.2em}.si-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.si-link{border:0;background:none;padding:6px 8px;color:#6a6458;font:500 13px/1.2 Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:underline;cursor:pointer}.si-card,.hw-card{margin-block:auto}.hw{position:fixed;inset:0;z-index:82;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));background:#060504c7}.hw-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(360px,100%);padding:20px 20px 14px;box-sizing:border-box;border-radius:22px;background:radial-gradient(ellipse 120% 60% at 50% 0%,#2b1d10,#0e0d0c 70%);color:#f4efe6;text-align:center;border:1px solid #3a2a18;box-shadow:0 30px 80px #000000b3;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.hw-kick{margin:0;font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;color:#f08a2e}.hw-h{margin:0;font-size:28px;font-weight:800;line-height:1.05;letter-spacing:-.02em}.hw-plate{width:150px;aspect-ratio:100 / 168;margin:6px 0 4px;border-radius:16px;overflow:hidden;box-shadow:0 14px 30px #0009,0 0 0 1px #ffffff14;background:#2a2b2f}.hw-plate img{display:block;width:100%;height:100%;object-fit:cover}.hw-t,.hw-first{margin:0;font-size:14px;line-height:1.45;color:#c9c0ae}.hw-t b,.hw-first b{color:#f4efe6}.hw-only{margin:2px 0 4px;font:800 13px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#f08a2e}.hw-btn{width:100%;min-height:46px;border:0;border-radius:999px;background:#f08a2e;color:#1a1006;font:800 16px/1.1 Helvetica Neue,Helvetica,Arial,sans-serif;cursor:pointer}.hw-link{border:0;background:none;padding:8px;color:#a39b8b;font:500 13px/1 Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:underline;cursor:pointer}.lcd.is-q .pts,.lcd.is-q.has-more:after{display:none}.lcd.is-q .lcd-body{padding-bottom:var(--row-pad)}@media(max-width:480px){.lcd.is-q .np-slim{margin-bottom:2px}.lcd.is-q .row.opt{min-height:33px;padding-top:3px;padding-bottom:3px}.lcd.is-q .row.opt .t{line-height:1.12}}.fr-h{margin-top:8px}.fr-board li{align-items:center}.fr-in{display:flex;flex-direction:column;min-width:0;letter-spacing:.06em;line-height:1.15}.fr-in small{font-size:.78em;font-weight:600;letter-spacing:0;opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-at{font-weight:600;opacity:.72}.fr-who{margin:2px 0 4px;text-align:center;font:800 var(--fs-body)/1.2 var(--ui-font)}.fr-who small{display:block;font-size:.8em;font-weight:600;opacity:.7}.si .si-h .fr-at{font-size:.72em;white-space:nowrap}.si .fr-list{margin:0;padding:0;list-style:none;font-weight:700;display:grid;gap:4px}.si .fr-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.si .fr-e{min-height:40px;padding:0;border:2px solid transparent;border-radius:10px;background:#0000000d;font-size:21px;line-height:1;cursor:pointer}.si .fr-e[aria-pressed=true]{border-color:#1c1a17;background:#fff}.si .fr-e:focus-visible{outline:3px solid #6aa0ff;outline-offset:1px}.friend-tiles{margin-top:2px}.si .fr-code{padding-top:6px}.si .fr-code b{font:800 15px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;white-space:nowrap}.si .fr-form{flex-direction:row;align-items:center;gap:6px}.si .fr-form .si-in{flex:1;min-width:0;text-transform:uppercase}.si .fr-form .si-in::placeholder{text-transform:none}.si .fr-add{font-weight:800;color:#1c1a17;flex:none}.si-letters{text-align:center;text-transform:uppercase;font-weight:800;letter-spacing:.2em}.si-letters::placeholder{text-transform:none;font-weight:400;letter-spacing:0}.note-tab{position:fixed;z-index:29;right:0;top:34%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 7px 12px 9px;padding-right:max(7px,env(safe-area-inset-right,0px));border:1px solid rgba(239,230,212,.5);border-right:0;border-radius:12px 0 0 12px;background:#efe6d4;color:#1c1a17;cursor:pointer;box-shadow:-6px 8px 22px #00000073;font:800 11px/1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.note-tab-t{writing-mode:vertical-rl}.note-tab:focus-visible{outline:3px solid #6aa0ff;outline-offset:2px}.note-tab[hidden],.note-card[hidden]{display:none}.note-card{position:fixed;z-index:29;top:50%;right:max(12px,env(safe-area-inset-right,0px));transform:translateY(-50%);width:min(356px,calc(100vw - 16px));max-height:min(84vh,620px);overflow-y:auto;box-sizing:border-box;display:grid;gap:16px;justify-items:center;padding:10px 8px 24px;animation:note-in .28s ease both}.note-one{display:grid;gap:6px}.note-from{margin:0;font:600 11px/1.35 IBM Plex Mono,ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#7a7262}.note-body{margin:0;font:400 16px/1.55 Helvetica Neue,Helvetica,Arial,sans-serif;white-space:pre-line}.gift-note{box-sizing:border-box;width:100%;max-width:340px;padding:22px 24px 20px;border-radius:4px;background:#f3ecdc;color:#2a241d;text-align:left;box-shadow:0 18px 40px #00000080;transform:rotate(-.8deg);background-image:repeating-linear-gradient(transparent 0 27px,#506ea02e 27px 28px);background-position:0 18px}.gift-note p{margin:0 0 10px;color:#2a241d;font:500 15px/28px Helvetica Neue,Helvetica,Arial,sans-serif}.gift-note .k{margin:0 0 10px;font:800 11px/1 Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.18em;color:#8e2f26}.gift-note .words{overflow-y:auto;overscroll-behavior:contain}.gift-note .sign{font:600 30px/1.05 Caveat,Bradley Hand,cursive;margin:6px 0 0;color:#1d2f5c}.gift-note .emo{font:24px/1 "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;vertical-align:2px;margin-left:4px}.note-oops{margin:0;padding:10px 14px;border-radius:12px;background:#141210f0;color:#efe6d4;text-align:center;font:500 14px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif;box-shadow:0 8px 22px #00000073}.note-min{justify-self:end;min-height:40px;padding:0 16px;border-radius:99px;cursor:pointer;border:0;background:#efe6d4;color:#1c1a17;font:700 14px/1 Helvetica Neue,Helvetica,Arial,sans-serif;box-shadow:0 8px 22px #00000080}.note-min:focus-visible{outline:3px solid #6aa0ff;outline-offset:2px}@keyframes note-in{0%{opacity:0;transform:translate(14px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.note-card{animation:none}}.bop-ach-wrap{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + clamp(64px,11vh,120px));z-index:1000;transform:translate(-50%);max-width:calc(100vw - 24px);pointer-events:none}.bop-ach{display:flex;align-items:center;gap:12px;box-sizing:border-box;padding:8px 24px 8px 8px;border-radius:999px;color:#fff;font-family:Segoe UI,system-ui,sans-serif;background:linear-gradient(180deg,#666c6ff7,#373c40f7);border:1px solid rgba(255,255,255,.42);box-shadow:0 10px 30px #00000073,inset 0 1px 1px #ffffffa6;backdrop-filter:blur(12px);animation:bop-ach-in 4.8s cubic-bezier(.2,.9,.3,1) both}.bop-ach-badge{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ffffff29;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 1px #fff9}.bop-ach-badge svg{width:24px;height:24px;fill:currentColor}.bop-ach-copy{display:flex;flex-direction:column;gap:4px;min-width:0;line-height:1.25;font-weight:420;white-space:nowrap}.bop-ach-title{font-size:16px}.bop-ach-line{display:flex;align-items:center;gap:5px;font-size:13px}.bop-ach-g{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#1d1d1f;font:700 11px/1 Segoe UI,system-ui,sans-serif}@keyframes bop-ach-in{0%{opacity:0;transform:scale(.6)}8%{opacity:1;transform:scale(1.04)}12%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes bop-ach-fade{0%,to{opacity:0}8%,88%{opacity:1}}@media(max-width:520px){.bop-ach{gap:8px;padding:5px 14px 5px 5px}.bop-ach-title{font-size:13px}.bop-ach-line{font-size:11px;gap:4px}.bop-ach-g{width:15px;height:15px;font-size:9px}.bop-ach-badge{width:32px;height:32px}.bop-ach-badge svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.bop-ach{animation-name:bop-ach-fade}}
