:root{font-family:Arial Black,Impact,Haettenschweiler,Segoe UI,sans-serif;color:#f5f7fb;background:#1b2028;text-rendering:optimizeLegibility;font-synthesis:none}*{box-sizing:border-box}html{background:#1b2028}body{margin:0;background:radial-gradient(circle at top,rgba(53,61,77,.55),transparent 36%),#1b2028;color:#f5f7fb}button,input{font:inherit}a{color:inherit;text-decoration:none}#root,.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08);background:#161b22eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-inner,.app-body{width:min(100% - 32px,1360px);margin:0 auto}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.brand-mark{color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.04em}.topnav{display:flex;align-items:center;gap:10px}.nav-link{padding:9px 12px;border-radius:6px;color:#c0c9d7;font-size:.95rem;font-weight:600}.nav-link:hover,.nav-link.is-active{background:#ffffff14;color:#fff}.app-body{padding:26px 0 48px}.eyebrow,.play-date,.stat-label,.field,.secondary-link,.error-text,.results-row-label{font-size:.92rem}.eyebrow,.play-date,.stat-label,.field,.results-row-label{color:#b2bdcd}.play-layout,.archive-layout,.auth-layout,.home-hero{width:min(100%,1360px);margin:0 auto}.play-layout{min-height:calc(100vh - 122px)}.game-round,.reveal-panel,.results-card,.auth-panel,.empty-state,.home-hero{background:#242a34;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 18px 48px #00000047}.game-round,.reveal-panel,.results-card,.auth-panel,.home-hero{padding:18px}.game-round,.reveal-panel,.results-card,.archive-layout,.stack,.reveal-summary,.hero-actions,.hero-archive{display:grid;gap:18px}.game-round,.reveal-panel{min-height:calc(100vh - 122px);display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}.home-hero{min-height:calc(100vh - 160px);display:grid;align-content:center;justify-items:center;gap:24px;padding:40px 24px;text-align:center}.hero-title{margin:0;color:#fff;font-size:clamp(3.8rem,11vw,8rem);line-height:.94;font-weight:900}.hero-actions{width:min(100%,540px)}.hero-button{min-height:52px}.hero-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 18px;border-radius:6px;background:#f6b83f;color:#17120a;font-weight:700}.play-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.side-panel{display:grid;grid-template-rows:auto auto 1fr;gap:16px;min-width:0}.play-meta p,.archive-header p,.results-card p,.empty-state p{margin:0}.play-date{margin-top:4px}.play-meta-compact{justify-content:flex-end}.round-badge{margin:0;padding:8px 12px;border-radius:999px;background:#ffffff12;color:#edf2fa;font-size:.92rem;font-weight:600;white-space:nowrap}.photo-stage{position:relative;overflow:hidden;min-height:0;border-radius:8px;background:#161b22;border:1px solid rgba(255,255,255,.06)}.round-image{display:block;width:100%;height:100%;object-fit:contain}.guess-panel,.reveal-summary{display:grid;align-content:start;gap:16px;padding:18px;border-radius:8px;background:#1d222b;border:1px solid rgba(255,255,255,.06)}.guess-field{flex:1}.field{display:grid;gap:8px;font-weight:600}.field input{min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#10151c;color:#f8fbff;font-weight:700;text-transform:uppercase}.field span{display:block}.score-box{display:grid;gap:6px;padding:16px;border-radius:8px;background:#ffffff0a}.score-box strong{font-size:2rem;color:#fff;line-height:1}button{min-height:48px;padding:0 18px;border:0;border-radius:6px;background:#f6b83f;color:#17120a;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover:enabled{filter:brightness(1.03);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}.reveal-stat{display:grid;gap:6px;padding:14px;border-radius:6px;background:#ffffff0a}.reveal-stat strong{font-size:1rem}.reveal-message{margin:0;padding:16px;border-radius:8px;background:#ffffff0a;color:#fff;line-height:1.4}.reveal-message strong{font-size:1.35rem}.round-points{display:grid;gap:10px}.round-points-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.round-points-meta strong{color:#fff}.points-bar{height:12px;overflow:hidden;border-radius:999px;background:#ffffff14}.points-bar-fill{height:100%;border-radius:inherit;background:#f6b83f}.results-layout{max-width:720px}.results-card h2,.auth-panel h2,.empty-state h2,.archive-title{margin:0;color:#fff;letter-spacing:.02em}.results-total{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff}.results-breakdown{display:grid;gap:10px}.results-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.results-pill{min-width:88px;padding:8px 12px;border-radius:999px;text-align:center;font-weight:700;color:#fff}.results-pill.is-perfect{background:#2fb66c}.results-pill.is-great{background:#66b65a}.results-pill.is-good{background:#a7b44c;color:#161a12}.results-pill.is-fair{background:#d4a83c;color:#16120a}.results-pill.is-miss{background:#8a4242}.share-text{margin:0;padding:16px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#171b22;color:#e8eef8;font:500 .93rem/1.5 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;white-space:pre-wrap}.auth-layout{min-height:calc(100vh - 160px);display:grid;place-items:center}.auth-panel{width:min(100%,460px)}.empty-state{max-width:760px;margin:0 auto;padding:28px}.empty-state p{color:#b2bdcd;line-height:1.6}.error-text{margin:0;color:#f08f8f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.app-body,.topbar-inner{width:min(100% - 24px,1360px)}.play-meta,.results-row{align-items:stretch}.play-meta,.results-row{flex-direction:column}.game-round,.reveal-panel{min-height:auto;grid-template-columns:1fr}button,.hero-button{width:100%}}@media(max-width:640px){.topbar-inner{min-height:60px}.topnav{gap:6px}.nav-link{padding:8px 10px;font-size:.9rem}.game-round,.reveal-panel,.results-card,.auth-panel,.empty-state,.guess-panel,.reveal-summary{padding:14px}.reveal-grid{grid-template-columns:1fr}}
