*{box-sizing:border-box}:root{color:#231f20;background:#f5efe5;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif;font-synthesis:none;--ink: #231f20;--paper: #fffaf2;--canvas: #f5efe5;--accent: #f97316;--muted: #746d66;--line: #d8d0c7;--success: #15803d;--danger: #b91c1c}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;background:radial-gradient(circle at 15% 0%,#fed7aa 0,transparent 26rem),var(--canvas);-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{min-height:3rem;cursor:pointer}button:focus-visible,input:focus-visible{outline:4px solid #2563eb;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin-top:0}h1{margin-bottom:.7rem;font-size:clamp(2.25rem,11vw,3.5rem);line-height:.95;letter-spacing:-.06em}h1 span{color:var(--accent)}h2{margin-bottom:.6rem;font-size:1.45rem;line-height:1;letter-spacing:-.03em}.app{width:min(100%,31rem);min-height:100dvh;margin:auto;padding:max(.75rem,env(safe-area-inset-top)) 1rem max(3.5rem,env(safe-area-inset-bottom))}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-bottom:1.5rem}.brand{display:grid;width:3rem;min-height:3rem;padding:0;place-items:center;border:2px solid var(--ink);border-radius:.85rem;color:#fff;background:var(--ink);font-weight:950;box-shadow:.22rem .25rem 0 var(--accent);transform:rotate(-5deg)}.eyebrow{margin-bottom:.25rem;color:var(--accent);font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.topbar p{margin:0}.topbar strong{font-size:.85rem}.icon-button,.text-button{min-height:2.5rem;padding:.45rem .6rem;border:0;color:var(--ink);background:transparent;font-size:.78rem;font-weight:900;text-decoration:underline;text-underline-offset:.2rem}.screen,.stack{display:grid;gap:1rem}.entry-screen{min-height:calc(100dvh - 7rem);align-content:center}.lead{color:var(--muted);font-size:1.05rem;line-height:1.5}.card{padding:1.15rem;border:2px solid var(--ink);border-radius:1.35rem;background:#fff;box-shadow:.3rem .35rem #fdba74}label{display:grid;gap:.35rem;font-size:.8rem;font-weight:900}input:not([type=range]){width:100%;min-height:3.2rem;padding:.75rem .85rem;border:2px solid var(--ink);border-radius:.9rem;color:var(--ink);background:#fff}.code-input{font-size:1.5rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.primary,.secondary,.candidate{border:2px solid var(--ink);border-radius:1rem;font-weight:950}.primary{width:100%;padding:.85rem 1rem;color:#fff;background:var(--ink);box-shadow:0 .3rem 0 var(--accent)}.secondary{width:100%;padding:.85rem 1rem;color:var(--ink);background:#fff;box-shadow:0 .22rem 0 var(--ink)}.notice{margin:0;padding:.8rem .9rem;border-left:4px solid var(--accent);background:#fff7ed;line-height:1.4}.notice.error{border-color:var(--danger);background:#fef2f2;color:#7f1d1d}.notice.success{border-color:var(--success);background:#f0fdf4;color:#14532d}.invite{display:grid;justify-items:center;gap:.65rem}.invite img{width:min(65vw,13rem);height:auto;image-rendering:pixelated}.join-code{font-size:2.2rem;letter-spacing:.2em}.player-list,.score-list,.rating-list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.player-list li,.score-list li{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem .85rem;border:2px solid var(--line);border-radius:.9rem;background:#fff}.player-list span,.score-list span{display:grid;gap:.15rem}.player-list small,.score-list small{color:var(--muted)}.round-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.timer{flex:0 0 auto;font-size:2.5rem;font-weight:950;line-height:1;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.secret-card{text-align:center}.secret-card span{display:block;margin-bottom:.5rem;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.secret-card strong{display:block;padding:.6rem;border-bottom:3px solid var(--accent);font-size:2rem}.hints{display:grid;gap:.75rem;border-color:var(--accent);box-shadow:none}.hints-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hints-header h2,.hints-header p{margin-bottom:0}.badge{padding:.3rem .6rem;border-radius:999px;color:#fff;background:var(--ink);font-size:.72rem;font-weight:950}.spectrum{display:grid;gap:.4rem;padding:.7rem .8rem;border:2px solid var(--line);border-radius:.85rem;background:#fff}.spectrum-title,.spectrum-labels,.scale-labels{display:flex;justify-content:space-between;gap:.75rem}.spectrum-title{align-items:baseline}.spectrum-labels{color:var(--muted);font-size:.82rem;font-weight:850}.spectrum-track{position:relative;height:.65rem;margin:.3rem .4rem;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(90deg,#dbeafe,#ffedd5)}.spectrum-marker{position:absolute;top:50%;width:1.15rem;height:1.15rem;border:2px solid white;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--ink);transform:translate(-50%,-50%)}input[type=range]{width:100%;min-height:3rem;accent-color:var(--accent)}.rating-value{margin:0;text-align:center;font-weight:950}.candidate-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.candidate-slot{position:relative}.candidate{display:grid;min-height:3.8rem;padding:.55rem;place-items:center;color:var(--ink);background:#fff}.candidate small{display:block;color:var(--danger)}.candidate.wrong{border-style:dashed;background:#e7e5e4;text-decoration:line-through}.candidate.excluded{border-color:#a8a29e;color:#78716c;background:#f5f5f4;text-decoration:line-through;opacity:.6}.exclude-toggle{position:absolute;top:-.45rem;right:-.45rem;display:grid;width:1.9rem;min-height:1.9rem;padding:0;place-items:center;border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:#fff;font-size:.8rem;font-weight:950}.exclude-toggle[aria-pressed=true]{color:#fff;background:#78716c;border-color:#78716c}.muted{margin:0;color:var(--muted);font-size:.84rem;line-height:1.4}.standings li:first-child{border-color:var(--accent);box-shadow:.25rem .3rem #fdba74}.connection{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(.7rem,env(safe-area-inset-bottom));display:flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border:1px solid var(--line);border-radius:999px;background:#ffffffeb;font-size:.7rem;font-weight:900}.connection span{width:.55rem;height:.55rem;border-radius:50%}.connection .online{background:var(--success)}.connection .offline{background:var(--danger)}.reconnect{position:fixed;inset:0;z-index:20;display:grid;padding:1rem;place-items:center;background:#231f20d1;text-align:center}.reconnect .card{width:min(100%,24rem)}.spinner{width:3rem;height:3rem;margin:0 auto 1rem;border:.35rem solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.update{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.4rem .7rem;margin-bottom:1rem;padding:.65rem .75rem;border:2px solid var(--ink);border-radius:.8rem;background:#fff;font-size:.82rem;font-weight:900}.update button{min-height:2.2rem;border:0;border-radius:.6rem;color:#fff;background:var(--ink);font-weight:900}.update small{grid-column:1 / -1;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:22rem){.candidate-grid{grid-template-columns:1fr}.topbar strong{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}