:root{--studio-surface: rgba(13, 18, 23, .95);--studio-line: rgba(239, 231, 210, .18);--studio-muted: #b9bdbd}#stage.phase13-realtime .brand,#stage.phase13-realtime .save-bar,#stage.phase13-realtime .question-card,#stage.phase13-realtime .question-cta-actions{background:var(--studio-surface);border-color:var(--studio-line);background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 8px 28px #0003,inset 0 1px #ffffff0a}#stage.phase13-realtime .brand{border:0;background:linear-gradient(115deg,#0d1217ed,#0d1217b8)}#stage.phase13-realtime .brand h1{font-weight:650;letter-spacing:-.025em;line-height:1.2}#stage.phase13-realtime .brand .eyebrow{font-weight:650}#stage.phase13-realtime .question-text{font-weight:650;letter-spacing:-.02em}#stage.phase13-realtime .question-kicker{color:#d7d1bc}#stage.phase13-realtime .question-meta{font-weight:500}#stage.phase13-realtime .question-cta-actions{background:transparent;border:0;box-shadow:none}#stage.phase13-realtime .question-volume-control,#stage.phase13-realtime .world-cycle-control,#stage.phase13-realtime .wheel-layout-button{background:#ffffff06;border-color:var(--studio-line);box-shadow:none}#stage.phase13-realtime .visual-mode-button[data-mode="3d"]{transform:none;background:#202831;border-color:var(--studio-line);box-shadow:inset 0 1px #ffffff0a}#stage.phase13-realtime .visual-mode-button:before{display:none}#stage.phase13-realtime .spinner-action{background:radial-gradient(circle at 35% 22%,#fff0d4,#d2aa66 24%,#654b2e 72%,#2d251e);box-shadow:inset 0 0 0 1px #ffe3aa85,inset 0 -6px 12px #0005,0 4px 14px #0005}#stage.phase13-realtime .result-lock{background:#ffffff04;border:0;border-left:2px solid var(--accent-2);border-radius:0;box-shadow:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ffe0a1;outline-offset:3px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d){background:radial-gradient(ellipse at 20% 0%,#26312fcf,transparent 55%),#080d12ed;-webkit-backdrop-filter:none;backdrop-filter:none}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-card{border-radius:18px;border-color:#c4b38c42;background:#10171d;box-shadow:0 24px 90px #0008}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-card:before,.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-card:after{display:none}.intro-masthead{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px 20px;border-bottom:1px solid #ffffff10}.intro-masthead-brand{color:#e5c68e;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.intro-masthead p{margin:0;color:#c1c7c6;font-size:14px;font-weight:450}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-visual-toggle{background:#ffffff03;border-color:#ffffff10;box-shadow:none;padding:12px 30px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-visual-label{color:#d7d1bc;text-shadow:none}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel,.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel[data-selected=true]{min-height:0;padding:26px 30px;background:transparent;transform:none;box-shadow:none;filter:none;opacity:1;gap:18px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel[data-selected=true]{background:#ffffff04}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel .intro-choice-summary,.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel .field-label,.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel .custom-wheel-status{opacity:1}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel:before,.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel:after{display:none}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-hero{padding:0;border:0;background:none;box-shadow:none}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-hero:before{display:none}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-title{margin-top:12px;font-size:clamp(28px,3.1vw,43px);line-height:1.08;font-weight:600;letter-spacing:-.04em;color:#f5efe2;text-shadow:none;opacity:1}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-lede{color:#b9c3c4;font-size:15px;line-height:1.6;font-weight:450;opacity:1}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-hero-meta,.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-summary span{background:transparent;border:0;padding:0;color:#d4b77f;box-shadow:none;font-weight:500;line-height:1.6;opacity:1}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-settings{gap:16px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .field,.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-custom-wheel{background:#ffffff03;box-shadow:none;border-color:#ffffff15}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-wheel-showcase{min-height:180px;max-height:210px;opacity:1;filter:none}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-wheel-stage{width:240px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-demo-wheel{width:170px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .primary-action{background:#e6c58c;color:#192025;box-shadow:inset 0 1px #fff8;border-color:#e6c58c;border-radius:8px;font-weight:750;min-height:46px;padding:12px 24px;text-shadow:none;transform:none}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .primary-action:hover{background:#f2d8aa}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .primary-action:disabled{opacity:.45;cursor:not-allowed}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-setup-drawer{background:#080d1233;border-color:#ffffff15}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .btn,.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) textarea{background:#172028;border-color:#c4b38c42;box-shadow:inset 0 1px #ffffff08;text-shadow:none}@media (min-width: 1051px){#stage.phase13-realtime.play-focus-hud .brand{width:min(520px,calc(100% - 250px));padding:12px 14px}#stage.phase13-realtime.play-focus-hud .brand h1{font-size:22px}#stage.phase13-realtime.play-focus-hud .brand .eyebrow{font-size:8px;margin-bottom:4px}#stage.phase13-realtime.play-focus-hud .save-bar:not(.is-expanded){top:81px;width:min(790px,calc(100% - 240px));grid-template-columns:72px minmax(155px,1fr) 92px 120px 114px;padding:5px;gap:5px}#stage.phase13-realtime.play-focus-hud .save-bar:not(.is-expanded)>button,#stage.phase13-realtime.play-focus-hud .save-bar:not(.is-expanded) .quality-button{min-height:44px}#stage.phase13-realtime.play-focus-hud .question-card{grid-template-columns:minmax(0,1fr) minmax(250px,.6fr) 320px;gap:16px;border-radius:12px;padding:12px 16px}#stage.phase13-realtime.play-focus-hud .question-control-strip{grid-template-columns:minmax(140px,1fr) 100px}#stage.phase13-realtime.play-focus-hud .question-cta-actions{grid-template-columns:118px 76px 94px;gap:8px;padding:0}#stage.phase13-realtime.play-focus-hud .world-cycle-control{width:118px}#stage.phase13-realtime.play-focus-hud .wheel-layout-button{width:76px}#stage.phase13-realtime .world-cycle-title{font-size:9px}#stage.phase13-realtime .wheel-layout-value{font-size:10px}#stage.phase13-realtime.play-focus-hud .question-text{font-size:clamp(19px,1.7vw,28px);line-height:1.18}}@media (max-width: 720px){#stage.play-focus-hud .custom-entry-dock,#stage.play-focus-hud.app-mode-custom .result-lock{display:none}.intro-masthead{padding:20px 18px 16px;flex-direction:column;align-items:flex-start;gap:8px}.intro-masthead p{font-size:13px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-visual-toggle{padding:10px 18px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel,.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-choice-panel[data-selected=true]{padding:22px 18px;gap:14px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-title{font-size:31px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-lede{font-size:14px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-wheel-showcase{min-height:150px;max-height:170px}.intro-overlay:is(.visual-mode-3d,.visual-mode-2d) .intro-demo-wheel{width:140px}#stage.phase13-realtime .question-card{border-radius:10px}#stage.phase13-realtime .question-text{line-height:1.25}}@media (prefers-reduced-motion: reduce){.intro-demo-wheel,.intro-demo-spark,.intro-demo-pointer{animation:none!important}.intro-choice-panel,.spinner-action,.intro-overlay *{transition-duration:.01ms!important}}
