@font-face{font-family:Limelight;font-style:normal;font-display:swap;font-weight:400;src:url(/lafivo/assets/limelight-latin-ext-400-normal-DPzC3ZDG.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/lafivo/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:100 900;src:url(/lafivo/assets/fraunces-latin-ext-wght-italic-BfTTTDIL.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:100 900;src:url(/lafivo/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Limelight;font-style:normal;font-display:swap;font-weight:400;src:url(/lafivo/assets/limelight-latin-400-normal-CvlMCR9p.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/lafivo/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:100 900;src:url(/lafivo/assets/fraunces-latin-wght-italic-Py8at3oI.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:100 900;src:url(/lafivo/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night: #12060b;--plum: #1d0b13;--plum-2: #2a1019;--velvet: #5b0e1f;--velvet-2: #7d1a2b;--velvet-3: #9c2538;--gold: #e8b54a;--gold-hi: #ffe08a;--gold-lo: #a8741f;--brass-shadow: #6e4510;--cream: #fbf1dc;--cream-2: #f1dfbb;--ink: #2a1a14;--teal: #1fa3a0;--rose: #d653a3;--me: #e8453c;--app-h: 100dvh;--app-top: 0px;--top-h: 54px;--strip-h: 74px;--num: "Fraunces", Georgia, serif;--display: "Limelight", "Didot", "Bodoni 72", Georgia, serif;--serif: "Fraunces", Georgia, "Times New Roman", serif;--ui: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--b-on: #fff6d8;--b-glow: rgba(255, 196, 92, .55);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);color:var(--cream);font-family:var(--ui);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}#app{position:fixed;left:0;right:0;top:var(--app-top);height:var(--app-h);display:flex;flex-direction:column}main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 320px}.bulbs{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}.bulbs:before,.bulbs:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:14px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);background-size:28px 28px;background-repeat:round}.bulbs:before{background-image:radial-gradient(circle at 25% 25%,var(--b-on) 0 2.4px,#ffcf6e 3.2px,var(--b-glow) 4.2px,transparent 7px),radial-gradient(circle at 75% 75%,var(--b-on) 0 2.4px,#ffcf6e 3.2px,var(--b-glow) 4.2px,transparent 7px);animation:bulb-a 1.1s steps(1) infinite}.bulbs:after{background-image:radial-gradient(circle at 75% 25%,var(--b-on) 0 2.4px,#ffcf6e 3.2px,var(--b-glow) 4.2px,transparent 7px),radial-gradient(circle at 25% 75%,var(--b-on) 0 2.4px,#ffcf6e 3.2px,var(--b-glow) 4.2px,transparent 7px);animation:bulb-b 1.1s steps(1) infinite}@keyframes bulb-a{0%{opacity:1}50%{opacity:.22}}@keyframes bulb-b{0%{opacity:.22}50%{opacity:1}}.voting .placard .bulbs:before,.voting .placard .bulbs:after{animation-duration:.5s}.topbar{height:var(--top-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:linear-gradient(180deg,#3a0a16,#240710);position:relative;z-index:15;box-shadow:0 2px 0 var(--gold-lo),0 6px 18px #00000080}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:radial-gradient(circle,var(--gold-hi) 0 1px,transparent 1.6px) 0 0 / 9px 2px repeat-x;opacity:.8}.brand{display:flex;align-items:center;gap:6px;color:var(--gold-hi);text-decoration:none;font:27px/1 var(--display);letter-spacing:.5px;flex:none;text-shadow:0 0 12px rgba(255,200,100,.45),0 2px 0 #3a0a16}.brand svg{width:32px;height:32px;overflow:visible}.m-head{fill:#d8dbe2;stroke:#2a0610;stroke-width:1.6}.m-grille{stroke:#5b5d66;stroke-width:1.2}.m-stand{fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round}.scoreboard{display:flex;align-items:center;gap:8px;min-width:0}.round-tag{font:15px/1 var(--display);letter-spacing:.6px;color:var(--cream);background:var(--velvet);border:1.5px solid var(--gold);padding:6px 10px 5px;border-radius:99px;white-space:nowrap}.my-score{font:800 19px/1 var(--num);color:var(--gold-hi);white-space:nowrap;font-variant-numeric:tabular-nums}.my-score:before{content:"✦ ";font-size:13px;color:var(--gold)}.identity{margin-left:auto;display:flex;align-items:center;gap:6px;position:relative;min-width:0}.identity-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--gold-hi);background:var(--me);padding:0;flex:none;box-shadow:0 0 0 2px #3a0a16}.identity-dot i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55) 0 18%,transparent 22%)}#playerName{width:130px;min-width:0;background:#00000047;border:1.5px solid #6a2534;border-radius:9px;color:var(--cream);padding:6px 9px;font-weight:600}#playerName:focus{border-color:var(--gold);outline:none}.color-picker{position:absolute;top:44px;left:0;background:var(--plum);border:2px solid var(--gold);border-radius:14px;padding:10px;box-shadow:0 14px 30px #0009;z-index:30}.color-grid{display:grid;grid-template-columns:repeat(5,32px);gap:8px}.color-grid button{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:var(--c)}.color-grid button.selected{outline:3px solid var(--gold-hi);outline-offset:2px}.color-grid button:disabled{opacity:.2;cursor:not-allowed}.toolbar{display:flex;gap:6px;flex:none}.icon-button{width:36px;height:36px;border-radius:10px;border:1.5px solid #6a2534;background:#00000040;color:var(--cream);display:grid;place-items:center;padding:0;font:700 18px/1 var(--ui);transition:transform .12s,background .12s,border-color .12s}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{border-color:var(--gold);background:#e8b54a1f;transform:translateY(-1px)}.icon-button:active{transform:translateY(1px)}.icon-button[aria-pressed=true]{color:#ff9b94}.lang-button{font:700 14px/1 var(--ui);letter-spacing:1px}#menuButton{display:none}.arena{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--night);display:grid;grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);padding:clamp(28px,8.5%,76px) clamp(10px,8.5%,150px) 0}#stage,#fx{position:absolute;inset:0;width:100%;height:100%;display:block}.board{grid-row:1}.dock{grid-row:2}.strip{grid-row:3}#fx{z-index:9;pointer-events:none}.board{position:relative;min-height:0;z-index:3}.view{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 10px;transition:opacity .38s ease,transform .45s cubic-bezier(.2,.9,.25,1.1)}.view.entering{opacity:0;transform:translateY(18px) scale(.97)}.view.leaving{opacity:0;transform:translateY(-14px) scale(.98);pointer-events:none;transition-duration:.3s}.primary,.secondary{border-radius:14px;padding:12px 20px;font:800 15px/1.1 var(--ui);letter-spacing:.4px;transition:transform .1s,box-shadow .12s,filter .15s}.primary{border:1.5px solid #fff1c0;color:#3a1408;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 48%,#c8902b);box-shadow:0 4px 0 var(--brass-shadow),0 10px 26px #00000073,inset 0 1px #ffffffb3;text-shadow:0 1px 0 rgba(255,255,255,.45)}.primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--brass-shadow),0 4px 10px #0006}.primary:disabled{filter:saturate(.3) brightness(.8)}.primary.big{font:22px/1 var(--display);letter-spacing:.5px;padding:15px 26px 13px}.secondary{border:1.5px solid var(--gold);color:var(--cream);background:linear-gradient(180deg,var(--velvet-2),var(--velvet));box-shadow:0 3px #2a0610,0 8px 20px #00000059}.secondary:hover{filter:brightness(1.15);transform:translateY(-1px)}.secondary:active{transform:translateY(2px);box-shadow:0 1px #2a0610}.text-button{background:none;border:none;color:var(--gold-hi);font-weight:700;padding:6px 8px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#e8b54a73}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.token{--s: 34px;width:var(--s);height:var(--s);flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 45%),var(--c);display:grid;place-items:center;box-shadow:0 0 0 2px var(--gold),0 0 0 3.5px #0000008c,0 4px 10px #00000073;position:relative}.token i{font:calc(var(--s) * .5)/1 var(--display);font-style:normal;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);transform:translateY(1px)}.token.bot:after{content:"";position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border-radius:4px;background:#2a1a14 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='2.5' y='3.5' width='7' height='6' rx='1.5' fill='%23e8b54a'/%3E%3Ccircle cx='4.7' cy='6.4' r='.9' fill='%232a1a14'/%3E%3Ccircle cx='7.3' cy='6.4' r='.9' fill='%232a1a14'/%3E%3Cpath d='M6 3.5V1.8' stroke='%23e8b54a' stroke-width='1'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 0 1.5px var(--gold)}.token.ghost{background:#ffffff0f;box-shadow:0 0 0 2px #e8b54a59}.token.ghost i{color:#e8b54a8c}.token.big{--s: 62px}.token.chip{--s: 22px;box-shadow:0 0 0 1.5px var(--gold),0 2px 5px #0006;animation:chip-in .38s cubic-bezier(.2,1.7,.4,1) both}.token.chip:after{display:none}@keyframes chip-in{0%{transform:translateY(-36px) scale(.3);opacity:0}to{transform:none;opacity:1}}.welcome{width:min(640px,100%);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.4vh,20px);text-align:center}.marquee{position:relative;border-radius:22px;padding:26px 46px 22px;background:radial-gradient(ellipse at 50% 0%,#6d1426,#3a0915 70%);border:2px solid var(--gold);box-shadow:0 0 0 5px #2a0610,0 0 0 7px var(--gold-lo),0 24px 60px #0009,0 0 80px #e8b54a2e}.marquee .kicker{position:relative;z-index:1;display:block;font:600 12.5px/1 var(--ui);letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.sign{position:relative;z-index:1;margin:0;font:clamp(50px,9vw,92px)/1 var(--display);text-transform:uppercase;letter-spacing:3px;color:#fff6dc;text-shadow:0 0 6px #ffd27a,0 0 22px rgba(255,190,80,.75),0 0 46px rgba(255,150,60,.45),0 3px 0 #a8741f;animation:neon 5s infinite}@keyframes neon{0%,92%,to{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.7}}.lede{margin:0;max-width:520px;font:500 clamp(15px,1.7vw,18px)/1.45 var(--ui);color:#f6e4c4;text-shadow:0 2px 8px rgba(0,0,0,.7)}.rules{list-style:none;margin:0;padding:0;display:grid;gap:7px;text-align:left}.rules li{display:flex;align-items:center;gap:10px;font:500 14.5px/1.3 var(--ui);color:#f3dfbd;text-shadow:0 1px 6px rgba(0,0,0,.8)}.rules b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--velvet);border:1.5px solid var(--gold);font:14px/1 var(--display);color:var(--gold-hi)}.card-panel{width:min(560px,100%);max-height:100%;overflow:auto;border-radius:18px;padding:18px 20px 20px;color:var(--ink);background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.6),transparent 60%),linear-gradient(180deg,var(--cream),var(--cream-2));border:2px solid var(--gold);box-shadow:inset 0 0 0 5px var(--cream),inset 0 0 0 6.5px #d9ae5c,0 24px 60px #0000008c}.card-panel h2{margin:0 0 12px;font:italic 800 clamp(23px,3vw,30px)/1.1 var(--serif);color:var(--velvet);text-align:center;letter-spacing:.5px}.card-panel h2:after{content:"";display:block;width:120px;height:9px;margin:8px auto 0;background:radial-gradient(circle,var(--gold) 0 2.5px,transparent 3px) center / 14px 9px repeat-x}.hint{margin:10px 0 0;text-align:center;font:500 13.5px/1.35 var(--ui);color:#7a5a40}.hint.gold{color:var(--velvet-2);font-weight:700}.lobby{display:flex;flex-direction:column;align-items:center;gap:12px}.lobby-seats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;width:100%}.lobby-seats li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border-radius:12px;background:#5b0e1f0f;font:700 13.5px/1.1 var(--ui);text-align:center;min-width:0}.lobby-seats li span:not(.token){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-seats li small{font-weight:600;color:#8a6a50;font-size:11.5px}.lobby-seats li.me{background:#e8b54a40}.lobby-seats li.empty{color:#b09070;border:1.5px dashed rgba(168,116,31,.45);background:none}.lobby-seats .token{--s: 44px}.lobby .hint.wait{color:var(--velvet-2);font-weight:700}.placard{position:relative;width:min(860px,100%);border-radius:20px;padding:24px 32px 20px;text-align:center;flex:none;background:radial-gradient(ellipse at 50% -20%,#7a1a2e,#3d0a17 65%,#2a0610);border:2px solid var(--gold);box-shadow:0 0 0 4px #24060f,0 0 0 5.5px var(--gold-lo),0 18px 46px #0000008c,inset 0 0 0 14px #0000002e,inset 0 0 0 15.5px #e8b54a66}.placard .tag{position:relative;z-index:1;display:inline-block;font:700 11.5px/1 var(--ui);letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);margin-bottom:7px}.prompt-text{position:relative;z-index:1;margin:0;font:italic 600 clamp(19px,2.5vw,30px)/1.25 var(--serif);color:#fff3da;text-shadow:0 2px 10px rgba(0,0,0,.6);text-wrap:balance}.placard.big{padding:34px 60px 28px;width:auto;min-width:min(420px,100%)}.placard.big h2{position:relative;z-index:1;margin:0;font:clamp(46px,8vw,84px)/1 var(--display);color:#fff6dc;letter-spacing:3px;text-shadow:0 0 10px #ffd27a,0 0 30px rgba(255,190,80,.7),0 3px 0 var(--gold-lo)}.x2{position:absolute;z-index:2;right:-18px;top:-18px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:22px/1 var(--display);color:#3a1408;background:radial-gradient(circle at 35% 30%,#fff3c0,var(--gold) 55%,#b8862a);box-shadow:0 6px 16px #00000080,0 0 0 3px #2a0610;transform:rotate(12deg);animation:x2 1.2s ease-in-out infinite alternate}@keyframes x2{to{transform:rotate(-6deg) scale(1.08)}}.intro{display:flex;flex-direction:column;align-items:center;gap:18px}.view[data-view=intro]:not(.entering) .placard.big{animation:drop-in .7s cubic-bezier(.2,1.5,.4,1) both}@keyframes drop-in{0%{transform:translateY(-90px) scale(.7) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}.intro-sub{margin:0;font:600 clamp(16px,2vw,21px)/1.35 var(--ui);color:#f6e4c4;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.8);animation:fade-up .6s .35s both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}.write{width:min(760px,100%);display:flex;flex-direction:column;align-items:center}.prompt-card{position:relative;width:100%;border-radius:20px;padding:26px 30px 22px;text-align:center;color:var(--ink);background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,var(--cream),var(--cream-2));border:2px solid var(--gold);box-shadow:inset 0 0 0 6px var(--cream),inset 0 0 0 7.5px #d9ae5c,0 22px 50px #0000008c;animation:card-in .55s cubic-bezier(.2,1.3,.4,1) both}@keyframes card-in{0%{transform:rotateX(70deg) translateY(-30px);opacity:0}to{transform:none;opacity:1}}.prompt-card .tag{display:inline-block;font:700 11.5px/1 var(--ui);letter-spacing:2.4px;text-transform:uppercase;color:var(--velvet-2);margin-bottom:8px}.prompt-card .prompt-text{color:var(--ink);text-shadow:none;font-size:clamp(21px,3vw,34px)}.pips{display:flex;justify-content:center;gap:7px;margin-top:12px}.pips i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--gold-lo)}.pips i.done{background:var(--gold)}.pips i.now{background:var(--velvet-2);border-color:var(--velvet-2);box-shadow:0 0 0 3px #9c253833}.wait{width:min(640px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wait h2{margin:0 0 4px;font:italic 800 clamp(28px,4.4vw,46px)/1.1 var(--serif);color:var(--gold-hi);text-shadow:0 0 18px rgba(255,190,80,.55),0 3px 0 #3a0a16}.mini{width:100%;border-radius:14px;padding:10px 16px;background:#fbf1dcf0;color:var(--ink);text-align:left;border:1.5px solid var(--gold);box-shadow:0 10px 26px #0006;animation:fade-up .5s both}.mini+.mini{animation-delay:.12s}.mini-q{margin:0 0 3px;font:600 12.5px/1.3 var(--ui);color:#8a6a50}.mini-a{margin:0;font:600 18px/1.25 var(--serif)}.wait-note{margin:6px 0 0;font:600 15px/1 var(--ui);color:#f3dfbd;display:flex;align-items:center;gap:8px}.dots{display:inline-flex;gap:4px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:dot 1s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}.connecting{display:grid;place-items:center}.connecting .dots i{width:12px;height:12px}.dock{position:relative;z-index:4;width:min(720px,100%);justify-self:center;padding:6px 0 8px}.dock-row{display:flex;gap:8px}#answer{flex:1;min-width:0;height:56px;border-radius:15px;border:2px solid var(--gold);background:linear-gradient(180deg,#fffaf0,var(--cream));color:var(--ink);padding:0 18px;font:600 21px/1 var(--serif);box-shadow:0 0 0 4px #2a0610bf,0 10px 26px #00000080;transition:transform .12s,box-shadow .2s}#answer::placeholder{color:#a08a72;font-style:italic;font-weight:500}#answer:focus{outline:none;box-shadow:0 0 0 4px #2a0610bf,0 0 0 7px #ffe08a8c,0 10px 26px #00000080}.send{width:60px;flex:none;border-radius:15px;border:1.5px solid #fff1c0;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 50%,#c8902b);color:#3a1408;display:grid;place-items:center;box-shadow:0 4px 0 var(--brass-shadow),0 10px 22px #00000073;transition:transform .1s,box-shadow .1s}.send svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.send:active{transform:translateY(3px);box-shadow:0 1px 0 var(--brass-shadow)}.dock-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;padding:0 4px;min-height:22px}.char-count{font:600 12px/1 var(--ui);color:#c9ab88;font-variant-numeric:tabular-nums}.char-count.near{color:#ff9b7a}.tr-keys{display:flex;gap:5px}.tr-keys button{min-width:30px;height:24px;border-radius:7px;border:1px solid rgba(232,181,74,.5);background:#00000059;color:var(--cream);font:700 14px/1 var(--ui)}.tr-keys button:hover{border-color:var(--gold)}.dock.shake #answer{animation:shake .4s}.dock.ok #answer{animation:ok .5s}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes ok{0%{background:#fff4c8}to{background:var(--cream)}}.duel,.final{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.2vh,22px)}.cards{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,24px);width:100%;perspective:1400px}.cards.two .qcard{width:min(360px,40%)}.qcard{position:relative;aspect-ratio:7 / 5;padding:0;border:none;background:none;color:var(--ink);font:inherit;transition:transform .25s cubic-bezier(.2,1.4,.4,1),filter .3s,opacity .3s}.qcard:disabled{cursor:default}.flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,1.25,.4,1);transform:rotateY(0)}.qcard.shown .flip{transform:rotateY(180deg)}.face{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}.face.back{background:radial-gradient(ellipse at 40% 25%,rgba(255,120,130,.32),transparent 55%),repeating-linear-gradient(45deg,rgba(0,0,0,.2) 0 2px,transparent 2px 20px),repeating-linear-gradient(-45deg,rgba(0,0,0,.2) 0 2px,transparent 2px 20px),linear-gradient(160deg,var(--velvet-3),var(--velvet) 60%,#3d0915);border:2px solid var(--gold);box-shadow:inset 0 0 0 6px #2a061099,inset 0 0 0 7.5px #e8b54aa6,0 16px 34px #0000008c}.monogram{width:32%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:clamp(26px,4vw,46px)/1 var(--display);color:#3a1408;background:radial-gradient(circle at 35% 30%,#fff3c0,var(--gold) 55%,#b8862a);box-shadow:0 0 0 3px #3a0a16,0 0 0 5px var(--gold-lo),0 6px 14px #0006}.face.front{transform:rotateY(180deg);flex-direction:column;padding:18px 22px 16px;text-align:center;background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.75),transparent 60%),linear-gradient(180deg,#fffaf0,var(--cream) 50%,var(--cream-2));border:2px solid var(--gold);box-shadow:inset 0 0 0 6px #fffaf0,inset 0 0 0 7.5px #d9ae5c,0 16px 34px #0000008c}.face.front:before,.face.front:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--gold);opacity:.8}.face.front:before{top:11px;right:11px;border-left:0;border-bottom:0}.face.front:after{bottom:11px;left:11px;border-right:0;border-top:0}.qtext{font:650 22px/1.2 var(--serif);text-wrap:balance;overflow-wrap:anywhere}.qcard.xl .qtext{font-size:clamp(24px,3.2vw,38px)}.qcard.l .qtext{font-size:clamp(20px,2.5vw,29px)}.qcard.m .qtext{font-size:clamp(17px,2vw,23px)}.qcard.s .qtext{font-size:clamp(15px,1.7vw,19px)}.qcard.none .qtext{font:italic 500 clamp(15px,1.8vw,20px)/1.3 var(--serif);color:#8a6a50}.noans{margin-top:8px;font:700 11px/1 var(--ui);letter-spacing:2px;text-transform:uppercase;color:#b9332f;border:1.5px solid #b9332f;border-radius:5px;padding:4px 7px 3px;transform:rotate(-3deg)}.auto{position:absolute;bottom:9px;left:50%;transform:translate(-50%);font:600 10.5px/1 var(--ui);color:#a08a72;letter-spacing:.5px;white-space:nowrap}.num{position:absolute;top:9px;left:9px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:14px/1 var(--display);color:#3a1408;background:radial-gradient(circle at 35% 30%,#fff3c0,var(--gold) 60%,#b8862a);box-shadow:0 0 0 1.5px #3a0a16}.grawlix{font-family:var(--display);color:var(--velvet-2);letter-spacing:1px;display:inline-block;animation:grawlix 1.4s steps(2) infinite}@keyframes grawlix{50%{transform:rotate(-3deg) translateY(-1px);color:var(--rose)}}.qcard.voteable{cursor:pointer}.qcard.voteable:hover,.qcard.voteable:focus-visible{transform:translateY(-7px) scale(1.02)}.qcard.voteable .face.front{animation:pulse-ring 1.6s ease-in-out infinite}@keyframes pulse-ring{50%{box-shadow:inset 0 0 0 6px #fffaf0,inset 0 0 0 7.5px #d9ae5c,0 16px 34px #0000008c,0 0 0 5px #ffe08a73}}.qcard.voteable:hover .face.front{box-shadow:inset 0 0 0 6px #fffaf0,inset 0 0 0 7.5px #d9ae5c,0 20px 44px #0009,0 0 0 5px var(--gold-hi),0 0 40px #ffc85a80}.qcard.picked .face.front{box-shadow:inset 0 0 0 6px #fffaf0,inset 0 0 0 7.5px #d9ae5c,0 16px 34px #0000008c,0 0 0 5px var(--teal),0 0 34px #1fa3a08c}.qcard.picked:after{content:"✓";position:absolute;top:-12px;right:-12px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font:900 18px/1 var(--ui);box-shadow:0 0 0 3px #12060b,0 6px 14px #00000080;animation:chip-in .35s cubic-bezier(.2,1.7,.4,1)}.final .qcard.picked:after{display:none}.qcard.mine .num{background:var(--me);color:#fff}.duel:not(.voting) .qcard.mine .face.front{box-shadow:inset 0 0 0 6px #fffaf0,inset 0 0 0 7.5px #d9ae5c,0 16px 34px #0000008c,0 0 0 3px color-mix(in srgb,var(--me) 75%,transparent)}.chips{position:absolute;left:12px;bottom:11px;display:flex;flex-wrap:wrap;gap:4px;max-width:70%}.tally{position:absolute;right:10px;bottom:9px;min-width:40px;height:40px;padding:0 8px;border-radius:99px;display:none;place-items:center;font:800 24px/1 var(--num);color:#fff;background:var(--velvet-2);box-shadow:0 0 0 2px var(--gold),0 4px 10px #00000059}.qcard .tally b{font-weight:400}.counting .tally,.revealed .tally{display:grid}.tally.zero{background:#8a7a6a}.tally.bump{animation:bump .35s cubic-bezier(.2,1.8,.4,1)}@keyframes bump{40%{transform:scale(1.35)}}.pts{position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%);font:800 clamp(22px,2.6vw,30px)/1 var(--num);color:var(--gold-hi);text-shadow:0 0 14px rgba(255,190,80,.8),0 2px 0 #3a0a16;white-space:nowrap;opacity:0}.revealed .pts:not(:empty){animation:pts 1.1s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes pts{0%{opacity:0;transform:translate(-50%,-40%) scale(.5)}60%{opacity:1;transform:translate(-50%,-110%) scale(1.15)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.face.front .pts{top:8px;transform:translate(-50%);color:var(--velvet-2);text-shadow:none;font-size:clamp(16px,1.8vw,21px)}.revealed .face.front .pts:not(:empty){animation:pts-in .7s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes pts-in{0%{opacity:0;transform:translate(-50%,-14px) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}.author{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%,-8px);display:flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border-radius:99px;background:#12060bd9;border:1.5px solid var(--gold);color:var(--cream);font:700 14px/1 var(--ui);white-space:nowrap;opacity:0;pointer-events:none;max-width:110%}.author .token{--s: 24px}.author small{color:var(--gold);font-weight:600}.revealed .author:not(:empty){animation:author-in .5s .15s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes author-in{to{opacity:1;transform:translate(-50%)}}.qcard.winner{transform:translateY(-6px) scale(1.04);z-index:2}.qcard.winner .face.front{box-shadow:inset 0 0 0 6px #fffaf0,inset 0 0 0 7.5px #d9ae5c,0 22px 50px #0009,0 0 0 4px var(--gold-hi),0 0 56px #ffc85a8c}.qcard.loser{filter:saturate(.55) brightness(.78);transform:scale(.97)}.stamp{position:absolute;left:50%;top:46%;z-index:4;transform:translate(-50%,-50%) rotate(-9deg) scale(1.8);padding:6px 12px 5px;border:3px solid #c7302c;border-radius:8px;color:#c7302c;font:700 clamp(12px,1.4vw,15px)/1.15 var(--ui);letter-spacing:1.5px;text-transform:uppercase;background:#fffaf0e0;opacity:0;pointer-events:none;white-space:nowrap}.stamped .stamp:not(:empty){animation:stamp .45s .1s cubic-bezier(.3,1.6,.5,1) forwards}.best .stamp{border-color:var(--velvet-2);color:#fff;background:var(--velvet-2);top:-14px;left:auto;right:-10px;transform:rotate(6deg) scale(1.8);font-size:11px;box-shadow:0 0 0 2px var(--gold),0 6px 14px #00000073}.best.stamped .stamp:not(:empty){animation:stamp-b .45s .1s cubic-bezier(.3,1.6,.5,1) forwards}@keyframes stamp{to{opacity:1;transform:translate(-50%,-50%) rotate(-9deg) scale(1)}}@keyframes stamp-b{to{opacity:1;transform:rotate(6deg) scale(1)}}.big-stamp{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%) rotate(-8deg) scale(2.2);padding:12px 26px 10px;border:5px solid #d13a35;border-radius:14px;background:#fff8e8ed;color:#d13a35;text-align:center;opacity:0;animation:stamp-big .5s .1s cubic-bezier(.3,1.6,.5,1) forwards;box-shadow:0 16px 40px #00000080}.big-stamp b{display:block;font:clamp(30px,4.6vw,54px)/1 var(--display);letter-spacing:2px}.big-stamp small{display:block;margin-top:5px;font:700 13px/1.2 var(--ui);color:#8a3a30}@keyframes stamp-big{to{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}.duel-note{margin:0;min-height:22px;font:600 15px/1.3 var(--ui);color:#f6e4c4;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8)}.duel.voting .duel-note{color:var(--gold-hi)}.meter{position:relative;flex:none;width:clamp(92px,11vw,132px);display:flex;flex-direction:column;align-items:center;gap:2px}.meter svg{width:100%;overflow:visible;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.m-track{fill:none;stroke:#24060f;stroke-width:15;stroke-linecap:round}.m-left{fill:none;stroke:var(--gold);stroke-width:9;stroke-linecap:round;opacity:.85}.m-right{fill:none;stroke:var(--rose);stroke-width:9;stroke-linecap:round;opacity:.85}.m-bulb{fill:#5a3a28;transition:fill .2s}.voting .m-bulb,.meter.done .m-bulb{animation:m-bulb 1s steps(1) infinite;animation-delay:calc(var(--k) * -.11s)}@keyframes m-bulb{0%{fill:#fff3c4}50%{fill:#6a4a30}}.m-needle{transform-origin:60px 64px;transition:transform .6s cubic-bezier(.3,1.7,.5,1);fill:#fff6dc;stroke:#2a0610;stroke-width:1.2}.voting .m-needle{animation:wobble 1.3s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.meter.idle .m-needle{transform:rotate(0)}.m-label{font:10px/1 var(--display);letter-spacing:1.6px;color:var(--gold)}.cards.two>.qcard:first-child .face.front{--side: var(--gold)}.cards.grid{--cols: 4;--gap: clamp(10px, 1.6vw, 18px);flex-wrap:wrap;gap:var(--gap);width:min(1100px,100%);padding-bottom:26px}.final.n2 .cards.grid{--cols: 2;width:min(640px,100%)}.final.n3 .cards.grid{--cols: 3;width:min(880px,100%)}.final.n5 .cards.grid,.final.n6 .cards.grid{--cols: 3;width:min(940px,100%)}.cards.grid .qcard{width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));aspect-ratio:8 / 5}.myvotes{position:absolute;left:12px;bottom:11px;display:flex;gap:5px}.cards.grid .qcard .qtext{font-size:clamp(14px,1.6vw,20px)}.cards.grid .qcard.xl .qtext{font-size:clamp(17px,2.1vw,26px)}.cards.grid .face.front{padding:14px 14px 30px}.cards.grid .author{top:auto;bottom:-14px;font-size:12px}.ballot{width:18px;height:18px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 2px #fff,0 2px 5px #00000059;animation:chip-in .35s cubic-bezier(.2,1.7,.4,1) both}.final-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;font:600 14.5px/1.3 var(--ui);color:#f6e4c4;text-shadow:0 2px 8px rgba(0,0,0,.8);text-align:center}.ballots{display:flex;gap:6px}.ballots i{width:20px;height:20px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 2px #fff;transition:transform .2s,opacity .2s}.ballots i.used{opacity:.25;transform:scale(.7)}.sweep{position:absolute;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none;overflow:hidden;container-type:inline-size}.sweep:before{content:"";position:absolute;inset:0;background:#12060b73}.sweep:after{content:"";position:absolute;inset:0;background:#ffd68c99;opacity:0}.sweep.go{animation:sweep-out 2.3s ease forwards}.sweep.go:after{animation:sweep-flash .35s ease-out}@keyframes sweep-out{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes sweep-flash{0%{opacity:1}to{opacity:0}}.sweep-rays{position:absolute;left:50%;top:50%;width:220vmax;height:220vmax;transform:translate(-50%,-50%);opacity:.55;background:repeating-conic-gradient(from 0deg,#ffd6786b 0 7deg,#ffd67800 7deg 15deg);-webkit-mask:radial-gradient(circle,#000 0,#000 18%,transparent 60%);mask:radial-gradient(circle,#000 0,#000 18%,transparent 60%);animation:spin 7s linear infinite;will-change:transform}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.sweep-card{position:relative;max-width:calc(100cqw - 20px);padding:30px clamp(20px,4cqw,50px) 24px;border-radius:24px;text-align:center;background:radial-gradient(ellipse at 50% 0,#8a1d33,#3d0a17 70%);border:3px solid var(--gold-hi);box-shadow:0 0 0 6px #2a0610,0 0 0 8px var(--gold),0 0 90px #ffbe50b3,0 30px 70px #0009;animation:sweep-in .8s cubic-bezier(.2,1.6,.35,1) both}.sweep-card .bulbs:before,.sweep-card .bulbs:after{animation-duration:.24s}.sweep-card b{position:relative;z-index:1;display:block;font:clamp(26px,7.2cqw,92px)/1 var(--display);color:#fff6dc;letter-spacing:2px;text-shadow:0 0 10px #ffd27a,0 0 34px rgba(255,190,80,.85),0 4px 0 var(--gold-lo);white-space:nowrap}.sweep-card small{position:relative;z-index:1;display:block;margin-top:8px;font:700 clamp(13px,1.6vw,17px)/1 var(--ui);letter-spacing:3px;text-transform:uppercase;color:var(--gold-hi)}@keyframes sweep-in{0%{transform:scale(.2) rotate(-12deg);opacity:0}55%{transform:scale(1.12) rotate(3deg);opacity:1}75%{transform:scale(.96) rotate(-1deg)}to{transform:none}}.scores{width:min(620px,100%)}.standings{list-style:none;margin:0;padding:0;display:grid;gap:7px}.standings li{display:grid;grid-template-columns:26px auto minmax(60px,140px) 1fr auto auto;align-items:center;gap:9px;padding:6px 10px;border-radius:11px;background:#5b0e1f0f;animation:row-in .5s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i) * 70ms)}@keyframes row-in{0%{opacity:0;transform:translate(-24px)}}.standings li.me{background:#e8b54a47}.standings li.gone{opacity:.55}.standings .rank{font:20px/1 var(--display);color:var(--velvet-2);text-align:center}.standings .token{--s: 30px}.standings .name{font:700 15px/1.1 var(--ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings .bar{height:12px;border-radius:99px;background:#2a1a141f;overflow:hidden}.standings .bar i{display:block;height:100%;width:var(--from);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#000),var(--c));transition:width 1.1s cubic-bezier(.2,.9,.3,1)}.standings.grow .bar i{width:var(--to)}.standings .score{font:800 19px/1 var(--num);font-variant-numeric:tabular-nums;min-width:56px;text-align:right;color:var(--ink)}.standings .gain{font:800 12px/1 var(--ui);color:#3a1408;background:linear-gradient(180deg,var(--gold-hi),var(--gold));padding:4px 7px;border-radius:99px;animation:fade-up .5s .8s both}.podium{width:min(760px,100%);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8vh,16px)}.podium-title{margin:0;font:italic 800 clamp(26px,4.4vw,50px)/1.1 var(--serif);color:#fff6dc;text-align:center;text-shadow:0 0 10px #ffd27a,0 0 30px rgba(255,190,80,.6),0 3px 0 #3a0a16;animation:fade-up .6s .2s both}.tiers{display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,1.4vw,14px);width:100%;height:clamp(170px,42vh,330px)}.tier{flex:0 1 190px;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.tier .who{display:flex;flex-direction:column;align-items:center;gap:5px;padding-bottom:10px;position:relative;animation:rise .8s cubic-bezier(.2,1.4,.4,1) both}.tier.t1 .who{animation-delay:.9s}.tier.t2 .who{animation-delay:.55s}.tier.t3 .who{animation-delay:.25s}@keyframes rise{0%{opacity:0;transform:translateY(40px) scale(.6)}}.tier .name{font:700 15px/1.1 var(--ui);color:var(--cream);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.8)}.tier .tier-pts{font:800 22px/1 var(--num);color:var(--gold-hi);text-shadow:0 0 10px rgba(255,190,80,.6)}.tier .block{width:100%;border-radius:10px 10px 0 0;display:grid;place-items:start center;padding-top:10px;background:linear-gradient(180deg,var(--velvet-3),var(--velvet) 40%,#3a0915);border:2px solid var(--gold);border-bottom:none;box-shadow:inset 0 3px #ffe08a80,0 -6px 26px #0006;transform-origin:bottom;animation:grow-up .7s cubic-bezier(.2,1.2,.4,1) both}.tier .block b{font:clamp(28px,4vw,44px)/1 var(--display);color:var(--gold-hi);text-shadow:0 2px 0 #2a0610}.tier.t1 .block{height:46%;animation-delay:.6s}.tier.t2 .block{height:32%;animation-delay:.3s}.tier.t3 .block{height:22%}@keyframes grow-up{0%{transform:scaleY(0)}}.tier.t1 .token.big{--s: 78px;box-shadow:0 0 0 3px var(--gold-hi),0 0 0 5px #2a0610,0 0 40px #ffc85ab3}.tier.me .name{color:var(--gold-hi)}.crown{width:46px;height:30px;margin-bottom:-4px;background:linear-gradient(180deg,#fff3c0,var(--gold) 55%,#b8862a);clip-path:polygon(0 100%,0 25%,22% 60%,50% 0,78% 60%,100% 25%,100% 100%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.5));animation:crown 1.6s 1.6s ease-in-out infinite both}@keyframes crown{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}.rest{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;counter-reset:rest 3}.rest li{counter-increment:rest;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:99px;background:#00000073;border:1px solid rgba(232,181,74,.5);font:600 13px/1 var(--ui)}.rest li:before{content:counter(rest) ".";font:13px/1 var(--display);color:var(--gold)}.rest li .token{--s: 22px}.rest li b{font:800 14px/1 var(--num);color:var(--gold-hi)}.rest li.me{border-color:var(--gold-hi)}.podium .hint{color:#f3dfbd}.strip{position:relative;z-index:4;justify-self:center;max-width:100%;padding:2px 0 max(8px,env(safe-area-inset-bottom))}.strip ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:clamp(4px,1vw,12px)}.strip li{position:relative;width:66px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:opacity .3s,transform .3s}.strip .token{--s: 36px}.strip .nm{max-width:100%;font:600 11.5px/1.1 var(--ui);color:#f3dfbd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.9)}.strip b{font:800 12px/1 var(--num);color:var(--gold-hi);font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.9)}.strip li.me .nm{color:var(--gold-hi)}.strip li.me .token{box-shadow:0 0 0 2.5px var(--gold-hi),0 0 0 4px #2a0610,0 0 18px #ffc85a99}.strip li.away,.strip li.left{opacity:.4}.strip li.left .nm{text-decoration:line-through}.strip li.bump .token{animation:bump .45s cubic-bezier(.2,1.8,.4,1)}.strip .mark{position:absolute;top:-9px;right:6px;z-index:2}.strip li.typing .mark,.strip li.writing .mark{width:30px;height:18px;border-radius:9px;background:var(--cream);box-shadow:0 2px 6px #0006}.strip li.writing .mark:before{content:"✎";position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#8a6a50}.strip li.typing .mark{background:radial-gradient(circle,var(--ink) 0 2px,transparent 2.5px) 4px 50% / 7px 7px repeat-x,var(--cream);animation:typing-dots .9s steps(3) infinite}@keyframes typing-dots{0%{background-size:7px 7px,auto;clip-path:inset(0 66% 0 0 round 9px)}33%{clip-path:inset(0 33% 0 0 round 9px)}66%{clip-path:inset(0 0 0 0 round 9px)}}.strip li.done .mark,.strip li.voted .mark{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font:900 11px/1 var(--ui);box-shadow:0 0 0 2px #12060b}.strip li.done .mark:before,.strip li.voted .mark:before{content:"✓"}.host{position:absolute;z-index:5;left:max(4px,1.2%);bottom:calc(var(--strip-h) + 6px);width:clamp(64px,8.5vw,118px);pointer-events:none}.host-svg{width:100%;display:block;overflow:visible;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}.h-body{transform-origin:70px 182px;animation:bob 2.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-3px) rotate(1.2deg)}}.h-eyes{transform-origin:70px 100px;transition:transform .08s}.h-eyes.blink{transform:scaleY(.1)}.h-pupil{transition:transform .3s ease}.h-tassel{transform-origin:70px 12px;animation:tassel 2.6s ease-in-out infinite}@keyframes tassel{50%{transform:rotate(-12deg)}}.host.talk .h-mouth{animation:talk .22s ease-in-out infinite alternate;transform-origin:70px 118px}@keyframes talk{to{transform:scaleY(3.4) scaleX(.85)}}.host.talk .h-stache{animation:stache .22s ease-in-out infinite alternate;transform-origin:70px 112px}@keyframes stache{to{transform:translateY(-1.5px) rotate(1.5deg)}}.h-arm{transform-origin:42px 104px;transition:transform .3s}.h-arm-r{transform-origin:98px 104px}.host.talk .h-arm-r{animation:gesture .9s ease-in-out infinite alternate}@keyframes gesture{to{transform:rotate(-38deg)}}.host.cheer .h-body{animation:hop .5s cubic-bezier(.3,1.6,.5,1) 3}@keyframes hop{50%{transform:translateY(-18px) rotate(-3deg)}}.host.cheer .h-arm-l{transform:rotate(78deg)}.host.cheer .h-arm-r{transform:rotate(-78deg);animation:none}.host.shock .h-brows{transform:translateY(-5px)}.host.shock .h-mouth{transform:scale(1.4,3.8);transform-origin:70px 118px}.host.sad .h-body{animation:none;transform:translateY(4px) rotate(-4deg);transform-origin:70px 182px;transition:transform .4s}.host.sad .h-brows{transform:rotate(8deg);transform-origin:70px 92px}.host-bubble{position:absolute;left:30%;bottom:calc(100% + 6px);width:max-content;max-width:min(260px,60vw);padding:9px 13px;border-radius:14px 14px 14px 4px;background:var(--cream);color:var(--ink);font:600 13.5px/1.3 var(--ui);box-shadow:0 0 0 2px var(--gold),0 10px 24px #00000080}.host-bubble.pop{animation:bubble .45s cubic-bezier(.2,1.6,.4,1);transform-origin:0 100%}@keyframes bubble{0%{transform:scale(.3);opacity:0}}.timer{position:absolute;z-index:6;top:clamp(30px,9%,80px);right:max(8px,1.6%);width:62px;height:62px;display:grid;place-items:center}.timer svg{position:absolute;inset:0;transform:rotate(-90deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.t-track{fill:#24060f;stroke:#e8b54a40;stroke-width:6}.t-arc{fill:none;stroke:var(--gold-hi);stroke-width:6;stroke-linecap:round;stroke-dasharray:157.08;transition:stroke .3s}.timer b{position:relative;font:800 22px/1 var(--num);color:#fff6dc;font-variant-numeric:tabular-nums}.timer.urgent .t-arc{stroke:#ff6b5e}.timer.urgent b{color:#ffb4a8;animation:urgent 1s ease-in-out infinite}@keyframes urgent{50%{transform:scale(1.18)}}.pause-note{position:absolute;z-index:10;left:50%;top:14px;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);padding:10px 16px;border-radius:12px;background:#12060beb;border:1.5px solid var(--gold);font:600 14px/1.3 var(--ui);text-align:center;box-shadow:0 10px 30px #0009}.toast{position:fixed;z-index:60;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100% - 24px);padding:11px 18px;border-radius:12px;background:var(--plum);border:1.5px solid var(--gold);color:var(--cream);font:600 14.5px/1.3 var(--ui);box-shadow:0 12px 30px #0009;animation:fade-up .3s}dialog{border:2px solid var(--gold);border-radius:18px;background:linear-gradient(180deg,var(--cream),var(--cream-2));color:var(--ink);padding:18px 20px;width:min(560px,calc(100% - 24px));max-height:calc(var(--app-h) - 30px);box-shadow:inset 0 0 0 5px var(--cream),inset 0 0 0 6.5px #d9ae5c,0 30px 70px #0009}dialog::backdrop{background:#0a0306b3}dialog .panel-head h2{color:var(--velvet)}dialog .icon-button{color:var(--ink);border-color:#d9ae5c;background:none}.help-body{font:500 15px/1.5 var(--ui)}.help-body ol{padding-left:20px;margin:6px 0}.help-body li{margin-bottom:6px}.keys-help{font:600 13px/1.4 var(--ui);color:#7a5a40}.panel{background:linear-gradient(180deg,#210a13,#160710);border-left:1.5px solid #4a1626;padding:14px 14px 12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;z-index:12}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font:italic 800 23px/1 var(--serif);color:var(--gold-hi);letter-spacing:.5px}#closePanel{display:none}.mode-switch,.segmented{display:flex;background:#00000059;border:1.5px solid #4a1626;border-radius:12px;padding:3px;gap:3px}.mode-switch button,.segmented button{flex:1;border:none;background:none;border-radius:9px;padding:9px 6px;font:700 13.5px/1 var(--ui);color:#d9bfa0;transition:background .15s,color .15s}.mode-switch button.active,.segmented button.active{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#3a1408;box-shadow:0 2px 0 var(--brass-shadow)}.segmented button:disabled:not(.active){opacity:.45}.segmented.small button{padding:7px 4px;font-size:12.5px}.bot-settings,.room-settings{display:flex;flex-direction:column;gap:9px;padding:11px;border-radius:13px;background:#5b0e1f40;border:1px solid #4a1626}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 13.5px/1.2 var(--ui);color:#f0dcc0}.row .segmented{flex:0 1 auto}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:30px;height:30px;border-radius:9px;border:1.5px solid #6a2534;background:#0000004d;color:var(--cream);font:700 17px/1 var(--ui)}.stepper button:disabled{opacity:.35}.stepper output{min-width:24px;text-align:center;font:800 18px/1 var(--num);color:var(--gold-hi)}.toggle{width:48px;height:28px;border-radius:99px;border:1.5px solid #6a2534;background:#0006;padding:2px;position:relative;transition:background .2s}.toggle i{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#c9ab88;transition:transform .2s cubic-bezier(.3,1.5,.5,1),background .2s}.toggle[aria-checked=true]{background:var(--teal);border-color:#3fd0c4}.toggle[aria-checked=true] i{transform:translate(20px);background:#fff}.toggle:disabled{opacity:.5}.invite-row{display:flex;gap:6px}.invite-row input{flex:1;min-width:0;border-radius:9px;border:1.5px solid #6a2534;background:#00000059;color:var(--cream);padding:8px;font:500 12.5px/1 var(--ui)}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.player-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#ffffff08;font:600 14px/1.1 var(--ui);min-width:0}.player-list li.me{background:#e8b54a21}.player-list li.gone{opacity:.5}.player-list .token{--s: 26px}.player-list .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list .tag{font:600 10.5px/1 var(--ui);color:#c9ab88;background:#00000059;padding:3px 6px;border-radius:99px;white-space:nowrap}.player-list .tag.off{color:#ff9b94}.player-list .stat{margin-left:auto;font:800 15px/1 var(--num);color:var(--gold-hi)}.player-list .remove{margin-left:auto;width:24px;height:24px;border-radius:7px;border:1px solid #6a2534;background:none;color:#ff9b94;font-weight:800}.add-bot{align-self:flex-start}.note{margin:0;font:500 13px/1.4 var(--ui);color:#c9ab88}.panel-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.connection{font:600 12px/1 var(--ui);color:#a08a72}.connection.online{color:#6fd3a8}.connection.trouble{color:#ff9b94}@media(max-width:899px){main{grid-template-columns:1fr}#menuButton,#closePanel{display:grid}.panel{position:fixed;top:calc(var(--app-top) + var(--top-h));right:0;height:calc(var(--app-h) - var(--top-h));width:min(340px,92vw);transform:translate(105%);transition:transform .25s ease;box-shadow:-10px 0 30px #00000080}.panel.open{transform:none}#playerName{width:104px}.topbar{gap:8px}.scoreboard{gap:6px}}@media(max-width:640px){:root{--top-h: 50px;--strip-h: 64px}.brand span{display:none}.round-tag{font-size:12.5px;padding:5px 8px 4px}.my-score{font-size:16px}#fullscreenButton{display:none}.icon-button{width:34px;height:34px}#playerName{width:88px;padding:6px 7px}.arena{padding:30px 10px 0}.marquee{padding:22px 26px 18px}.placard{padding:18px 18px 16px;border-radius:16px}.prompt-card{padding:20px 18px 16px}.cards.two{flex-direction:column;gap:6px}.cards.two .qcard{width:min(100%,420px);aspect-ratio:auto;height:clamp(108px,25vh,215px)}.cards.two .meter{position:relative;z-index:3}.cards.two .meter{width:86px;flex-direction:row;gap:8px;margin:-2px 0}.cards.two .meter svg{width:70px}.cards.two .author{inset:auto 58px 8px auto;transform:none;padding:3px 9px 3px 3px;font-size:12px}.revealed .author:not(:empty){animation:fade-in .4s .15s forwards}@keyframes fade-in{to{opacity:1}}.cards.two .pts{top:50%;left:auto;right:-2px;transform:translateY(-50%)}.cards.two .face.front .pts{top:6px;right:auto;left:50%;transform:translate(-50%)}.cards.grid,.final.n3 .cards.grid,.final.n5 .cards.grid,.final.n6 .cards.grid{--cols: 2;--gap: 8px}.cards.grid .qcard{aspect-ratio:auto;height:clamp(86px,13.5vh,130px)}.cards.grid .face.front{padding:10px 10px 24px}.cards.grid .qcard .qtext,.cards.grid .qcard.xl .qtext{font-size:clamp(13px,3.8vw,17px)}.qtext{font-size:18px}.qcard.xl .qtext{font-size:clamp(22px,6.5vw,30px)}.qcard.l .qtext{font-size:clamp(18px,5vw,24px)}.qcard.m .qtext{font-size:clamp(15px,4.3vw,19px)}.qcard.s .qtext{font-size:clamp(13.5px,3.8vw,16px)}.strip li{width:42px}.strip ul{gap:2px}.strip .token{--s: 30px}.strip .nm{font-size:10px}.host{width:58px;bottom:calc(var(--strip-h) + 2px)}.arena[data-view=duel] .host,.arena[data-view=final] .host,.arena[data-view=write] .host,.arena[data-view=scores] .host,.arena[data-view=podium] .host{display:none}.timer{width:50px;height:50px;top:6px;right:6px}.timer b{font-size:18px}.standings li{grid-template-columns:22px auto minmax(0,1fr) auto auto}.standings .bar{display:none}.tier .token.big{--s: 50px}.tier.t1 .token.big{--s: 62px}.tier .name{font-size:13px;max-width:100px}.sweep-card{padding:22px 22px 18px}}@media(max-height:520px){:root{--top-h: 46px;--strip-h: 46px}.arena{padding-top:24px}.view{padding:4px 0 6px}.placard{padding:14px 22px 12px}.placard .tag{margin-bottom:4px;font-size:10px}.prompt-text{font-size:clamp(16px,2.2vw,22px)}.duel,.final{gap:8px}.cards.two .qcard{width:min(300px,38%);aspect-ratio:16 / 9}.cards.grid .qcard{aspect-ratio:16 / 7}.cards.grid{padding-bottom:12px;gap:8px}.strip .nm{display:none}.strip .token{--s: 26px}.strip li{width:auto;flex-direction:row;gap:4px}.host{width:52px;bottom:calc(var(--strip-h) + 2px)}.marquee{padding:16px 30px 14px}.sign{font-size:clamp(40px,9vh,64px)}.rules{display:none}.welcome{gap:10px}.tiers{height:clamp(120px,40vh,200px)}.card-panel{padding:12px 16px 14px}.card-panel h2{margin-bottom:6px;font-size:21px}.card-panel h2:after{margin-top:4px}.standings{gap:4px}.standings li{padding:3px 8px}.lobby-seats{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.lobby-seats li{padding:6px 2px}.timer{width:48px;height:48px;top:6px}.timer b{font-size:17px}.placard.big{padding:22px 40px 18px}#answer{height:48px;font-size:19px}.dock{padding:4px 0}.dock-foot{margin-top:2px;min-height:18px}.prompt-card{padding:16px 20px 12px}.pips{margin-top:7px}}.kb .strip,.kb .host,.kb .dock-foot .tr-keys{display:none}.kb .arena{padding-top:10px}.kb .prompt-card{padding:12px 14px 10px;animation:none}.kb .prompt-card .prompt-text{font-size:clamp(17px,4.6vw,22px)}.kb .pips,.kb .prompt-card .tag{display:none}.kb .timer{width:42px;height:42px;top:4px;right:4px}.kb .timer b{font-size:15px}.kb .view{padding:4px 0}.kb.tiny .topbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cards.grid .qcard.winner{transform:translateY(-3px) scale(1.02)}@media(max-width:1100px),(max-height:600px){.arena[data-view=duel] .host-bubble,.arena[data-view=final] .host-bubble,.arena[data-view=welcome] .host-bubble{display:none}}@media(max-width:640px){.cards.grid .chips{max-width:62%;flex-wrap:nowrap;overflow:hidden;gap:2px}.cards.grid .token.chip{--s: 17px}.cards.grid .tally{min-width:30px;height:30px;font-size:17px;right:6px;bottom:6px}.cards.grid .face.front .pts{font-size:14px;top:5px}.cards.grid .num{width:21px;height:21px;font-size:12px;top:6px;left:6px}.best .stamp{top:-9px;right:-4px;font-size:9.5px;padding:3px 7px 2px;letter-spacing:1px}.final .placard{padding:14px 16px 12px}}@media(max-width:480px){#roundTag{display:none!important}.topbar{gap:6px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.toolbar{gap:4px}#playerName{width:74px}}@media(max-height:520px){.cards.grid,.final.n3 .cards.grid,.final.n5 .cards.grid,.final.n6 .cards.grid{--cols: 4;width:100%}.final.n2 .cards.grid{--cols: 2;width:min(520px,100%)}.final.n3 .cards.grid{--cols: 3}.cards.grid .qcard{aspect-ratio:2 / 1}.cards.grid .face.front{padding:8px 10px 22px}.cards.grid .qcard .qtext,.cards.grid .qcard.xl .qtext{font-size:clamp(13px,2vw,16px)}.cards.grid .token.chip{--s: 16px}.cards.grid .tally{min-width:28px;height:28px;font-size:16px}.cards.grid .num{width:20px;height:20px;font-size:11px;top:5px;left:5px}.final .placard{padding:10px 18px 8px}.final .placard .prompt-text{font-size:clamp(15px,2vw,19px)}.final-note{display:none}.final-bar{font-size:13px}.strip li{padding-right:6px}}@media(max-height:520px){.arena[data-view=podium] .strip,.arena[data-view=scores] .strip,.arena[data-view=final] .strip{display:none}.podium{gap:6px}.podium-title{font-size:clamp(20px,3.4vw,28px)}.tiers{height:clamp(110px,40vh,170px)}.tier .token.big{--s: 38px}.tier.t1 .token.big{--s: 48px}.tier .who{gap:2px;padding-bottom:5px}.tier .name{font-size:12px}.tier .tier-pts{font-size:15px}.tier .block b{font-size:22px}.tier .block{padding-top:4px}.crown{width:32px;height:20px}.rest{gap:4px 6px}.rest li{padding:2px 8px 2px 4px;font-size:11.5px}.rest li .token{--s: 18px}.podium .primary.big{font-size:17px;padding:10px 18px 9px}.arena[data-view=podium] .host-bubble,.arena[data-view=scores] .host-bubble{display:none}}@media(max-width:640px){.rest li{font-size:12px}.rest li .token{--s: 20px}}@media(max-width:640px),(max-height:520px){.placard .bulbs:before,.placard .bulbs:after{padding:10px;background-size:20px 20px}.placard,.final .placard{padding:18px 22px 16px}.cards.grid .revealed .chips{display:none}}@media(max-width:640px){.arena[data-view=final] .strip{display:none}.arena:has(#timer:not([hidden])){padding-top:50px}.timer{top:4px}.final-bar{font-size:13px}}
