:root{--paper:#f3eada;--card:#fff8ec;--ink:#1f1b17;--line:#1f1b17;--on-color:#fff8ec;--on-gold:#1f1b17;--muted:#6e655c;--faint:#d9cdb8;--dots:#1f1b170f;--accent:#e04a35;--gold:#f0b030;--green:#1e7558;--cobalt:#2c4aae;--grey:#6e655c;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#171412;--card:#2a2420;--ink:#f3eada;--line:#050404;--muted:#a99d8f;--faint:#3d3530;--dots:#fff8ec0d;--accent:#e8573f;--green:#278a67;--cobalt:#3a5bc7;--grey:#857a6f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-size:16px}body{background-image:radial-gradient(var(--dots) 1px, transparent 1px);background-size:18px 18px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}.screen{width:100%;max-width:600px;min-height:100dvh;padding:max(env(safe-area-inset-top), 12px) 16px max(env(safe-area-inset-bottom), 16px);flex-direction:column;margin:0 auto;display:flex}.slide-forward{animation:.32s cubic-bezier(.2,.8,.2,1) slide-forward}@keyframes slide-forward{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}.content{flex-direction:column;flex:1;gap:16px;padding:8px 0 20px;display:flex}.footer{background:linear-gradient(to bottom, transparent, var(--paper) 14px);gap:12px;padding:18px 0 0;display:flex;position:sticky;bottom:0}.header{grid-template-columns:minmax(52px,1fr) auto minmax(52px,1fr);align-items:center;gap:8px;min-height:52px;display:grid}.header-title{text-align:center;font-family:var(--serif);font-size:22px;font-weight:900;line-height:1.1}.header-subtitle{text-align:center;color:var(--muted);margin-top:2px;font-size:13px;font-weight:600}.row{align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.center{text-align:center}.big-title{font-family:var(--serif);letter-spacing:-.5px;text-align:center;margin:0;font-size:34px;font-weight:900;line-height:1.05}.title{font-family:var(--serif);margin:0;font-size:21px;font-weight:900}.caption{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.label{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:900}.panel{background:var(--card);border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.panel.gold{background:var(--gold);color:var(--on-gold)}.btn{border:2px solid var(--line);background:var(--accent);min-height:54px;color:var(--on-color);font-family:var(--serif);box-shadow:3px 3px 0 var(--line);border-radius:16px;flex:1;padding:12px 18px;font-size:19px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.btn:active:not(:disabled){box-shadow:0 0 0 var(--line);transform:translate(3px,3px)}.btn.secondary{background:var(--card);color:var(--ink)}.btn.green{background:var(--green)}.btn:disabled{opacity:.45}.link{color:var(--accent);background:0 0;border:none;padding:8px;font-size:15px;font-weight:700}.link.muted{color:var(--muted)}.icon-btn{border:2px solid var(--line);background:var(--card);width:44px;height:44px;box-shadow:2px 2px 0 var(--line);border-radius:14px;flex:none;place-items:center;padding:0;font-size:20px;display:grid}.chip{border:2px solid var(--line);background:var(--card);text-align:left;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:15px;font-weight:700;display:inline-flex}.chip.on{background:var(--gold);color:var(--on-gold);box-shadow:2px 2px 0 var(--line)}.chip:disabled{opacity:1}.chip:disabled:not(.on){opacity:.4}.chip small{color:var(--muted);margin-left:auto;font-weight:600}.chip.on small{color:var(--on-gold)}.chips{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.input{border:2px solid var(--line);background:var(--card);border-radius:14px;outline:none;width:100%;min-height:52px;padding:12px 14px;font-size:18px;font-weight:700}.input:focus{box-shadow:3px 3px 0 var(--cobalt)}.code-input{text-transform:uppercase;letter-spacing:6px;text-align:center;font-family:var(--serif);font-size:24px;font-weight:900}.check{cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.check input{width:20px;height:20px;accent-color:var(--green)}.stamp{border:2px solid var(--line);color:var(--on-color);font-family:var(--serif);text-align:center;border-radius:12px;align-self:center;padding:6px 14px;font-size:22px;font-weight:900;transform:rotate(-3deg)}.sticker{background:var(--gold);color:var(--on-gold);border:2px solid var(--line);font-family:var(--serif);border-radius:8px;padding:4px 12px;font-size:18px;font-style:italic;font-weight:600;display:inline-block;transform:rotate(-3deg)}.badge{border:1.5px solid var(--line);background:var(--gold);color:var(--on-gold);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800}.error-text{color:var(--accent);text-align:center;margin:0;font-size:14px;font-weight:700}.avatar{border:2px solid var(--line);font-family:var(--serif);color:var(--on-color);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.offline{opacity:.4;filter:grayscale()}.player-row{align-items:center;gap:12px;min-height:52px;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;font-weight:800;overflow:hidden}.player-name small{color:var(--muted);font-size:13px;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:14px;padding:4px;display:grid}.card-slot{aspect-ratio:5/7;background:0 0;border:none;padding:0;transition:transform .15s;position:relative}.card-slot:not(:disabled):hover{transform:translateY(-4px)rotate(0)!important}.card-back{border:2.5px solid var(--line);background:repeating-linear-gradient(45deg, #ffffff12 0 6px, transparent 6px 12px), var(--cobalt);width:100%;height:100%;box-shadow:3px 3px 0 var(--line);color:var(--gold);font-family:var(--serif);border-radius:12px;place-items:center;font-size:40px;font-weight:900;display:grid}.card-back.inner{outline-offset:-8px;outline:2px solid #f0b03099}.card-slot.taken .card-back{background:var(--faint);color:var(--muted);box-shadow:none}.card-owner{place-items:center;display:grid;position:absolute;inset:0}.flip{perspective:1200px;aspect-ratio:5/7;width:min(300px,80vw);margin:0 auto}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.3,.5,1);position:relative}.flip.shown .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;position:absolute;inset:0}.flip-face.front{transform:rotateY(180deg)}.secret-card{border:3px solid var(--line);background:var(--card);width:100%;height:100%;box-shadow:5px 5px 0 var(--line);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex}.secret-word{font-family:var(--serif);word-break:break-word;font-size:clamp(30px,9vw,44px);font-weight:900;line-height:1.05}.overlay{z-index:20;background:#1f1b1773;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}@media (width>=640px){.overlay{align-items:center}}.sheet{background:var(--paper);border:2px solid var(--line);width:100%;max-width:560px;max-height:88dvh;padding:18px 16px max(env(safe-area-inset-bottom), 18px);border-radius:22px 22px 0 0;flex-direction:column;gap:14px;animation:.25s cubic-bezier(.2,.8,.2,1) rise;display:flex;overflow-y:auto}@media (width>=640px){.sheet{box-shadow:6px 6px 0 var(--line);border-radius:22px}}.menu{z-index:15;background:var(--card);border:2px solid var(--line);min-width:230px;box-shadow:4px 4px 0 var(--line);border-radius:16px;flex-direction:column;padding:6px;animation:.15s fade;display:flex;position:absolute;top:50px;left:0}.menu button{text-align:left;background:0 0;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:700}.menu button:hover{background:var(--paper)}.menu button.danger{color:var(--accent)}.toast{left:50%;bottom:max(env(safe-area-inset-bottom), 20px);z-index:30;background:var(--ink);max-width:calc(100vw - 32px);color:var(--paper);text-align:center;border-radius:14px;padding:12px 18px;font-size:15px;font-weight:700;animation:.25s rise;position:fixed;transform:translate(-50%)}.toast.error{background:var(--accent);color:var(--on-color);border:2px solid var(--line)}.banner{z-index:40;background:var(--gold);color:var(--on-gold);border-bottom:2px solid var(--line);padding:max(env(safe-area-inset-top), 8px) 16px 8px;text-align:center;font-size:14px;font-weight:800;position:fixed;top:0;left:0;right:0}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.fan{width:220px;height:170px;margin:0 auto 24px;position:relative}.fan>div{width:110px;height:156px;position:absolute}.logo{font-family:var(--serif);letter-spacing:-1px;margin:0;font-size:56px;font-weight:900;line-height:1}.photo-btn{background:0 0;border:none;padding:0;position:relative}.photo-btn .edit{border:2px solid var(--line);background:var(--gold);width:28px;height:28px;color:var(--on-gold);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;bottom:-4px;right:-4px}.stepper{align-items:center;gap:10px;display:flex}.stepper button{border:2px solid var(--line);background:var(--card);width:40px;height:40px;box-shadow:2px 2px 0 var(--line);border-radius:12px;font-size:20px;font-weight:900}.stepper button:disabled{opacity:.35;box-shadow:none}.stepper .value{text-align:center;min-width:28px;font-family:var(--serif);font-size:24px;font-weight:900}.code-display{font-family:var(--serif);letter-spacing:8px;font-size:44px;font-weight:900;line-height:1}.order-item{border-radius:14px;align-items:center;gap:12px;padding:8px 10px;display:flex}.order-item.first{background:var(--card);color:var(--ink);border:2px solid var(--line)}.order-num{width:26px;font-family:var(--serif);text-align:center;font-size:20px;font-weight:900}.vote-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.vote-tile{border:2px solid var(--line);background:var(--card);box-shadow:3px 3px 0 var(--line);border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:14px 8px;font-weight:800;display:flex}.vote-tile:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.vote-tile span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.podium{align-items:flex-end;gap:10px;display:flex}.podium>div{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.podium-block{border:2px solid var(--line);border-radius:12px;align-content:start;align-self:stretch;justify-items:center;padding-top:8px;font-size:30px;display:grid}.word-box{border:2px solid var(--line);background:var(--card);text-align:center;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;padding:14px;display:flex}.clue-row{border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.clue-row.current{background:var(--gold);color:var(--on-gold);border-color:var(--line)}.clue-row.out{opacity:.45}.clue-row.out .player-name{text-decoration:line-through}.clues{flex-wrap:wrap;gap:6px;min-height:4px;margin-top:4px;display:flex}.clue{border:2px solid var(--line);background:var(--card);color:var(--ink);box-shadow:2px 2px 0 var(--line);font-family:var(--serif);overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:5px 13px;font-size:20px;font-weight:900;line-height:1.2}.clue.latest{background:var(--gold);color:var(--on-gold);animation:.45s cubic-bezier(.3,1.6,.5,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.spotlight{text-align:center;align-items:center;gap:6px;animation:.45s cubic-bezier(.3,1.6,.5,1) pop}.spotlight-word{font-family:var(--serif);overflow-wrap:anywhere;font-size:clamp(30px,10vw,44px);font-weight:900;line-height:1.05}.vote-tile .clues{justify-content:center}.vote-tile .clue{box-shadow:none;padding:3px 10px;font-size:16px}.clue.skipped{font-family:var(--sans);box-shadow:none;color:var(--muted);border-style:dashed;font-size:13px;font-weight:600}.clue.pending{font-family:var(--sans);box-shadow:none;color:inherit;background:0 0;border-style:dashed;font-size:13px}.vote-tile.chosen{background:var(--gold);color:var(--on-gold)}.vote-tile.faded{opacity:.35}.vote-tile:disabled{cursor:default}.vote-count{border:2px solid var(--line);background:var(--accent);min-width:26px;height:26px;color:var(--on-color);border-radius:999px;place-items:center;padding:0 6px;font-size:14px;font-weight:900;display:grid;position:absolute;top:-6px;right:-10px}.voters{flex-wrap:wrap;justify-content:center;gap:3px;min-height:26px;display:flex}.voters>span{border-radius:50%;padding:1px}.voters>span.locked{outline:2.5px solid var(--line)}.voters>span.draft{outline:2px dashed var(--muted);opacity:.75}.narrow{width:100%;max-width:560px;margin-left:auto;margin-right:auto}.columns{flex-direction:column;gap:16px;display:flex}.columns>div{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width>=900px){.screen{max-width:1200px;padding-left:32px;padding-right:32px}.content{padding-top:16px}.footer{align-self:center;width:100%;max-width:560px}.columns{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:24px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:22px;width:100%;max-width:960px;margin:0 auto}.vote-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.clue-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px 16px;display:grid}.flip{width:340px}}