.oj-root{--oj-ink:#060607;--oj-panel:#121317db;--oj-gold:#d8b56c;--oj-gold-light:#f1d79c;--oj-silver:#cfd4da;--oj-text:#f2efe8;--oj-muted:#9a958c;--oj-red:#ff5c5c;--oj-border:#d8b56c38;background:radial-gradient(circle at 20% 0%, #d8b56c24, transparent 42%), radial-gradient(circle at 85% 95%, #d8b56c14, transparent 45%), var(--oj-ink);min-height:100dvh;color:var(--oj-text);flex-direction:column;justify-content:center;align-items:center;padding:clamp(16px,3vw,40px);font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow-x:hidden}.oj-root--play{justify-content:flex-start;height:100dvh;min-height:0;padding:clamp(6px,1.4vw,18px)}.oj-screen{text-align:center;flex-direction:column;align-items:center;gap:18px;width:min(760px,100%);margin:auto;animation:.38s both oj-fade;display:flex}@keyframes oj-fade{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.oj-screen{animation:none}}.oj-title-art{aspect-ratio:3/4;border:1px solid var(--oj-border);background:#0d0e11;border-radius:10px;width:min(320px,62vw);overflow:hidden;box-shadow:0 30px 80px #0009}.oj-presents{color:var(--oj-muted);letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:.72rem}.oj-logo{letter-spacing:.02em;color:var(--oj-gold);text-shadow:0 6px 30px #d8b56c47;margin:0;font-size:clamp(3rem,13vw,6.5rem);font-weight:900;line-height:.9}.oj-logo span{color:var(--oj-silver)}.oj-tagline{color:var(--oj-silver);letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:clamp(.9rem,2.6vw,1.15rem)}.oj-logline{max-width:54ch;color:var(--oj-muted);margin:0;font-size:.95rem;line-height:1.65}.oj-heading{letter-spacing:.02em;color:var(--oj-gold-light);margin:0;font-size:clamp(1.5rem,5vw,2.4rem);font-weight:800}.oj-heading--red{color:var(--oj-red)}.oj-muted{color:var(--oj-muted);margin:0;font-size:.88rem}.oj-credit{color:#9a958cbf;margin:8px 0 0;font-size:.75rem}.oj-btn{border:1px solid var(--oj-border);color:var(--oj-text);font:inherit;letter-spacing:.06em;cursor:pointer;background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.oj-btn:hover:not(:disabled){border-color:var(--oj-gold);background:#d8b56c1f;transform:translateY(-2px)}.oj-btn:disabled{opacity:.45;cursor:not-allowed}.oj-btn--gold{background:linear-gradient(135deg, var(--oj-gold), var(--oj-gold-light));color:#14100a;border-color:#0000}.oj-btn--big{padding:15px 40px;font-size:1.05rem}.oj-btn em{color:var(--oj-gold);font-style:normal}.oj-card-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.oj-card-actions--stack{flex-direction:column;width:min(320px,100%)}.oj-card-actions--stack .oj-btn{width:100%}.oj-icon-btn{border:1px solid var(--oj-border);color:var(--oj-text);font:inherit;cursor:pointer;background:#0006;border-radius:10px;padding:8px 12px;line-height:1}.oj-sound{z-index:30;position:fixed;top:14px;right:14px}.oj-briefing-card,.oj-orders{border:1px solid var(--oj-border);background:var(--oj-panel);text-align:left;border-radius:12px;width:100%;padding:22px 26px}.oj-briefing-card p{white-space:pre-line;margin:0;font-size:1.02rem;line-height:1.75}.oj-orders{border-left:3px solid var(--oj-gold)}.oj-orders p{color:var(--oj-silver);margin:6px 0 0;line-height:1.65}.oj-quote{color:var(--oj-gold-light);margin:0;font-size:1.2rem;font-style:italic}.oj-dots{gap:8px;display:flex}.oj-dots span{background:#fff3;border-radius:50%;width:8px;height:8px}.oj-dots span.on{background:var(--oj-gold)}.oj-mission-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.oj-mission{border:1px solid var(--oj-border);background:var(--oj-panel);width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:16px;transition:border-color .16s,transform .16s;display:flex}.oj-mission:hover:not(:disabled){border-color:var(--oj-gold);transform:translateY(-2px)}.oj-mission--locked{opacity:.45;cursor:not-allowed}.oj-mission strong{color:var(--oj-gold-light);font-size:1.05rem}.oj-mission-loc{font-size:.78rem}.oj-mission-score{justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:.82rem;display:flex}.oj-mission-score em{color:var(--oj-muted);font-style:normal}.oj-stars{letter-spacing:3px;font-size:1.3rem}.oj-star{color:#ffffff2e;font-style:normal}.oj-star--on{color:var(--oj-gold)}.oj-result-row{justify-content:center;gap:34px;display:flex}.oj-result-row div{flex-direction:column;gap:2px;display:flex}.oj-result-row strong{color:var(--oj-gold-light);font-size:1.5rem}.oj-dossier .oj-scenes{text-align:left;flex-direction:column;gap:14px;width:100%;margin:0;padding:0;list-style:none;display:flex}.oj-scenes li{border:1px solid var(--oj-border);background:var(--oj-panel);border-radius:12px;gap:16px;padding:16px 18px;display:flex}.oj-scene-no{color:var(--oj-gold);font-size:1.1rem;font-weight:800}.oj-scenes h3{color:var(--oj-gold-light);margin:0 0 6px;font-size:1rem}.oj-scenes h3 em{color:var(--oj-muted);letter-spacing:.08em;margin-left:8px;font-size:.78rem;font-style:normal}.oj-scenes p{color:var(--oj-silver);margin:0;font-size:.92rem;line-height:1.65}.oj-stage{flex-direction:column;gap:8px;width:100%;max-width:1400px;height:100%;min-height:0;margin:0 auto;display:flex;position:relative}.oj-hud-top{justify-content:space-between;align-items:center;gap:16px;padding:0 4px;display:flex}.oj-hud-mission strong{color:var(--oj-gold-light);font-size:1.05rem;display:block}.oj-hud-label{color:var(--oj-muted);letter-spacing:.22em;text-transform:uppercase;font-size:.66rem;display:block}.oj-hud-stats{gap:clamp(14px,4vw,34px);display:flex}.oj-stat strong{color:var(--oj-text);font-size:1.05rem}.oj-par{color:var(--oj-muted);font-size:.78rem;font-style:normal}.oj-alert-bar{background:#ffffff12;border-radius:999px;height:4px;position:relative;overflow:hidden}.oj-alert-bar span{background:var(--oj-gold);height:100%;transition:width .12s linear;display:block}.oj-alert-bar--hot span{background:var(--oj-red)}.oj-arena{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.oj-canvas-wrap{aspect-ratio:24/14;border:1px solid var(--oj-border);background:#060607;border-radius:12px;width:min(100%,171.429cqh);max-width:100%;height:auto;max-height:100%;position:relative;overflow:hidden}.oj-canvas{touch-action:none;width:100%;height:100%;display:block}.oj-punch-prompt{border:1px solid var(--oj-gold);color:var(--oj-gold-light);letter-spacing:.12em;text-transform:uppercase;background:#060607d9;border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:700;animation:.9s ease-in-out infinite oj-pulse;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes oj-pulse{50%{transform:translate(-50%)scale(1.05)}}@media (prefers-reduced-motion:reduce){.oj-punch-prompt{animation:none}}.oj-controls-hint{color:var(--oj-muted);text-align:center;margin:2px 0 0;font-size:.78rem}.oj-controls-hint kbd{border:1px solid var(--oj-border);color:var(--oj-silver);background:#ffffff0a;border-radius:5px;padding:2px 7px;font-family:inherit;font-size:.74rem}.oj-portrait-hint{display:none}@media (orientation:portrait) and (max-width:760px){.oj-portrait-hint{border:1px solid var(--oj-border);color:var(--oj-gold-light);text-align:center;background:#d8b56c14;border-radius:8px;margin:0;padding:6px 10px;font-size:.76rem;display:block}}.oj-touch{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:6px 4px 0;display:flex}@media (orientation:landscape) and (max-height:600px){.oj-touch{z-index:5;pointer-events:none;padding:0 10px;position:absolute;inset:auto 0 6px}.oj-touch>*{pointer-events:auto}.oj-stick{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06060773;width:92px;height:92px}.oj-touch-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0606078c;width:62px;height:62px;font-size:.7rem}.oj-controls-hint{display:none}}.oj-stick{border:1px solid var(--oj-border);touch-action:none;background:#ffffff0a;border-radius:50%;flex:none;width:116px;height:116px;position:relative}.oj-stick-knob{background:linear-gradient(135deg, var(--oj-gold), var(--oj-gold-light));pointer-events:none;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.oj-touch-buttons{gap:10px;display:flex}.oj-touch-btn{border:1px solid var(--oj-border);width:78px;height:78px;color:var(--oj-text);font:inherit;cursor:pointer;touch-action:none;background:#ffffff0a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.8rem;font-weight:700;display:flex}.oj-touch-btn em{color:var(--oj-gold);font-size:.72rem;font-style:normal}.oj-touch-btn:disabled{opacity:.4}.oj-touch-btn--on,.oj-touch-btn--ready{border-color:var(--oj-gold);background:#d8b56c33}.oj-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040405d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.oj-card{border:1px solid var(--oj-border);background:var(--oj-panel);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:14px;width:min(400px,100%);padding:30px;display:flex}.oj-card h2{color:var(--oj-gold-light);margin:0}@media (max-width:560px){.oj-hud-stats{gap:12px}.oj-hud-top{gap:8px}.oj-hud-mission strong{font-size:.82rem;line-height:1.15}.oj-stat strong{font-size:.92rem}.oj-par{font-size:.66rem}.oj-stick{width:100px;height:100px}.oj-touch-btn{width:68px;height:68px;font-size:.74rem}.oj-briefing-card,.oj-orders{padding:18px}}.oj-hud-buttons{gap:8px;display:flex}.oj-tracks{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.oj-track{border:1px solid var(--oj-border);background:var(--oj-panel);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:14px 18px;transition:border-color .16s,transform .16s;display:flex}.oj-track:hover{border-color:var(--oj-gold);transform:translateY(-2px)}.oj-track--playing{border-color:var(--oj-gold);background:#d8b56c1f}.oj-track-icon{width:34px;height:34px;color:var(--oj-gold-light);background:#d8b56c29;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.78rem;display:flex}.oj-track strong{color:var(--oj-gold-light);font-size:1.02rem;display:block}.oj-track em{color:var(--oj-muted);font-size:.84rem;font-style:normal;line-height:1.5}.oj-appendix-title{color:var(--oj-muted);letter-spacing:.24em;text-transform:uppercase;margin:10px 0 0;font-size:.72rem}