.picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px}.picker__btn{aspect-ratio:1;background:var(--paper-2);border:var(--border);box-shadow:var(--shadow-xs);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;transition:transform .08s,box-shadow .08s,background .12s}.picker__btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.picker__btn--active{background:var(--accent);transform:translate(2px,2px);box-shadow:none}.picker__dice{background:none;border:none;padding:0 0 0 6px;cursor:pointer;font-size:.9rem;line-height:1}@media(prefers-reduced-motion:reduce){.picker__btn{transition:none}}.auth{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;overflow:auto;background:var(--paper);color:var(--ink);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-family:var(--font-body)}.auth::backdrop{background:#14110f8c}.auth__panel{gap:16px}.auth__close{background:none;border:none;padding:0 0 0 6px;cursor:pointer;font-size:1rem;line-height:1;color:var(--text-dim)}.auth__warning{text-align:right}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--avatar-tint, var(--accent));border:2px solid var(--ink);box-shadow:var(--shadow-xs);line-height:1}.avatar--sm{width:24px;height:24px;font-size:.85rem}.avatar--md{width:34px;height:34px;font-size:1.15rem}.avatar--lg{width:48px;height:48px;font-size:1.6rem;border:var(--border);box-shadow:var(--shadow-sm)}.account__btn{display:flex;align-items:center;gap:8px;max-width:180px;background:var(--paper);color:var(--ink);border:var(--border);box-shadow:var(--shadow-xs);padding:5px 12px;cursor:pointer;font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:transform .08s,box-shadow .08s,background .12s}.account__btn:hover{background:var(--accent)}a.account__btn{text-decoration:none}.account__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.account__btn{transition:none}}.locales{display:flex;justify-content:flex-end;margin-left:auto;gap:6px}.locales__btn{background:var(--paper);color:var(--ink);border:var(--border);box-shadow:var(--shadow-xs);padding:5px 12px;cursor:pointer;font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:transform .08s,box-shadow .08s,background .12s}.locales__btn:hover{background:var(--accent)}.locales__btn--active{background:var(--ink);color:var(--on-dark);transform:translate(2px,2px);box-shadow:none}@media(prefers-reduced-motion:reduce){.locales__btn{transition:none}}.app{max-width:1080px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;min-height:100vh}@supports (height: 100dvh){.app{min-height:100dvh}}.app__header{text-align:center;margin-bottom:28px}.app__bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.app__title{display:inline-block;margin:0;padding:10px 22px;font-family:var(--font-display);font-size:clamp(2rem,8vw,3.2rem);font-weight:400;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);background:var(--accent);border:var(--border);box-shadow:var(--shadow);transform:rotate(-1.5deg)}.app__title-link{color:inherit;text-decoration:none}.app__tagline{margin:16px 0 0;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--text-dim)}.app__main{flex:1}.app__footer{margin-top:40px;display:flex;flex-direction:column;gap:10px;text-align:center;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim)}.app__footer-line{margin:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.app__footer-dot{opacity:.5}@media(max-width:480px){.app{padding:20px 14px 40px}}.legal{max-width:680px;margin:0 auto;text-align:left}.legal__section{display:flex;flex-direction:column;gap:6px}.legal__heading{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.legal__body{margin:0;font-size:.95rem;font-weight:500;line-height:1.55}.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:20px}.postit{margin:0;display:flex;flex-direction:column;gap:10px}.postit__paper{position:relative;background:var(--paper-tint, var(--accent));color:var(--ink);border:var(--border);border-radius:var(--radius);min-height:100px;padding:14px 12px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-display);font-weight:400;font-size:1.05rem;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere;box-shadow:var(--shadow);transform:rotate(-1.6deg);transition:transform .1s,box-shadow .1s}.postit:nth-child(2n) .postit__paper{transform:rotate(1.8deg)}.postit:hover .postit__paper{transform:rotate(0) translate(-2px,-2px);box-shadow:var(--shadow-lg)}.postit__seat{position:absolute;top:-2px;left:-2px;min-width:22px;padding:1px 4px;background:var(--ink);color:var(--on-dark);font-family:var(--font-display);font-size:.7rem;line-height:1.5}.postit__secret{letter-spacing:.3em;opacity:.5}.postit__pending{font-family:var(--font-body);font-weight:600;font-style:italic;text-transform:none;opacity:.6;font-size:.9rem}.postit--mine .postit__paper{border-style:dashed}.postit--turn .postit__paper{box-shadow:0 0 0 var(--border-w) var(--primary),var(--shadow)}.postit--found .postit__paper{background-image:repeating-linear-gradient(-45deg,rgba(20,17,15,.14) 0 6px,transparent 6px 14px)}.postit__who{display:flex;flex-direction:column;align-items:center;gap:5px}.postit__name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;font-weight:700;font-size:.92rem}.postit__status{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--ink);padding:2px 8px}.postit__status--found{background:var(--win);color:var(--ink)}.postit__status--turn{background:var(--primary);color:var(--on-dark)}.postit__misses{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.postit__misses li{font-size:.68rem;font-weight:600;color:var(--text-dim);text-decoration:line-through;background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--radius);padding:1px 6px}@media(max-width:480px){.wall{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px}.postit__paper{font-size:.95rem;padding:12px 8px}}@media(prefers-reduced-motion:reduce){.postit__paper,.postit:hover .postit__paper{transition:none}}.order{display:flex;flex-direction:column;gap:10px;background:var(--paper-2);border:var(--border);box-shadow:var(--shadow-xs);padding:12px 14px}.order__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.order__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.order__hint{font-size:.75rem;font-weight:600;color:var(--text-dim)}.order__ring{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.order__seat{display:flex;align-items:center;gap:7px;background:var(--paper);border:2px solid var(--ink);padding:4px 9px 4px 4px;font-size:.82rem;font-weight:700;animation:deal .28s ease-out backwards;animation-delay:calc(var(--deal, 0) * 55ms)}.order__rank{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--ink);color:var(--on-dark);font-family:var(--font-display);font-size:.7rem}.order__seat--you{background:var(--accent)}.order__seat--turn{box-shadow:0 0 0 2px var(--primary)}.order__seat--found{opacity:.55}.order__seat--found .order__name{text-decoration:line-through}@keyframes deal{0%{opacity:0;transform:translateY(-8px) rotate(-4deg)}}@media(prefers-reduced-motion:reduce){.order__seat{animation:none}}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.roster__item{display:flex;align-items:center;gap:10px;background:var(--paper-2);border:var(--border);box-shadow:var(--shadow-xs);padding:11px 14px;transition:transform .08s,box-shadow .08s}.roster__item:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.roster__name{font-weight:700}@media(prefers-reduced-motion:reduce){.roster__item{transition:none}}.notes{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;position:sticky;top:16px}.notes__toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;padding:5px 0;min-height:28px;cursor:pointer;font-family:var(--font-body);color:var(--ink)}.notes__title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.notes__chevron{font-size:.7rem}.notes__area{background:var(--paper);border:2px solid var(--ink);box-shadow:inset var(--shadow-xs);padding:8px 10px;min-height:190px;color:var(--ink);font-family:var(--font-body);font-size:.8rem;font-weight:500;line-height:1.5;resize:vertical;background-image:linear-gradient(rgba(20,17,15,.08) 1px,transparent 1px);background-size:100% 1.5em;background-attachment:local}.notes__area:focus{outline:none;box-shadow:var(--shadow-xs)}.notes__foot{display:flex;flex-direction:column;align-items:stretch;gap:8px}.notes__hint{font-size:.65rem;font-weight:600;line-height:1.35;color:var(--text-dim)}.notes__clear{padding:6px 10px;font-size:.65rem;box-shadow:var(--shadow-xs)}@media(max-width:820px){.notes{position:static}.notes__area{min-height:140px}.notes__foot{flex-direction:row;align-items:center;justify-content:space-between}}@media(pointer:coarse){.notes__area{font-size:16px}}.spectators{display:flex;flex-direction:column;gap:10px;padding:14px 18px;background:var(--paper-2)}.spectators__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.spectators__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.spectators__item{display:flex;align-items:center;gap:7px;background:var(--paper);border:2px solid var(--ink);border-style:dashed;padding:4px 10px;font-size:.82rem;font-weight:700}.spectators__hint{margin:0;font-size:.72rem;font-weight:600;color:var(--text-dim)}.room{display:flex;flex-direction:column;gap:20px}.room__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 18px}.room__code{justify-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:100%}.room__code-label{font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em}.room__code-value{background:var(--accent);border:var(--border);box-shadow:var(--shadow-xs);color:var(--ink);font-family:var(--font-display);font-size:1.3rem;font-weight:400;letter-spacing:.2em;cursor:pointer;display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:12px;max-width:100%;padding:6px 14px;transition:transform .08s,box-shadow .08s}.room__code-value:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.room__code-value:active{transform:translate(2px,2px);box-shadow:none}.room__code-hint{font-family:var(--font-body);font-size:.65rem;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;font-weight:700;opacity:.65;min-width:7ch;text-align:left}.room__count{justify-self:center;background:var(--paper-2);border:var(--border);box-shadow:var(--shadow-xs);padding:6px 14px;color:var(--text-dim);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.room__leave{justify-self:end}.room__body{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.room__body--noted{grid-template-columns:minmax(0,1fr) 250px}.room__main{display:flex;flex-direction:column;gap:20px;min-width:0}@media(max-width:820px){.room__body--noted{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.room__bar{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 14px}.room__code{grid-area:1 / 1}.room__leave{grid-area:1 / 2;padding:11px 14px}.room__count{grid-area:2 / 1 / 3 / -1}.room__code-value{font-size:1.15rem;letter-spacing:.14em;gap:8px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.room__code-value{transition:none}}.home{max-width:460px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.home__form{display:flex;flex-direction:column;gap:18px}.tabs{display:flex;gap:10px;padding:0}.tabs__btn{flex:1;background:var(--paper-2);color:var(--ink);border:var(--border);box-shadow:var(--shadow-sm);padding:12px 10px;cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:transform .08s,box-shadow .08s,background .12s}.tabs__btn:hover:not(.tabs__btn--active){transform:translate(-2px,-2px);box-shadow:var(--shadow)}.tabs__btn--active{background:var(--primary);color:var(--on-dark);transform:translate(3px,3px);box-shadow:none}@media(max-width:480px){.home{padding:18px}}@media(prefers-reduced-motion:reduce){.tabs__btn{transition:none}}@layer base{:root{color-scheme:light;--ink: #14110f;--paper: #fffdf7;--paper-2: #f3ecdb;--bg: #fff4e0;--primary: #2e5eff;--primary-strong: #1b45d6;--accent: #ffd23f;--violet: #b084ff;--danger: #ff4d4d;--win: #00d68f;--lose: #ff8a3d;--text: var(--ink);--text-dim: #5b544d;--on-dark: #fffdf7;--border-w: 3px;--border: var(--border-w) solid var(--ink);--radius: 0px;--shadow-xs: 2px 2px 0 var(--ink);--shadow-sm: 4px 4px 0 var(--ink);--shadow: 6px 6px 0 var(--ink);--shadow-lg: 10px 10px 0 var(--ink);--font-display: "Archivo Black", "Arial Black", Impact, system-ui, sans-serif;--font-body: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(max-width:480px){:root{--border-w: 2px;--shadow-sm: 3px 3px 0 var(--ink);--shadow: 4px 4px 0 var(--ink);--shadow-lg: 6px 6px 0 var(--ink)}}}@layer base{*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);font-weight:500;color:var(--text);background-color:var(--bg);background-image:linear-gradient(rgba(20,17,15,.07) var(--border-w),transparent var(--border-w)),linear-gradient(90deg,rgba(20,17,15,.07) var(--border-w),transparent var(--border-w));background-size:48px 48px}@supports (height: 100dvh){body{min-height:100dvh}}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:var(--border-w) solid var(--ink);outline-offset:3px}.link{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;padding:1px 3px;transition:background .12s}.link:hover{background:var(--accent)}}@layer base{.card{background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}}@layer base{.panel{padding:24px;display:flex;flex-direction:column;gap:20px}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:1.35rem;text-transform:uppercase;letter-spacing:.01em;text-shadow:3px 3px 0 var(--accent)}.panel__hint{margin:0;font-size:.82rem;font-weight:600;color:var(--text-dim)}.panel__form{display:flex;flex-direction:column;gap:16px}.panel__actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}@media(max-width:480px){.panel{padding:18px}}}@layer base{.btn{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:13px 20px;font-family:var(--font-body);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:transform .08s,box-shadow .08s,background .12s}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow)}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:none}.btn:disabled{cursor:not-allowed;background:var(--paper-2);color:#9c948a;box-shadow:none;transform:translate(4px,4px)}.btn--primary{background:var(--primary);color:var(--on-dark)}.btn--primary:hover:not(:disabled){background:var(--primary-strong)}.btn--ghost{background:var(--paper);color:var(--ink)}.btn--ghost:hover:not(:disabled){background:var(--violet)}.btn--danger{background:var(--danger);color:var(--on-dark)}a.btn{display:inline-block;text-align:center;text-decoration:none}@media(prefers-reduced-motion:reduce){.btn{transition:none}}}@layer base{.field{display:flex;flex-direction:column;gap:8px;border:none;margin:0;padding:0}.field__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.field__input{background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:inset var(--shadow-xs);padding:13px 14px;color:var(--ink);font-family:var(--font-body);font-size:1rem;font-weight:600}.field__input::placeholder{color:#9c948a;font-weight:500}.field__input:focus{outline:none;background:var(--accent);box-shadow:var(--shadow-sm)}.field__input--code{letter-spacing:.35em;text-transform:uppercase;font-weight:700;font-family:var(--font-display)}}@layer base{.alert{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px;margin:0;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:.95rem;font-weight:600;color:var(--ink)}.alert--info{background:var(--violet)}.alert--error{background:var(--danger);color:var(--on-dark)}.alert--win{background:var(--win)}.alert--lose{background:var(--lose)}}@layer base{.tag{background:var(--ink);color:var(--on-dark);border:2px solid var(--ink);border-radius:var(--radius);padding:1px 7px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.tag--host{background:var(--primary);color:var(--on-dark)}}