:root{--bg: #0d1117;--bg2: #161b2e;--gold: #ffd23f;--red: #ff4d4d;--blue: #3aa0ff;--ink: #e8eefc;--mut: #8a93b0;--osw: "Oswald", sans-serif;--mono: "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--osw);overflow:hidden;-webkit-font-smoothing:antialiased;user-select:none}#app{position:relative;width:100vw;height:100dvh}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;text-align:center}.hidden{display:none!important}.bullseye-mark{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0 20%,#fff 20% 28%,var(--red) 28% 46%,#fff 46% 54%,var(--blue) 54% 72%,#fff 72% 80%,#20242e 80% 100%);box-shadow:0 0 30px #ffd23f40}#intro h1{font-family:var(--osw);font-weight:700;font-size:34px;letter-spacing:1px}.accent{color:var(--gold)}.sub{font-size:15px;line-height:1.8;color:var(--mut);font-weight:500}.privacy{font-size:11px;color:#4a5270}.btn-primary{font-family:var(--osw);font-weight:700;font-size:18px;letter-spacing:3px;color:#1a1200;background:var(--gold);border:none;border-radius:4px;padding:14px 46px;cursor:pointer;box-shadow:0 0 18px #ffd23f59;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ffd23f8c}.btn-ghost{font-family:var(--osw);font-weight:500;font-size:15px;color:var(--mut);background:transparent;border:1px solid #2a3350;border-radius:4px;padding:12px 26px;cursor:pointer;transition:all .2s}.btn-ghost:hover{color:var(--ink);border-color:var(--gold)}#play{padding:0}.stage-wrap{position:relative;width:100%;height:100%;overflow:hidden}#cam{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}.status{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-size:15px;letter-spacing:1px;color:var(--ink);text-align:center;background:#0d111799;padding:7px 16px;border-radius:20px;white-space:nowrap}.status.warn{color:var(--gold)}#result{justify-content:flex-start;padding-top:32px;gap:16px;overflow-y:auto}.result-card{width:min(90vw,380px);background:linear-gradient(160deg,var(--bg2),#0d1117);border:1px solid rgba(255,210,63,.35);border-radius:8px;padding:24px;box-shadow:0 0 26px #00000080}.card-title{font-family:var(--osw);font-weight:700;font-size:15px;letter-spacing:3px;color:var(--gold)}.card-grade{font-family:var(--osw);font-weight:700;font-size:74px;line-height:1.05;margin:4px 0}.card-score{font-family:var(--mono);font-weight:700;font-size:30px;color:var(--ink)}.card-score small{font-size:16px;color:var(--mut)}.card-snap{width:60%;aspect-ratio:1;object-fit:contain;margin:14px auto 6px;display:block}.card-line{font-size:14px;line-height:1.6;color:var(--mut)}.result-actions{display:flex;gap:12px;padding-bottom:24px}.error-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:40px;background:#0d1117f2;text-align:center}.error-overlay p{font-size:16px;line-height:1.7;color:var(--ink)}