.scp-r360-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:18px;padding:clamp(22px,3vw,34px);border:1px solid rgba(102,197,255,.22);border-radius:20px;background:radial-gradient(circle at 88% 16%,rgba(79,143,224,.22),transparent 34%),linear-gradient(145deg,#0b324b,#081f31);box-shadow:0 24px 65px rgba(0,0,0,.2);overflow:hidden}
.scp-r360-hero-copy{display:grid;gap:8px;min-width:0}.scp-r360-hero-copy h2{margin:0;color:var(--scp-white);font-size:clamp(24px,3vw,38px);line-height:1.1}.scp-r360-hero-copy p{max-width:780px;margin:0;color:#bcd5e2;font-size:13px;line-height:1.6}
.scp-r360-hero-visual{display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(102,197,255,.24);border-radius:25px;background:rgba(102,197,255,.09);color:#72cff8;transform:rotate(-4deg)}.scp-r360-hero-visual svg{width:48px;height:48px}
.scp-r360-start,.scp-r360-resume{margin-bottom:18px;padding:20px;border:1px solid var(--scp-line);border-radius:16px;background:var(--scp-panel);box-shadow:var(--scp-shadow)}
.scp-r360-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.scp-r360-format{min-height:82px;display:grid;align-content:center;gap:5px;padding:14px;border:1px solid var(--scp-line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--scp-text);text-align:left;cursor:pointer;transition:.16s ease}.scp-r360-format:hover{transform:translateY(-1px);border-color:rgba(102,197,255,.4)}.scp-r360-format.is-selected{border-color:#66c5ff;background:rgba(102,197,255,.1);box-shadow:0 0 0 2px rgba(102,197,255,.08)}.scp-r360-format strong{color:var(--scp-white);font-size:14px}.scp-r360-format span{color:var(--scp-muted);font-size:10.5px}
.scp-r360-start-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.scp-r360-start-button svg{width:18px;height:18px}
.scp-r360-resume{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border-color:rgba(57,201,148,.28);background:linear-gradient(135deg,rgba(38,114,88,.17),var(--scp-panel))}.scp-r360-resume>div:first-child{display:grid;gap:5px}.scp-r360-resume h2{margin:0;color:var(--scp-white);font-size:20px}.scp-r360-resume p{margin:0;color:var(--scp-muted);font-size:12px}.scp-r360-resume-actions{display:flex;gap:8px}.scp-r360-resume-actions .scp-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px}.scp-r360-resume-actions svg{width:17px;height:17px}
.scp-r360-status{display:inline-flex;justify-self:start;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.scp-r360-status.is-paused{color:#b7f5da;background:rgba(57,201,148,.12)}.scp-r360-status.is-live{color:#bfeaff;background:rgba(102,197,255,.12)}
.scp-r360-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.scp-r360-how-card{min-height:112px;display:grid;align-content:start;gap:7px;padding:16px;border:1px solid var(--scp-line);border-radius:13px;background:var(--scp-panel)}.scp-r360-how-card strong{color:var(--scp-white);font-size:13px}.scp-r360-how-card p{margin:0;color:var(--scp-muted);font-size:11px;line-height:1.5}
.scp-r360-history-list{display:grid;gap:8px}.scp-r360-history-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--scp-line);border-radius:11px;background:var(--scp-panel);color:var(--scp-text);text-align:left;cursor:pointer}.scp-r360-history-row:hover{border-color:rgba(102,197,255,.35);background:rgba(102,197,255,.04)}.scp-r360-history-row>span{display:grid;gap:3px;min-width:0}.scp-r360-history-row>span strong{color:var(--scp-white);font-size:12px}.scp-r360-history-row>span span{color:var(--scp-muted);font-size:10.5px}.scp-r360-history-row>b{color:#8fe1ff;font-size:14px}.scp-r360-history-row>small{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--scp-muted);font-size:9px}
.scp-r360-mission{width:min(1050px,100%);margin:0 auto}.scp-r360-mission-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:12px;padding:13px 15px;border:1px solid var(--scp-line);border-radius:13px;background:rgba(8,37,54,.88);backdrop-filter:blur(12px)}.scp-r360-mission-bar>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 9px;min-width:0}.scp-r360-mission-bar strong{color:var(--scp-white);font-size:14px}.scp-r360-mission-bar small{grid-column:2;color:var(--scp-muted);font-size:10px}.scp-r360-pause{display:inline-flex;align-items:center;gap:7px;min-height:42px}.scp-r360-pause svg{width:16px;height:16px}
.scp-r360-recap{margin:0 0 12px;padding:13px 15px;border:1px solid rgba(199,167,239,.2);border-left:3px solid #c7a7ef;border-radius:11px;background:rgba(84,60,112,.11)}.scp-r360-recap strong{color:#e3ccff;font-size:11px}.scp-r360-recap p{margin:5px 0 0;color:var(--scp-muted);font-size:11px;line-height:1.5}
.scp-r360-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(12px,1fr));gap:5px;margin-bottom:12px}.scp-r360-progress span{height:6px;border-radius:99px;background:rgba(255,255,255,.07)}.scp-r360-progress span.is-done{background:linear-gradient(90deg,#4f8fe0,#70cff4)}
.scp-r360-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.scp-r360-metric{display:grid;gap:6px;padding:10px 11px;border:1px solid var(--scp-line);border-radius:10px;background:rgba(8,37,54,.72)}.scp-r360-metric>span{display:flex;justify-content:space-between;gap:8px;color:var(--scp-muted);font-size:9.5px}.scp-r360-metric>span strong{color:#cfe5ef}.scp-r360-metric>span b{color:#7dd6fa}.scp-r360-metric>i{height:4px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.scp-r360-metric>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f8fe0,#70cff4)}
.scp-r360-event{padding:clamp(20px,3vw,30px);border:1px solid rgba(102,197,255,.21);border-radius:18px;background:radial-gradient(circle at 96% 0,rgba(79,143,224,.13),transparent 33%),var(--scp-panel);box-shadow:0 25px 70px rgba(0,0,0,.22)}.scp-r360-event-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.scp-r360-event-head>div{display:grid;gap:6px}.scp-r360-phase{color:#70cff4;font-size:9.5px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.scp-r360-event h1{margin:0;color:var(--scp-white);font-size:clamp(22px,3vw,31px);line-height:1.15}.scp-r360-character{color:#9db5c2;font-size:10px;font-weight:650}.scp-r360-axis{display:inline-flex;justify-self:start;padding:5px 8px;border:1px solid rgba(255,183,74,.24);border-radius:999px;background:rgba(255,183,74,.09);color:#ffd28a;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.scp-r360-avatar{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(102,197,255,.3);border-radius:50%;background:rgba(102,197,255,.1);color:#a7e7ff;font-size:18px;font-weight:900}.scp-r360-story{margin:20px 0 12px;color:#d9e8ef;font-size:15px;line-height:1.65}.scp-r360-dialogue{margin:0 0 18px;padding:13px 15px;border:0;border-left:3px solid rgba(199,167,239,.55);border-radius:0 10px 10px 0;background:rgba(199,167,239,.06);color:#d7c7e8;font-size:13px;font-style:italic;line-height:1.55}
.scp-r360-choices{display:grid;gap:9px}.scp-r360-choice{width:100%;min-height:58px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--scp-line);border-radius:11px;background:rgba(255,255,255,.025);color:var(--scp-text);text-align:left;cursor:pointer;transition:.16s ease}.scp-r360-choice:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(102,197,255,.45);background:rgba(102,197,255,.05)}.scp-r360-choice>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--scp-line);border-radius:8px;color:#82cce9;font-size:11px;font-weight:900}.scp-r360-choice>strong{color:#dcebf1;font-size:12.5px;line-height:1.45}.scp-r360-choice:disabled{cursor:default;opacity:.54}.scp-r360-choice.is-selected{border-color:#70cff4;background:rgba(112,207,244,.08);opacity:1}.scp-r360-choice.is-reference:not(.is-selected){border-color:rgba(57,201,148,.25);opacity:.78}
.scp-r360-consequence{display:grid;gap:8px;margin-top:16px;padding:16px;border:1px solid rgba(57,201,148,.25);border-radius:12px;background:rgba(57,201,148,.07)}.scp-r360-consequence.is-warning{border-color:rgba(255,183,74,.3);background:rgba(255,183,74,.07)}.scp-r360-consequence>span{color:#9aebca;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.scp-r360-consequence.is-warning>span{color:#ffd28a}.scp-r360-consequence h2{margin:0;color:var(--scp-white);font-size:15px;line-height:1.45}.scp-r360-consequence p{margin:0;color:var(--scp-muted);font-size:11.5px;line-height:1.5}.scp-r360-consequence .scp-btn{justify-self:end;min-height:44px;margin-top:4px}
.scp-r360-debrief-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;margin-bottom:14px;padding:20px;border:1px solid rgba(102,197,255,.22);border-radius:16px;background:linear-gradient(135deg,rgba(18,87,121,.22),var(--scp-panel))}.scp-r360-score{display:grid;place-items:center;width:112px;height:112px;border:8px solid rgba(112,207,244,.18);border-top-color:#70cff4;border-radius:50%;text-align:center}.scp-r360-score strong{color:var(--scp-white);font-size:26px}.scp-r360-score span{color:var(--scp-muted);font-size:8.5px}.scp-r360-debrief-summary>div:last-child{display:grid;gap:7px}.scp-r360-debrief-summary h2{margin:0;color:var(--scp-white);font-size:20px}.scp-r360-debrief-summary p{margin:0;color:var(--scp-muted);font-size:12px;line-height:1.55}
.scp-r360-debrief-list{display:grid;gap:9px}.scp-r360-debrief-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px;border:1px solid var(--scp-line);border-left:3px solid #39c994;border-radius:11px;background:var(--scp-panel)}.scp-r360-debrief-item.is-review{border-left-color:#ffb347}.scp-r360-debrief-index{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(112,207,244,.1);color:#8bdcff;font-size:11px;font-weight:900}.scp-r360-debrief-item>div{display:grid;gap:5px}.scp-r360-debrief-item small{color:var(--scp-muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.scp-r360-debrief-item h3{margin:0;color:var(--scp-white);font-size:14px}.scp-r360-debrief-item p{margin:0;color:var(--scp-muted);font-size:11px;line-height:1.5}.scp-r360-debrief-item strong{color:#dbeaf0;font-size:11.5px}
.scp-r360-adaptive-impact{display:grid;gap:16px;margin-top:18px;padding:20px;border:1px solid rgba(93,225,210,.25);border-radius:16px;background:linear-gradient(135deg,rgba(36,118,112,.15),var(--scp-panel))}.scp-r360-adaptive-impact h2{margin:0;color:var(--scp-white);font-size:19px}.scp-r360-priorities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.scp-r360-priorities article{padding:13px;border:1px solid rgba(93,225,210,.16);border-radius:10px;background:rgba(93,225,210,.045)}.scp-r360-priorities strong{color:#baf8f0;font-size:11.5px}.scp-r360-priorities p{margin:5px 0 0;color:var(--scp-muted);font-size:10.5px;line-height:1.45}.scp-r360-debrief-actions{display:flex;gap:8px;flex-wrap:wrap}
.scp-root[data-ui-theme="light"] .scp-r360-hero{background:radial-gradient(circle at 88% 16%,rgba(79,143,224,.13),transparent 34%),linear-gradient(145deg,#eef8fd,#fff)}.scp-root[data-ui-theme="light"] .scp-r360-hero-copy h2,.scp-root[data-ui-theme="light"] .scp-r360-format strong,.scp-root[data-ui-theme="light"] .scp-r360-resume h2,.scp-root[data-ui-theme="light"] .scp-r360-how-card strong,.scp-root[data-ui-theme="light"] .scp-r360-history-row>span strong,.scp-root[data-ui-theme="light"] .scp-r360-event h1,.scp-root[data-ui-theme="light"] .scp-r360-consequence h2,.scp-root[data-ui-theme="light"] .scp-r360-debrief-summary h2,.scp-root[data-ui-theme="light"] .scp-r360-debrief-item h3,.scp-root[data-ui-theme="light"] .scp-r360-adaptive-impact h2{color:#14384d}.scp-root[data-ui-theme="light"] .scp-r360-hero-copy p,.scp-root[data-ui-theme="light"] .scp-r360-story,.scp-root[data-ui-theme="light"] .scp-r360-choice>strong{color:#365c70}.scp-root[data-ui-theme="light"] .scp-r360-mission-bar,.scp-root[data-ui-theme="light"] .scp-r360-metric{background:#f5fafc}.scp-root[data-ui-theme="light"] .scp-r360-event{background:radial-gradient(circle at 96% 0,rgba(79,143,224,.09),transparent 33%),#fff}.scp-root[data-ui-theme="light"] .scp-r360-choice{background:#f7fafc}.scp-root[data-ui-theme="light"] .scp-r360-score strong{color:#14384d}
@media(max-width:900px){.scp-r360-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scp-r360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.scp-r360-hero{grid-template-columns:minmax(0,1fr);padding:20px 16px}.scp-r360-hero-visual{width:62px;height:62px;border-radius:18px}.scp-r360-hero-visual svg{width:32px;height:32px}.scp-r360-formats{grid-template-columns:minmax(0,1fr)}.scp-r360-format{min-height:64px}.scp-r360-start-button{width:100%}.scp-r360-resume{grid-template-columns:minmax(0,1fr);padding:16px}.scp-r360-resume-actions{display:grid;grid-template-columns:minmax(0,1fr)}.scp-r360-resume-actions .scp-btn{justify-content:center;width:100%}.scp-r360-how-grid{grid-template-columns:minmax(0,1fr)}.scp-r360-how-card{min-height:0}.scp-r360-history-row{grid-template-columns:minmax(0,1fr) auto}.scp-r360-history-row>small{grid-column:1/-1;justify-self:start}.scp-r360-mission-bar{grid-template-columns:minmax(0,1fr);position:sticky;top:calc(var(--scp-phone-topbar,104px) + 2px);z-index:12}.scp-r360-pause{width:100%;justify-content:center}.scp-r360-mission-bar>div{grid-template-columns:auto minmax(0,1fr)}.scp-r360-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.scp-r360-event{padding:18px 14px}.scp-r360-event-head{grid-template-columns:minmax(0,1fr)}.scp-r360-avatar{display:none}.scp-r360-story{font-size:14px}.scp-r360-choice{grid-template-columns:28px minmax(0,1fr);padding:11px 10px}.scp-r360-choice>strong{font-size:12px}.scp-r360-consequence .scp-btn{width:100%;justify-self:stretch}.scp-r360-debrief-summary{grid-template-columns:minmax(0,1fr);padding:16px}.scp-r360-score{justify-self:center}.scp-r360-priorities{grid-template-columns:minmax(0,1fr)}.scp-r360-debrief-actions{display:grid;grid-template-columns:minmax(0,1fr)}.scp-r360-debrief-actions .scp-btn{width:100%}}
@media(orientation:landscape) and (max-height:560px) and (max-width:950px){.scp-r360-mission-bar{position:static}.scp-r360-event{padding:15px}.scp-r360-story{margin:12px 0 8px}.scp-r360-dialogue{margin-bottom:10px}.scp-r360-choice{min-height:48px;padding:9px 11px}.scp-r360-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}