:root{--bg: #1e1f22;--surface: #2b2d31;--surface-hover: #35373c;--text: #dbdee1;--muted: #949ba4;--accent: #5865f2;--danger: #f23f42;--team-a: #e05252;--team-b: #5271e0;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color-scheme:dark}@media(pointer:coarse)and (orientation:portrait){:root{--safe-top: max(env(safe-area-inset-top, 0px), 48px)}}@media(pointer:coarse)and (orientation:landscape){:root{--safe-left: max(env(safe-area-inset-left, 0px), 20px);--safe-right: max(env(safe-area-inset-right, 0px), 20px)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:gg sans,Noto Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%;overflow-x:hidden}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}main{max-width:720px;margin:0 auto;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 48px) calc(var(--safe-left) + 16px)}main.centered{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}h1{font-size:20px;margin:0}h2{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 10px}section+section{margin-top:28px}.spacer{flex:1}.who{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;min-width:0;max-width:45vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.who img{border-radius:50%}.badge{background:var(--surface);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px}.error{color:var(--danger);max-width:48ch}.muted{color:var(--muted)}.empty{background:var(--surface);border-radius:10px;padding:16px 18px}.empty p{margin:0;color:var(--muted)}code{background:#0000004d;border-radius:4px;padding:1px 5px;font-size:13px}.pack-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{background:var(--surface);color:var(--text);border:1px solid transparent;border-radius:999px;padding:5px 13px;font:inherit;font-size:13px;cursor:pointer}.chip:hover{background:var(--surface-hover)}.chip.is-active{border-color:var(--accent);color:#fff}.chip:disabled{opacity:.45;cursor:default}.chip.is-leave{background:transparent;box-shadow:inset 0 0 0 1px var(--surface-hover);color:var(--muted)}.chip.is-leave:hover{background:var(--danger);box-shadow:none;color:#fff}.chip.is-upload{background:transparent;border:1px dashed var(--surface-hover);color:var(--muted)}.chip.is-upload:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.pack-hint{font-size:12px;margin:0 0 18px;max-width:60ch}.upload-progress{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:13px}.upload-progress progress{flex:1;min-width:0;max-width:200px;accent-color:var(--accent)}.board-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.link-button{background:none;border:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:0}.link-button:hover:not(:disabled){color:var(--text);text-decoration:underline}.link-button:disabled{opacity:.4;cursor:default}.board{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(min-width:520px){.board{grid-template-columns:repeat(6,1fr)}}.tile{display:block;width:100%;padding:0;border:2px solid transparent;border-radius:8px;background:var(--surface);color:inherit;font:inherit;cursor:pointer;overflow:hidden;transition:border-color .12s ease,opacity .12s ease}.tile:hover{border-color:var(--accent)}.tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.tile-name{display:block;padding:5px 4px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile.is-flipped{opacity:.35}.tile.is-flipped img{filter:grayscale(1)}.tile.is-flipped .tile-name{text-decoration:line-through}.people{list-style:none;margin:0;padding:0;display:grid;gap:6px}.person{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:8px;padding:6px 12px}.person img{border-radius:50%;flex-shrink:0}.teams{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:560px){.teams{grid-template-columns:1fr 1fr}}.team{background:var(--surface);border-radius:10px;padding:12px;border-top:3px solid var(--muted)}.team-a{border-top-color:var(--team-a)}.team-b{border-top-color:var(--team-b)}.team-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}.team-header h3{margin:0;font-size:15px}.team .people{gap:4px}.team .person{background:#00000038;padding:5px 10px}.empty-team{margin:4px 0 8px;font-size:13px}.person-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person.is-away{opacity:.45}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a;color:var(--muted);border-radius:4px;padding:1px 5px;flex-shrink:0}.tag.is-leader{background:var(--accent);color:#fff}.tick{color:#3ba55d;font-weight:700;flex-shrink:0}.hand-over{font-size:11px;margin:2px 0 4px 38px}.start-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{background:var(--surface);color:var(--text);border:none;border-radius:6px;padding:9px 16px;font:inherit;font-weight:500;cursor:pointer}.button:hover:not(:disabled){background:var(--surface-hover)}.button.is-primary{background:var(--accent);color:#fff}.button.is-primary:hover:not(:disabled){filter:brightness(1.1)}.button:disabled{opacity:.45;cursor:not-allowed}.blockers{list-style:none;margin:0;padding:0;color:var(--muted);font-size:13px}.badge.is-bad{background:var(--danger);color:#fff}.setup-hint{margin-top:14px;max-width:52ch;text-align:left;font-size:13px;color:var(--muted)}.setup-hint summary{cursor:pointer;text-align:center}.setup-hint ul{margin:10px 0 0;padding-left:18px;display:grid;gap:6px}.notice{background:#f23f421f;border-radius:6px;padding:8px 12px;margin:0 0 16px}.button.is-secondary{background:transparent;box-shadow:inset 0 0 0 1px var(--surface-hover)}.button.is-guess{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--danger)}.button.is-guess:hover:not(:disabled){background:var(--danger);color:#fff}.turn,.result{border-radius:10px;padding:12px 16px;border-left:3px solid var(--muted);background:var(--surface)}.turn h2,.result h2{font-size:16px;text-transform:none;letter-spacing:0;color:var(--text);margin:0}.turn-a,.result-a{border-left-color:var(--team-a)}.turn-b,.result-b{border-left-color:var(--team-b)}.result p,.turn p{margin:6px 0 0}.turn p{font-size:13px}.guesses{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}.guess{display:flex;align-items:baseline;gap:8px;background:#00000038;border-radius:6px;padding:5px 10px;font-size:14px}.guess-verdict{margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.guess.is-right .guess-verdict{color:#3ba55d}.guess.is-wrong .guess-verdict{color:var(--danger)}.play-on{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.play-on p{margin:0 0 10px;font-size:13px;color:var(--muted);max-width:60ch}.secret{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#5865f229,#5865f20d);box-shadow:inset 0 0 0 1px #5865f259;border-radius:10px;padding:12px 14px}.secret img{border-radius:8px;flex-shrink:0}.secret h2{font-size:17px;text-transform:none;letter-spacing:0;color:var(--text);margin:0 0 2px}.secret p{margin:0;font-size:12px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ask{display:flex;gap:8px;flex:1;min-width:260px}.ask input{flex:1;min-width:0;background:var(--surface);color:var(--text);border:1px solid var(--surface-hover);border-radius:6px;padding:9px 12px;font:inherit;font-size:16px}.ask input:focus{outline:none;border-color:var(--accent)}.asked{flex:1;min-width:220px;margin:0;font-size:17px}.answer-buttons{display:flex;gap:8px}.confirm{background:var(--surface);border-radius:10px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--danger)}.confirm p{margin:0 0 12px}.confirm-actions{display:flex;gap:8px;flex-wrap:wrap}.log{list-style:none;margin:0;padding:0;display:grid;gap:4px}.log-entry{display:flex;align-items:baseline;gap:10px;background:var(--surface);border-radius:6px;padding:6px 12px;border-left:3px solid var(--muted)}.log-a{border-left-color:var(--team-a)}.log-b{border-left-color:var(--team-b)}.log-team{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);flex-shrink:0;width:4ch}.log-text{flex:1}.log-answer{font-weight:700;text-transform:uppercase;font-size:12px;flex-shrink:0}.log-answer.is-yes{color:#3ba55d}.log-answer.is-no{color:var(--danger)}.log-answer.is-open{color:var(--muted)}.board-switcher{display:flex;align-items:center;gap:8px;margin-top:28px}.board-switcher+section{margin-top:10px}.board.is-guessing .tile:hover{border-color:var(--danger)}.board.is-guessing .tile.is-flipped{opacity:.55}.badge.is-guessing{background:var(--danger);color:#fff}.tile.is-marked{border-color:var(--accent)}.tile-mark{display:block;background:var(--accent);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:2px 4px;text-align:center}.tile:disabled{cursor:default}.tile:disabled:hover{border-color:transparent}.tile.is-marked:disabled:hover{border-color:var(--accent)}.landing{gap:0}.landing h1{font-size:34px;letter-spacing:-.02em}.landing-blurb{max-width:42ch;margin:6px 0 26px}.landing-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:320px;text-align:left}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input,.code-input{background:var(--surface);color:var(--text);border:1px solid var(--surface-hover);border-radius:6px;padding:11px 13px;font:inherit;font-size:16px;width:100%}.field input:focus,.code-input:focus{outline:none;border-color:var(--accent)}.code-input,.room-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.landing-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.landing-or:before,.landing-or:after{content:"";flex:1;height:1px;background:var(--surface-hover)}.join-row{display:flex;gap:8px}.join-row .code-input{flex:1;min-width:0}.chip.is-code{display:inline-flex;align-items:baseline;gap:8px;background:transparent;box-shadow:inset 0 0 0 1px var(--surface-hover)}.chip.is-code .room-code{font-size:13px;font-weight:600;color:var(--text)}.code-action{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.chip.is-code.is-active .code-action{color:#3ba55d}@media(hover:none){.chip:hover,.tile:hover,.board.is-guessing .tile:hover,.chip.is-leave:hover,.button.is-guess:hover:not(:disabled){background:inherit;border-color:transparent;color:inherit}.chip.is-active,.tile.is-marked{border-color:var(--accent)}.link-button:hover:not(:disabled){text-decoration:none;color:var(--muted)}}@media(pointer:coarse){.chip{padding:12px 16px}.button{padding:13px 18px}.link-button{padding:12px 0}.answer-buttons .button{flex:1;padding:15px 18px}.hand-over{font-size:13px}}@media(max-width:480px){.who-name{display:none}.blockers{flex-basis:100%;margin-top:4px}.ask{flex-basis:100%;min-width:0}.actions>.button,.confirm-actions .button{flex:1}}@media(max-width:420px){main{padding-left:calc(var(--safe-left) + 12px);padding-right:calc(var(--safe-right) + 12px)}header{gap:8px;margin-bottom:16px}section+section{margin-top:20px}.board{gap:6px}.secret img{width:72px;height:72px}.start-row .button{flex:1}}