@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2) format("woff2")}:root{--accent: #2164E8;--accent-hover: #004DE5;--accent-soft: #EFF4FD;--ink: #192943;--muted: #63738A;--line: #E5EAF2;--surface: #FFFFFF;--canvas: #F5F7FB;--success: #15734C;--success-soft: #EAF6F0;--warning: #9B5B09;--warning-soft: #FFF6E6;--danger: #B33F49;--danger-soft: #FFF0F0;--focus: #8DB3FF;--radius: 15px;--radius-sm: 9px;--shadow: 0 10px 30px #182A4712;--shadow-hover: 0 14px 36px #182A4718;--sidebar: 248px;--header: 64px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{color-scheme:light}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,Segoe UI,Noto Sans,Arial,sans-serif;font-size:15px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{letter-spacing:-.03em;color:var(--ink)}h1{font-size:28px;line-height:1.2;margin:0 0 8px;font-weight:650}h2{font-size:18px;margin:0 0 12px;font-weight:650}h3{font-size:15px;margin:16px 0 8px;font-weight:650}p{margin:0 0 12px}ul{margin:0;padding-left:18px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px;color:inherit;text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:40px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;flex:none}.brand strong{display:block;font-size:16px;font-weight:700}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500}.nav-label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-weight:700;margin:4px 10px 8px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink);font-size:14px;font-weight:550;text-decoration:none}.sidebar nav a:hover{background:var(--canvas);text-decoration:none}.sidebar nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:650;box-shadow:inset 3px 0 var(--accent)}.sidebar nav svg{flex:none;opacity:.85}.sidebar-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.user-chip{display:flex;align-items:center;gap:10px;padding:10px 8px 12px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}.user-chip strong{display:block;font-size:13px}.user-chip span{display:block;color:var(--muted);font-size:11px}.workspace{min-width:0;display:flex;flex-direction:column}.drill-ribbon{background:var(--warning-soft);color:var(--warning);border-bottom:1px solid #f0e0bd;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;padding:8px 36px}.mobile-bar{display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:9px;width:40px;height:40px;display:grid;place-items:center}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#19294366;z-index:20}.page{max-width:1180px;margin:0 auto;padding:28px 36px 64px;width:100%}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.eyebrow{margin:0 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700}.lead{color:var(--muted);margin:0;max-width:52ch}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}a.card,a.session-card{color:inherit;text-decoration:none;display:block}a.card:hover,a.session-card:hover{text-decoration:none;border-color:#c9d7ee;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn{border:0;border-radius:var(--radius-sm);padding:11px 16px;min-height:42px;background:var(--accent);color:#fff;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}a.btn:hover{text-decoration:none;color:#fff}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn.secondary:hover{background:#dce7fb;color:var(--accent-hover)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{background:var(--canvas)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{filter:brightness(.95)}.btn.sm{min-height:34px;padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:#fff;font-weight:450;width:100%}.field textarea{min-height:88px;resize:vertical}.check{display:flex;align-items:center;gap:10px;font-weight:500;margin:8px 0 18px}.check input{width:18px;height:18px}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--warning-soft);color:var(--warning);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:var(--canvas);color:var(--muted)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.running,.status.lobby,.status.debrief{background:var(--accent-soft);color:var(--accent)}.status.completed,.status.closed{background:var(--success-soft);color:var(--success)}.status.paused,.status.paused_recovery,.status.draft{background:var(--warning-soft);color:var(--warning)}.status.cancelled{background:var(--danger-soft);color:var(--danger)}.chip{display:inline-flex;background:var(--canvas);color:var(--ink);border-radius:8px;padding:3px 8px;font-size:12px;font-weight:600}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.session-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 20px 16px;display:flex;flex-direction:column;gap:10px;min-height:168px}.session-card header,.card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.session-card h2{font-size:17px;margin:0}.session-card footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-size:13px;font-weight:650}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat-card .stat-value{font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:8px}.work{display:grid;grid-template-columns:minmax(230px,270px) minmax(0,1fr) minmax(250px,300px);gap:16px;align-items:start}.panel-col{min-width:0}.tabs{display:none}.err,.ok{padding:12px 14px;border-radius:10px;margin:0 0 16px;font-size:14px}.err{background:var(--danger-soft);color:var(--danger)}.ok{background:var(--success-soft);color:var(--success)}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 16px;vertical-align:middle;border-bottom:1px solid var(--line)}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--canvas)}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fafbfd}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(280px,42%) 1fr}.login-hero{background:radial-gradient(1200px 500px at -10% -10%,#4d86f0 0%,transparent 55%),linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;padding:48px 44px;display:flex;flex-direction:column;justify-content:space-between}.login-hero h1{color:#fff;font-size:34px;margin:12px 0 8px}.login-hero p{color:#d7e4fb}.login-hero ul{color:#eaf0fb;padding-left:18px}.login-hero li{margin:8px 0}.login-hero .brand-mark{background:#fff;color:var(--accent)}.login-panel{display:grid;place-items:center;padding:32px 20px}.login-card{width:min(440px,100%);padding:32px}.seg{display:flex;background:var(--canvas);border-radius:10px;padding:4px;margin:18px 0 22px}.seg span,.seg button{flex:1;border:0;background:transparent;padding:9px 8px;border-radius:8px;color:var(--muted);font-size:13px;text-align:center}.seg .on{background:var(--surface);color:var(--accent);font-weight:650;box-shadow:0 1px 4px #182a4714}.toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.clock{font-variant-numeric:tabular-nums;background:var(--canvas);border-radius:10px;padding:8px 12px;font-weight:650;color:var(--ink);white-space:nowrap}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.event{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.event:last-child{border-bottom:0}.event-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:7px}.opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;font-weight:500;cursor:pointer}.opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.bubble{background:var(--canvas);border-radius:12px 12px 12px 4px;padding:10px 12px;margin:0 0 10px;font-size:14px}.chat-log{max-height:360px;overflow:auto;padding-right:4px}.stack{display:flex;flex-direction:column;gap:16px}.loading-screen{min-height:40vh;display:grid;place-items:center;color:var(--muted)}.empty{text-align:center;padding:40px 24px}.empty h2{margin-bottom:8px}.list-plain{list-style:none;padding:0;margin:16px 0 0}.list-plain li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.member{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.member .chip{flex:none;white-space:nowrap}.guide{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.guide li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.guide strong{display:block;margin-bottom:4px}.guide span{color:var(--muted);font-size:13px}.steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 18px}.step{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:600}.step span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--canvas);font-size:12px}.step.on{background:var(--accent-soft);color:var(--accent);border-color:transparent}.step.on span,.step.done span{background:var(--accent);color:#fff}.step.done{color:var(--ink)}.next-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--accent-soft);border:1px solid #d5e3fb;border-radius:var(--radius);padding:18px 20px;margin-bottom:20px;color:inherit;text-decoration:none}.next-banner:hover{text-decoration:none}.next-banner strong{display:block;font-size:18px;margin:2px 0 4px}.next-line{margin:12px 0 0;font-weight:650;color:var(--accent)}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:30;transform:translate(-110%);transition:transform .2s ease;width:min(280px,86vw);height:100vh}.sidebar.open{transform:none}.scrim.open{display:block}.mobile-bar{display:flex}.page{padding:20px 16px 48px}.drill-ribbon{padding:8px 16px}.work{grid-template-columns:1fr}.tabs{display:flex;gap:8px;margin-bottom:12px}.panel-col{display:none}.panel-col.is-active{display:block}.login-wrap{grid-template-columns:1fr}.login-hero{min-height:auto;padding:28px 22px}.page-head{flex-direction:column}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.guide{grid-template-columns:1fr 1fr}.next-banner{flex-direction:column;align-items:flex-start}}.scenario-art img,.scenario-art picture img,picture.scenario-art img{width:100%;height:auto;aspect-ratio:640 / 400;object-fit:cover;border-radius:12px;display:block;margin-bottom:12px;background:var(--canvas)}.role-art img,picture.role-art img{width:48px;height:48px;object-fit:contain;display:block;flex:none}.step-with-art{display:inline-flex;align-items:center;gap:8px}.step-with-art picture img,.step-with-art img{width:28px;height:28px;object-fit:contain;display:block}.guide .step-with-art{display:flex;font-weight:650;margin-bottom:4px}.guide .step-with-art img{width:36px;height:36px}.state-art{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.state-art picture img,.state-art img{width:88px;height:88px;object-fit:contain}.empty .state-art{margin-bottom:8px}.err-with-art,.ok-with-art,.offline-banner,.ad-locked{display:flex;align-items:center;gap:12px}.err-with-art .state-art img,.ok-with-art .state-art img,.offline-banner .state-art img,.ad-locked .state-art img{width:56px;height:56px}.offline-banner{background:var(--warning-soft);color:var(--warning);padding:12px 36px;border-bottom:1px solid #f0e0bd}.offline-banner p{margin:4px 0 0}.ad-locked{background:var(--canvas);border-radius:10px;padding:8px 10px;margin:0 0 16px}.member{align-items:center}.role-brief,.role-pick-label{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.role-pick-label{align-items:center;font-weight:650}.scenario-opt span{display:block;width:100%}.branch-wrap{margin-bottom:8px}.branch-world{position:relative;margin:0 0 10px;border-radius:15px;overflow:hidden;isolation:isolate}.branch-world>img{width:100%;display:block;min-height:280px;aspect-ratio:1586 / 992;object-fit:cover}.scene-top{position:absolute;left:12px;right:12px;top:12px;display:flex;flex-direction:column;gap:5px;background:#192943e8;color:#fff;padding:12px;border-radius:12px;font-size:12px}.scene-top strong{font-size:18px;letter-spacing:-.02em}.hotspot{position:absolute;font-size:12px;padding:7px 10px;min-height:38px;background:#ffffffed;color:var(--ink);box-shadow:0 4px 18px #19294340;border:2px solid #fff;border-radius:10px;font-weight:650}.hotspot span{background:var(--accent);color:#fff;border-radius:50%;display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;margin-right:4px}.clients{left:4%;top:57%}.desk{left:35%;top:35%}.owner{right:3%;top:64%}.issue-card{position:absolute;left:8%;bottom:12px;display:flex;flex-direction:column;font-size:12px;background:#fff6e6f5;color:#795000;padding:10px 13px;border-left:5px solid var(--warning);border-radius:9px;max-width:58%}.assigned .owner{border-color:var(--success);background:var(--success-soft)}.assigned .owner span{background:var(--success)}.assigned .scene-link{position:absolute;left:53%;top:52%;width:27%;height:17%;border-right:4px dashed var(--success);border-top:4px dashed var(--success);pointer-events:none}.risk .desk{border:3px solid var(--danger);background:var(--danger-soft)}.risk .issue-card{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.promise .clients{border:3px solid var(--danger);background:var(--danger-soft)}.promise .issue-card{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.resolved .issue-card{background:var(--success-soft);color:var(--success);border-color:var(--success)}.scene-hint{font-size:13px;color:var(--muted);margin:0 0 8px}.scene-detail{font-size:15px;min-height:44px;background:var(--accent-soft);padding:12px;border-radius:10px}.scene-card{margin-bottom:16px}.scheme-row{margin-top:16px}.scheme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.branch-scheme{margin:0;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--canvas);opacity:.72}.branch-scheme.is-on{opacity:1;border-color:var(--accent);background:var(--accent-soft)}.branch-scheme img{width:100%;height:auto;aspect-ratio:640 / 400;display:block;border-radius:8px}.branch-scheme figcaption{font-size:12px;margin-top:6px;color:var(--muted)}.before-after{display:flex;align-items:stretch;gap:10px;margin:8px 0 20px;flex-wrap:wrap}.before-after figure{margin:0;flex:1;position:relative;min-width:180px}.before-after img{width:100%;border-radius:10px;aspect-ratio:1586 / 992;object-fit:cover;display:block}.before-after figcaption{font-size:13px;background:var(--warning-soft);padding:9px;border-radius:8px;margin-top:6px}.before-after .after figcaption{background:var(--accent-soft)}.before-after>span{font-size:28px;color:var(--accent);align-self:center}.compare-marker{position:absolute;top:46%;left:5%;right:5%;font-size:12px;font-weight:700;padding:8px;border-radius:9px;background:var(--warning-soft);color:var(--warning);box-shadow:0 3px 10px #19294333}.compare-marker.assigned,.compare-marker.resolved{background:var(--success-soft);color:var(--success)}.compare-marker.risk{background:var(--danger-soft);color:var(--danger)}.compare-cause{flex-basis:100%;margin:0;font-size:14px}@media (max-width: 960px){.offline-banner{padding:12px 16px}.branch-world>img{min-height:220px}.hotspot{font-size:10px;padding:4px 7px;min-height:32px}.scene-top strong{font-size:15px}.issue-card{font-size:10px;left:4%;max-width:70%}.owner{right:2%;top:64%}.desk{left:32%;top:37%}.scheme-grid{grid-template-columns:1fr}.before-after{flex-direction:column}}@media (max-width: 390px){.scene-card{order:-1}h1{font-size:24px}}