:root{--ink: #fff8ef;--ink-dim: rgba(255, 248, 239, .72);--glass: rgba(24, 19, 16, .42);--glass-strong: rgba(24, 19, 16, .72);--accent: #f0b47c;--good: #8fd16a;--bad: #ff7a6b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#16120f;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}canvas#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}kbd{display:inline-block;min-width:1.6em;padding:.05em .45em;border-radius:6px;background:#ffffff29;border:1px solid rgba(255,255,255,.25);font:600 .85em ui-monospace,monospace;text-align:center}#touchSurface{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:none}body.touch #touchSurface{display:block}#joyBase{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);z-index:3;display:none;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#joyKnob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:#fff8ef8c;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0000004d}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}#stats{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat{display:flex;align-items:center;gap:8px}.stat .ico{width:20px;text-align:center;font-size:15px}.stat .bar{width:110px;height:7px;border-radius:4px;background:#ffffff26;overflow:hidden}.stat .fill{height:100%;width:50%;border-radius:4px;background:linear-gradient(90deg,#f6c38e,#ffe3b8);transition:width .4s}.stat.low .fill{background:linear-gradient(90deg,#ff6b5a,#ff9d7a);animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.55}}#topRight{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));display:flex;gap:8px;align-items:center;pointer-events:auto}#clock{padding:8px 12px;border-radius:12px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600;font-size:14px;letter-spacing:.02em}#topRight button{pointer-events:auto;padding:8px 12px;border:0;border-radius:12px;background:var(--glass);color:var(--ink);font-weight:600;font-size:14px;font-family:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}#topRight button b{color:var(--accent)}#goals{position:absolute;right:max(14px,env(safe-area-inset-right));top:64px;width:min(330px,calc(100vw - 28px));padding:12px 16px;border-radius:14px;background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-8px);opacity:0;transition:.25s;pointer-events:none}#goals.open{opacity:1;transform:none}#goals h3{margin:0 0 6px;font-size:15px;color:var(--accent)}#goals ul{list-style:none;margin:0;padding:0;font-size:13.5px;line-height:1.75}#goals li.done{color:var(--good);text-decoration:line-through;text-decoration-color:#8fd16a80}#prompt{position:absolute;left:50%;bottom:13%;transform:translate(-50%,10px);padding:10px 18px;border-radius:14px;background:var(--glass-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600;font-size:16px;opacity:0;transition:.2s;white-space:nowrap}#prompt.show{opacity:1;transform:translate(-50%)}#toasts{position:absolute;left:50%;top:70px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:min(560px,70vw)}.toast{padding:9px 16px;border-radius:12px;background:var(--glass-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;font-weight:600;text-align:center;animation:tin .3s ease-out;transition:.6s}.toast.goal{color:#d9ffc4}.toast.big{font-size:18px;color:#ffe2a6;padding:14px 22px}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes tin{0%{opacity:0;transform:translateY(-10px)}}#zzz{position:absolute;left:50%;top:22%;transform:translate(-50%);font-size:34px;font-weight:800;color:#ffffffd9;opacity:0;transition:.6s;text-shadow:0 2px 10px rgba(0,0,0,.4);text-align:center}#zzz span{display:inline-block;animation:zz 1.6s infinite}#zzz span:nth-child(2){animation-delay:.4s}#zzz small{display:block;font-size:13px;font-weight:600;opacity:.8}#zzz.show{opacity:1}@keyframes zz{50%{transform:translateY(-8px);opacity:.4}}#lockHint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:13px;color:var(--ink-dim);background:var(--glass);padding:6px 14px;border-radius:10px;transition:opacity .4s}body.locked #lockHint,body.touch #lockHint{opacity:0}#mobileControls{display:none}body.touch #mobileControls{display:block}.mbtn{position:absolute;pointer-events:auto;border:2px solid rgba(255,255,255,.28);border-radius:50%;background:#18131061;color:var(--ink);font-weight:700;font-size:13px;font-family:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;text-align:center;padding:4px;touch-action:none}.mbtn.down{background:#f0b47c8c;transform:scale(.94)}#btnJump{right:calc(22px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));width:86px;height:86px;font-size:15px}#btnAction{right:calc(120px + env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));width:72px;height:72px;font-size:11.5px;line-height:1.1}#btnAction.ready{border-color:var(--accent);background:#f0b47c59;animation:glow 1.2s infinite alternate}@keyframes glow{to{box-shadow:0 0 18px #f0b47cb3}}#btnSwipe{right:calc(36px + env(safe-area-inset-right));bottom:calc(128px + env(safe-area-inset-bottom))}#btnMeow{right:calc(104px + env(safe-area-inset-right));bottom:calc(116px + env(safe-area-inset-bottom))}#btnSit{right:calc(172px + env(safe-area-inset-right));bottom:calc(108px + env(safe-area-inset-bottom))}.mbtn.small{width:54px;height:54px;font-size:11.5px}@media(max-width:700px),(max-height:500px){.stat .bar{width:64px;height:6px}#stats{padding:7px 9px;gap:4px}.stat .ico{font-size:12px;width:16px}#clock,#topRight button{font-size:12px;padding:6px 9px}#prompt{font-size:14px;bottom:150px}.logo{font-size:50px}.card{padding:22px 20px 18px}#toasts{top:56px;width:64vw}.toast{font-size:12.5px}}@media(max-height:500px){#toasts{top:52px}#prompt{bottom:112px}}body.touch #prompt{bottom:calc(14px + env(safe-area-inset-bottom));left:40%;font-size:13px;padding:7px 12px}body.touch #prompt kbd{display:none}#scorePill{padding:8px 12px;border-radius:12px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:800;font-size:14px;color:#ffe2a6;font-variant-numeric:tabular-nums}#pops{position:absolute;right:max(14px,env(safe-area-inset-right));top:58px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.pop{padding:4px 10px;border-radius:10px;background:linear-gradient(135deg,var(--apricot),var(--rose));color:#2a1208;font-weight:800;font-size:13px;animation:popin .25s ease-out;transition:.5s;box-shadow:0 6px 18px #ff8c6e59}.pop.out{opacity:0;transform:translateY(-10px)}@keyframes popin{0%{opacity:0;transform:translate(14px)}}@media(max-width:700px),(max-height:500px){#scorePill{font-size:12px;padding:6px 9px}}:root{--cream: #fff4e6;--cream-dim: rgba(255, 240, 225, .68);--cream-faint: rgba(255, 240, 225, .42);--apricot: #ffb47a;--peach: #ffd2a8;--rose: #ff8a86;--gold: #ffd56b;--silver: #dfe4ee;--bronze: #e8a978;--cocoa: rgba(30, 18, 13, .58);--cocoa-strong: rgba(24, 14, 10, .78);--line: rgba(255, 232, 214, .14);--line-strong: rgba(255, 232, 214, .26);--display: "Fraunces", "Iowan Old Style", Georgia, serif;--ui: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1)}html,body{font-family:var(--ui)}#title,#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;color:var(--cream)}#title{transition:opacity .8s var(--ease),transform .8s var(--ease)}#title.fade{opacity:0;transform:scale(1.03);pointer-events:none}#title .shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 46%,transparent 38%,rgba(12,6,4,.55) 100%),linear-gradient(90deg,#140b08db,#140b088c 30%,#140b0800 52%,#140b0800 62%,#140b0899 82%,#140b08d1),linear-gradient(180deg,rgba(20,11,8,.35) 0%,transparent 25%,transparent 70%,rgba(20,11,8,.7) 100%)}.grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;opacity:.07;mix-blend-mode:overlay;animation:grain 1.2s steps(6) infinite;background-image: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='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.motes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.motes i{position:absolute;left:var(--x);bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#ffe4bed9;box-shadow:0 0 8px #ffd2a0e6;animation:mote var(--d) linear var(--delay) infinite;opacity:0}@keyframes mote{0%{transform:translate(0);opacity:0}15%{opacity:.8}85%{opacity:.5}to{transform:translate(40px,-105vh);opacity:0}}.title-wrap{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:max(28px,env(safe-area-inset-top)) max(6vw,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(6vw,env(safe-area-inset-left))}.hero{width:min(470px,46vw);display:flex;flex-direction:column;align-items:stretch}.reveal{opacity:0;transform:translateY(14px);animation:reveal .9s var(--ease) forwards;animation-delay:calc(.12s + var(--i, 0) * .09s)}@keyframes reveal{to{opacity:1;transform:none}}.eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:7px 14px 7px 11px;border-radius:999px;background:#ffeede14;border:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--peach);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--apricot);box-shadow:0 0 #ffb47a99;animation:pulse-dot 2s infinite}.pulse-dot.calm{background:var(--peach);animation-duration:3s}@keyframes pulse-dot{0%{box-shadow:0 0 #ffb47a8c}70%{box-shadow:0 0 0 10px #ffb47a00}to{box-shadow:0 0 #ffb47a00}}.logo{margin:14px 0 -.1em;font-family:var(--display);font-style:italic;font-weight:800;font-variation-settings:"SOFT" 100,"opsz" 144;font-size:clamp(76px,10.5vw,168px);line-height:.88;letter-spacing:-.035em;background:linear-gradient(176deg,#fffaf2 8%,#ffe2c4 42%,#ffb47a 78%,#ff8f84);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 30px rgba(255,140,90,.28));padding:0 .1em .14em 0}.logo.small{font-size:clamp(48px,7vw,88px);margin:12px 0 18px}.tagline{margin:16px 0 22px;font-size:17px;line-height:1.55;color:var(--cream-dim);max-width:30em;font-weight:600}.loadbar{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:13px;font-weight:700;color:var(--cream-faint);transition:opacity .5s,height .5s,margin .5s}.loadbar .track{flex:1;height:4px;border-radius:4px;background:#ffecdc1f;overflow:hidden}#loadFill{height:100%;width:3%;border-radius:4px;background:linear-gradient(90deg,var(--apricot),var(--rose));box-shadow:0 0 12px #ff966eb3;transition:width .6s var(--ease)}.loadbar.done{animation:none;opacity:0;height:0;margin:0;overflow:hidden}.field{position:relative;display:flex;align-items:center;gap:10px;height:58px;padding:0 18px;border-radius:18px;background:#fff0e112;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .25s,box-shadow .25s,background .25s;cursor:text}.field:focus-within{border-color:#ffb47ad9;background:#fff0e11a;box-shadow:0 0 0 4px #ffb47a29,0 12px 30px #00000040}.field-ico svg{width:22px;height:22px;fill:var(--apricot);display:block}#nameInput{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;color:var(--cream);font-family:var(--ui);font-size:18px;font-weight:800;letter-spacing:.01em;user-select:text;-webkit-user-select:text}#nameInput::placeholder{color:var(--cream-faint);font-weight:700}#nameHint{min-height:22px;padding:6px 4px 0;font-size:12.5px;font-weight:700;color:var(--cream-faint)}#nameHint.bad{color:#ffb0a2}.cta{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:64px;margin:6px 0 0;padding:0 10px 0 28px;border:0;border-radius:999px;overflow:hidden;cursor:pointer;background:linear-gradient(120deg,#ffc48f,#ffa477 45%,#ff8582);color:#2a1208;font-family:var(--ui);font-size:19px;font-weight:900;letter-spacing:.01em;box-shadow:0 1px #ffffff8c inset,0 -2px #7828142e inset,0 16px 40px #ff806461,0 4px 12px #00000040;transition:transform .25s var(--ease),box-shadow .25s var(--ease),filter .25s}.cta .cta-label{flex:1;text-align:left}.cta .cta-ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#2a1208e0;box-shadow:0 4px 12px #2a120859;transition:transform .25s var(--ease)}.cta .cta-ico svg{width:20px;height:20px;fill:var(--peach);margin-left:3px}.cta .cta-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translate(-120%);animation:shine 3.8s var(--ease) 1.6s infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-120%)}35%,to{transform:translate(120%)}}.cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 1px #ffffff8c inset,0 -2px #7828142e inset,0 22px 50px #ff806480,0 6px 16px #00000040}.cta:hover:not(:disabled) .cta-ico{transform:translate(3px) scale(1.04)}.cta:active:not(:disabled){transform:translateY(1px) scale(.99)}.cta:disabled{cursor:default;filter:saturate(.25) brightness(.7);box-shadow:none}.cta:disabled .cta-shine{display:none}.row-opts{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.row-opts .lbl{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);margin-right:2px}.seg{display:inline-flex;padding:4px;gap:2px;border-radius:14px;background:#fff0e10f;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.seg button{border:0;background:transparent;color:var(--cream-dim);font-family:var(--ui);font-size:12.5px;font-weight:800;padding:7px 11px;border-radius:10px;cursor:pointer;transition:background .2s,color .2s}.seg button:hover{color:var(--cream);background:#fff0e10f}.seg button.active{background:#fff0e1eb;color:#2a1208;box-shadow:0 2px 8px #00000040}.chip-toggle{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px 0 11px;border-radius:14px;border:1px solid var(--line);background:#fff0e10f;color:var(--cream);font-family:var(--ui);font-size:12.5px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s}.chip-toggle:hover{background:#fff0e11f}.chip-toggle svg,.tile svg{width:18px;height:18px;fill:currentColor}[aria-pressed=true] svg .off,[aria-pressed=false] svg .on{display:none}.chip-toggle[aria-pressed=false]{color:var(--cream-faint)}.keys{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:22px;font-size:12.5px;font-weight:700;color:var(--cream-faint)}.keys span{display:inline-flex;align-items:center;gap:3px}.keys kbd{min-width:1.7em;padding:2px 6px;border-radius:7px;background:#fff0e11a;border:1px solid var(--line-strong);border-bottom-width:2px;color:var(--cream);font:800 11px var(--ui)}.keys.touch{display:none}body.touch .keys.touch{display:flex}body.touch .keys.desktop{display:none}.hall{position:relative;width:min(350px,32vw);max-height:min(560px,82vh);display:flex;flex-direction:column;padding:22px 18px 16px;border-radius:28px;background:linear-gradient(160deg,#301e16a8,#160d09b3);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 30px 80px #00000073,0 1px #ffffff14 inset}.hall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(160deg,#ffd2a88c,#ffd2a80f 40%,#ff8a864d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hall-head{display:flex;align-items:center;gap:12px;padding:0 4px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.hall-head b{display:block;font-family:var(--display);font-style:italic;font-weight:700;font-size:24px;letter-spacing:-.01em;color:var(--cream);line-height:1.1}.hall-head small{display:block;font-size:12px;font-weight:700;color:var(--cream-faint);margin-top:2px}.hall-ico{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#ffe28f,#ffb45e);box-shadow:0 8px 20px #ffbe5a59,0 1px #fff9 inset}.hall-ico svg{width:24px;height:24px;fill:#4a2a08}.board{list-style:none;margin:0;padding:0;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,230,210,.2) transparent}.board li{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:14px;font-size:14.5px;font-weight:700;color:var(--cream);transition:background .2s;animation:rowIn .5s var(--ease) both}.board li:nth-child(2){animation-delay:.04s}.board li:nth-child(3){animation-delay:.08s}.board li:nth-child(4){animation-delay:.12s}.board li:nth-child(5){animation-delay:.16s}@keyframes rowIn{0%{opacity:0;transform:translate(10px)}}.board li+li{margin-top:2px}.board li:hover{background:#fff0e10d}.board .r{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:900;color:var(--cream-dim);background:#fff0e112;font-variant-numeric:tabular-nums}.board li:nth-child(1) .r{background:radial-gradient(circle at 35% 30%,#fff1b8,var(--gold) 55%,#d99a2b);color:#4a2e05;box-shadow:0 4px 14px #ffc85073}.board li:nth-child(2) .r{background:radial-gradient(circle at 35% 30%,#ffffff,var(--silver) 55%,#9aa2b3);color:#2e3442}.board li:nth-child(3) .r{background:radial-gradient(circle at 35% 30%,#ffe0c4,var(--bronze) 55%,#a8643a);color:#3e1e0a}.board li:nth-child(1) .n{font-size:15.5px}.board .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .s{font-variant-numeric:tabular-nums;font-weight:900;color:var(--peach);letter-spacing:.01em}.board li.me{background:linear-gradient(90deg,#ffb47a38,#ff8a8614);box-shadow:0 0 0 1px #ffb47a59 inset}.board li.me .n:after{content:"you";margin-left:8px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#ffb47a40;color:var(--peach);vertical-align:2px}.board li.empty{justify-content:center;padding:26px 10px;color:var(--cream-faint);font-weight:700;text-align:center;animation:none}#myBest{margin-top:10px;padding:10px 12px 2px;border-top:1px solid var(--line);font-size:12.5px;font-weight:800;color:var(--cream-faint);text-align:center}#myBest:empty{display:none}#myBest b{color:var(--peach)}#menu{display:grid;place-items:center;padding:18px;background:radial-gradient(100% 80% at 50% 45%,#1a0f0a8c,#0e0805db);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);animation:fadeIn .35s var(--ease)}@keyframes fadeIn{0%{opacity:0}}.pause-wrap{display:flex;align-items:stretch;gap:22px;max-width:900px;width:100%;max-height:100%;animation:popUp .5s var(--ease)}@keyframes popUp{0%{opacity:0;transform:translateY(16px) scale(.98)}}.pause-main{flex:1;min-width:0;padding:26px 28px 24px;border-radius:28px;background:linear-gradient(160deg,#301e16a8,#160d09b8);box-shadow:0 30px 80px #00000073,0 1px #ffffff14 inset;border:1px solid var(--line);overflow:auto}.pause-wrap .hall{width:330px;max-height:none}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.tile-stat{padding:12px 10px 10px;border-radius:16px;background:#fff0e10f;border:1px solid var(--line);text-align:center}.tile-stat b{display:block;font-family:var(--display);font-weight:700;font-size:26px;line-height:1.1;color:var(--cream);font-variant-numeric:tabular-nums}.tile-stat:first-child b{background:linear-gradient(180deg,#fff3df,#ffb47a);-webkit-background-clip:text;background-clip:text;color:transparent}.tile-stat span{display:block;margin-top:3px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:78px;border-radius:18px;border:1px solid var(--line);background:#fff0e10f;color:var(--cream);font-family:var(--ui);font-size:12.5px;font-weight:800;cursor:pointer;transition:background .2s,transform .2s var(--ease),border-color .2s}.tile svg{width:24px;height:24px;fill:var(--peach)}.tile:hover{background:#fff0e11c;border-color:var(--line-strong);transform:translateY(-2px)}.tile:active{transform:scale(.97)}.tile.flash{background:#ffb47a40;border-color:#ffb47a99}.tile[aria-pressed=false]{color:var(--cream-faint)}.tile[aria-pressed=false] svg{fill:var(--cream-faint)}.pause-main .row-opts{margin-top:16px}#rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;place-items:center;padding:32px;text-align:center;color:var(--cream);background:radial-gradient(120% 80% at 50% 40%,#3a2219,#1a0f0b 70%)}body.portrait #rotate{display:grid}.rot-inner h2{margin:34px 0 10px;font-family:var(--display);font-style:italic;font-weight:800;font-size:32px;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(176deg,#fffaf2,#ffb47a 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.rot-inner p{margin:0 auto;max-width:280px;font-size:15px;line-height:1.5;font-weight:600;color:var(--cream-dim)}.rot-phone{width:78px;height:140px;margin:0 auto;border-radius:18px;border:3px solid var(--cream);position:relative;animation:rotPhone 2.6s var(--ease) infinite;box-shadow:0 0 40px #ffb47a40}.rot-phone:after{content:"";position:absolute;top:7px;left:50%;width:22px;height:4px;margin-left:-11px;border-radius:3px;background:var(--cream);opacity:.7}.rot-screen{position:absolute;top:16px;right:8px;bottom:16px;left:8px;border-radius:8px;background:linear-gradient(140deg,#ffb47a66,#ff8a8633);display:grid;place-items:center}.rot-screen svg{width:30px;height:30px;fill:var(--cream);animation:rotPaw 2.6s var(--ease) infinite}@keyframes rotPhone{0%,20%{transform:rotate(0)}50%,75%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes rotPaw{0%,20%{transform:rotate(0)}50%,75%{transform:rotate(90deg)}to{transform:rotate(0)}}@media(max-width:900px){.title-wrap{padding-left:max(4vw,env(safe-area-inset-left));padding-right:max(4vw,env(safe-area-inset-right));gap:20px}.hero{width:min(420px,52vw)}.hall{width:min(300px,38vw)}.tagline{font-size:15px}}@media(max-height:560px){.title-wrap{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.logo{font-size:clamp(54px,9vw,86px);margin-top:8px}.tagline{display:none}.eyebrow{padding:5px 11px 5px 9px;font-size:10.5px}.field{height:48px;border-radius:15px;margin-top:10px}#nameInput{font-size:16px}#nameHint{min-height:18px;padding-top:3px}.cta{height:52px;font-size:17px}.cta .cta-ico{width:38px;height:38px}.row-opts{margin-top:10px}.keys{display:none!important}.hall{max-height:calc(100vh - 28px);padding:14px 12px 10px;border-radius:22px}.hall-head{padding-bottom:8px}.hall-head b{font-size:19px}.hall-ico{width:36px;height:36px;border-radius:11px}.board li{padding:6px 8px;font-size:13px}.board .r{width:24px;height:24px;font-size:11px}.pause-main{padding:16px 18px}.logo.small{margin:6px 0 10px}.statrow{margin-bottom:10px}.tile-stat{padding:8px 6px 7px}.tile-stat b{font-size:20px}.tiles{margin-top:10px}.tile{height:56px;gap:4px}.tile svg{width:19px;height:19px}.pause-wrap .hall{width:260px}}@media(max-width:640px)and (orientation:portrait){.title-wrap{flex-direction:column;justify-content:center;align-items:stretch;overflow:auto}.hero,.hall{width:100%}.hall{max-height:40vh}.pause-wrap{flex-direction:column;overflow:auto}.pause-wrap .hall{width:100%}}@media(prefers-reduced-motion:reduce){.reveal,.motes i,.grain,.cta .cta-shine,.rot-phone,.rot-screen svg,.pulse-dot{animation:none!important;opacity:1;transform:none}.motes{display:none}}