:root{--bg: #1a1108;--bg2: #2a1a0d;--sand: #e8c27a;--gold: #ffcf5c;--red: #e0492f;--rust: #b5532e;--ink: #f4e9d6;--mut: #b09a78;--rye: "Rye", "Oswald", serif;--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}.star-mark{font-size:70px;color:var(--gold);line-height:1;text-shadow:0 0 30px rgba(255,207,92,.5)}#intro h1{font-family:var(--rye);font-weight:400;font-size:40px;letter-spacing:1px}.accent{color:var(--gold)}.sub{font-size:15px;line-height:1.9;color:var(--mut);font-weight:500}.sub b{color:var(--ink);font-weight:700}.privacy{font-size:11px;color:#6b5535}.btn-primary{font-family:var(--rye);font-weight:400;font-size:19px;letter-spacing:2px;color:#2a1400;background:var(--gold);border:none;border-radius:4px;padding:14px 44px;cursor:pointer;box-shadow:0 0 18px #ffcf5c66;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ffcf5c99}.mode-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.mode-row .btn-primary{padding:16px 30px;line-height:1.35}.btn-sub{font-family:var(--osw);font-weight:500;font-size:12px;letter-spacing:0;opacity:.8}.btn-ghost{font-family:var(--osw);font-weight:500;font-size:15px;color:var(--mut);background:transparent;border:1px solid #5a4322;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:#1a1108a6;padding:7px 16px;border-radius:20px;white-space:nowrap}.status.warn{color:var(--gold)}.practice-bar{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:5}.practice-bar .btn-primary{padding:13px 40px;opacity:.6;transition:opacity .25s,box-shadow .25s,transform .15s}.practice-bar.ready .btn-primary{opacity:1;animation:readyPulse 1.1s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 16px #ffcf5c80;transform:scale(1)}50%{box-shadow:0 0 30px #ffcf5cd9;transform:scale(1.05)}}#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),#1a1108);border:1px solid rgba(255,207,92,.4);border-radius:8px;padding:26px 24px;box-shadow:0 0 26px #0000008c}.card-title{font-family:var(--rye);font-weight:400;font-size:17px;letter-spacing:2px;color:var(--gold);word-break:keep-all}.card-grade{font-family:var(--rye);font-weight:400;font-size:clamp(40px,12vw,56px);line-height:1.15;margin:8px 0;word-break:keep-all;text-wrap:balance}.card-score{font-family:var(--mono);font-weight:700;font-size:30px;color:var(--ink);word-break:keep-all}.card-score small{font-size:16px;color:var(--mut)}.card-snap{width:70%;aspect-ratio:1;object-fit:contain;margin:12px auto 6px;display:block}.card-line{font-size:14px;line-height:1.6;color:var(--mut);word-break:keep-all}.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:#1a1108f2;text-align:center}.error-overlay p{font-size:16px;line-height:1.7;color:var(--ink)}