: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}*{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}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:var(--border-w) solid var(--ink);outline-offset:3px}.app{max-width:1080px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;min-height:100vh}.app__header{text-align:center;margin-bottom:28px}.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)}.locales{display:flex;justify-content:flex-end;gap:6px;margin-bottom:16px}.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}.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}.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)}.card{background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.home{max-width:460px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.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}.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)}.home__form{display:flex;flex-direction:column;gap:18px}.radio{display:flex;gap:10px;align-items:flex-start;background:var(--paper-2);border:var(--border);box-shadow:var(--shadow-xs);padding:12px;cursor:pointer;font-size:.9rem;color:var(--text-dim);margin-bottom:8px}.radio strong{color:var(--ink)}.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}.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)}.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}.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;gap:12px;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}.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}.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}.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{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__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__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}.postit__tag--host{background:var(--primary);color:var(--on-dark)}.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}.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}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#14110f8c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal__box{max-width:380px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-lg)}.modal__actions{display:flex;justify-content:flex-end;gap:12px}@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)}.wall{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px}.panel,.home{padding:18px}.room__bar{grid-template-columns:1fr auto;gap:12px}.room__code{grid-area:1 / 1}.room__leave{grid-area:1 / 2}.room__count{grid-area:2 / 1 / 3 / -1}}@media(prefers-reduced-motion:reduce){.locales__btn,.tabs__btn,.btn,.room__code-value,.roster__item,.postit:hover .postit__paper,.postit__paper{transition:none}}