:root{color-scheme:light;--bg: #d2c9b8;--bg-deep: #b9b09d;--panel: rgba(247, 243, 232, .78);--panel-strong: rgba(244, 239, 227, .92);--border: rgba(72, 64, 52, .18);--text: #2a2721;--muted: #6c6558;--shadow: rgba(29, 22, 13, .15);--productivity: #ca5f42;--morale: #5c8f72;--suspicion: #c8464f;--bureaucracy: #8c6dc8;--work: #4a78b1}html,body,#app{height:100%}body{margin:0;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,.28),transparent 30%),linear-gradient(160deg,var(--bg) 0%,#cdc5b5 50%,var(--bg-deep) 100%);color:var(--text);font-family:Avenir Next,Trebuchet MS,Verdana,sans-serif}.boot-splash{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,#12100e7a,#12100eb8),radial-gradient(circle at top left,rgba(210,194,160,.12),transparent 32%);-webkit-backdrop-filter:blur(8px) saturate(.7);backdrop-filter:blur(8px) saturate(.7);transition:opacity .22s ease,visibility .22s ease}.boot-splash.is-hidden{opacity:0;visibility:hidden}.boot-splash-static{z-index:60}.boot-splash-card{width:min(420px,calc(100vw - 40px));display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,#f7f2e7f5,#eee8dcf0);border:1px solid rgba(72,64,52,.12);box-shadow:0 18px 44px #00000038,inset 0 1px #ffffff1f;text-align:center}.boot-splash-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;color:#7f7463}.boot-splash-card strong{font-size:1rem;color:#2a2721}.boot-splash-card span{color:var(--muted);line-height:1.45}canvas{display:block}#app{position:relative}.hidden{display:none!important}.hud-layer{position:absolute;inset:0;display:block;pointer-events:none}.hud-side{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:min(320px,calc(100vw - 32px))}.world-layer{position:absolute;inset:0;pointer-events:none}.status-strip,.meter-grid,.hud-bottom{display:grid;gap:10px}.openings-strip,.bottom-stack,.context-options{display:flex;gap:10px}.status-strip{grid-template-columns:minmax(156px,1fr) minmax(88px,102px) max-content;align-items:stretch}.compact-meters{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-bottom{position:absolute;left:16px;right:16px;bottom:16px;grid-template-columns:minmax(220px,420px) max-content;justify-content:space-between;align-items:end}.bottom-stack{flex-direction:column;align-items:flex-start;max-width:min(390px,calc(100vw - 32px))}.title-card,.clock-card,.goal-chip,.mission-card,.meter-card,.opening-card,.prompt-card,.controls-card,.panel,.context-card,.summary-card,.briefing-card,.intro-card,.interruption-result-card,.campaign-card,.dock-button,.mini-button{background:var(--panel);border:1px solid var(--border);box-shadow:0 10px 28px var(--shadow);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.compact-card,.goal-chip,.mission-card,.prompt-card,.opening-card,.controls-card,.summary-card,.briefing-card,.intro-card,.interruption-result-card,.campaign-card,.panel,.context-card{padding:12px 14px}.status-cluster{width:min(286px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;background:#f7f3e8ad;pointer-events:auto}.status-head{display:flex;flex-direction:column;gap:6px}.status-clock-line{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.status-day{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#7d725f}.status-clock-line strong{font-size:1.12rem}.status-objective{font-size:.84rem;line-height:1.42;color:var(--text)}.status-mini-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-status{padding:8px 10px;border-radius:14px}.title-card,.clock-card{padding:9px 12px}.title-card h1,.clock-card strong,.summary-card h2{margin:0}.title-card h1{font-size:clamp(.98rem,1.8vw,1.22rem);letter-spacing:.03em}.subtitle,.goal-chip,.controls-card,.event-row,.prompt-card,.roster-row span,.roster-row small,.work-row small,.panel-head span{color:var(--muted)}.subtitle{margin:4px 0 0;font-size:.9rem}.eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:#7f7463}.clock-card strong{display:block;font-size:1.28rem}.goal-chip{font-size:.86rem;line-height:1.4}.mission-card{display:flex;flex-direction:column;gap:8px;background:#f7f3e8ad;padding:10px 12px}.mission-head strong{display:block;margin-top:2px;font-size:.96rem}.mission-lines,.mission-status-strip,.briefing-list,.debrief-grid{display:flex;flex-direction:column;gap:8px}.mission-line,.debrief-row,.briefing-list-row,.status-pill{display:flex;justify-content:space-between;gap:12px;align-items:center}.mission-line,.debrief-row{padding:9px 10px;border-radius:12px;background:#ffffff7a;border:1px solid rgba(73,63,49,.08)}.mission-line small,.debrief-row small,.status-pill small,.briefing-section small,.mission-head small{text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;color:#7d725f}.mission-line strong,.debrief-row strong,.status-pill strong,.briefing-section strong{display:block;margin-top:2px}.mission-line span,.debrief-row span,.briefing-section span,.briefing-list-row{color:var(--muted);line-height:1.4}.mission-line.is-complete,.debrief-row.success{border-color:#5c8f724d}.mission-line.is-warning,.debrief-row.warning{border-color:#c8464f4d}.debrief-row.failure{border-color:#c8464f59;background:#fff6f6cc}.debrief-row.neutral{border-color:#4a78b133}.status-pill{padding:8px 10px;border-radius:999px;background:#ffffff6b;border:1px solid rgba(63,57,49,.08)}.mission-status-strip{flex-direction:row;flex-wrap:wrap}.meter-card{padding:6px 8px;background:#f7f3e89e}.mission-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meter-head,.work-head,.roster-row,.summary-meters{display:flex;justify-content:space-between;gap:10px}.meter-head{margin-bottom:6px;align-items:center;font-size:.75rem}.meter-track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#473e3124}.meter-track.slim{height:7px}.meter-fill{height:100%;border-radius:inherit;background:#888}.meter-fill.productivity{background:linear-gradient(90deg,#e48a59,var(--productivity))}.meter-fill.morale{background:linear-gradient(90deg,#89bf9b,var(--morale))}.meter-fill.suspicion{background:linear-gradient(90deg,#dc7378,var(--suspicion))}.meter-fill.bureaucracy{background:linear-gradient(90deg,#a48fdb,var(--bureaucracy))}.meter-fill.work{background:linear-gradient(90deg,#7da4da,var(--work))}.openings-strip{flex-direction:column}.opening-card{min-width:0;max-width:none;display:flex;flex-direction:column;gap:4px;border-radius:14px;background:#f7f3e894}.opening-card small,.context-category,.context-head small{text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;color:#7d725f}.opening-card strong,.context-option strong{color:var(--text)}.opening-card span,.context-option span,.context-head span{color:var(--muted);line-height:1.35}.opening-card.soft{border-color:#56927438}.opening-card.process{border-color:#c38a523d}.opening-card.event{border-color:#5f80ad3d}.opening-card.recovery{border-color:#7e6dba42}.opening-card.executive{border-color:#697a924d}.opening-card.closeout{border-color:#73926a47}.hud-dock{display:flex;align-items:flex-start;gap:10px;pointer-events:auto;max-width:100%;justify-content:flex-start}.dock-toolbar{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.hud-dock-right{width:100%;flex-direction:column;align-items:flex-end}.dock-toolbar-right{justify-content:flex-end}.dock-sheet{width:min(336px,calc(100vw - 48px))}.dock-button,.mini-button,.summary-card button,.briefing-card button,.intro-card button,.campaign-card button{appearance:none;border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;pointer-events:auto}.hud-top,.hud-dock,.hud-side,.hud-bottom{transition:opacity .18s ease,transform .18s ease}.dock-button,.mini-button{padding:8px 10px}.dock-button{min-width:92px;text-align:left}.dock-button.is-active{background:linear-gradient(135deg,#5f80ad,#425f8f);color:#fff}.close-button{white-space:nowrap}.panel{max-height:min(60vh,560px);overflow:hidden}.drawer-panel{width:100%}.mission-drawer{display:flex;flex-direction:column;gap:10px}.drawer-subsection{display:flex;flex-direction:column;gap:8px;margin-top:10px}.drawer-subsection>small{text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;color:#7d725f}.drawer-note{font-size:.78rem;line-height:1.42;color:var(--muted)}.drawer-note.subtle{padding:10px 12px;border-radius:12px;background:#ffffff6b;border:1px solid rgba(63,57,49,.08)}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.panel-head h2{margin:0;font-size:1rem}.panel-head div{display:flex;flex-direction:column;gap:4px}.roster-list,.work-list,.event-list{display:flex;flex-direction:column;gap:8px;max-height:calc(min(60vh,560px) - 72px);overflow:auto;padding-right:4px}.roster-row,.work-row,.event-row{padding:10px 12px;border-radius:12px;background:#ffffff6b;border:1px solid rgba(63,57,49,.08)}.roster-row{align-items:center}.roster-row strong,.work-head strong{display:block;color:var(--text)}.roster-row div,.work-row{display:flex;flex-direction:column;gap:4px}.roster-numbers{text-align:right}.prompt-card,.controls-card{font-size:.84rem}.target-prompt,.context-card{position:absolute;width:min(380px,calc(100vw - 32px));max-height:min(56vh,420px);overflow:auto;background:#f4efe3f0;pointer-events:auto}.context-card.is-closeout-menu{width:min(320px,calc(100vw - 32px));max-height:none;overflow:hidden}.target-prompt{width:min(250px,calc(100vw - 24px));display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;border:1px solid rgba(72,64,52,.16);background:#f4efe3d1;box-shadow:0 10px 28px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.target-prompt small{text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;color:#7d725f}.target-prompt strong{color:var(--text)}.target-prompt span{color:var(--muted);line-height:1.38;font-size:.8rem}.target-prompt-foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.target-key{min-width:24px;height:24px;display:inline-grid;place-items:center;padding:0 8px;border-radius:999px;background:#352e2514;border:1px solid rgba(73,63,49,.12);color:var(--text);font-size:.74rem;font-weight:700}.context-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.context-head h2{margin:2px 0 4px;font-size:1.04rem}.context-head div{display:flex;flex-direction:column}.context-options{flex-direction:column}.context-option{appearance:none;width:100%;border:1px solid rgba(73,63,49,.12);background:#ffffff85;border-radius:14px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:6px;color:inherit;cursor:pointer}.context-option:hover:not(:disabled),.context-option:focus-visible:not(:disabled){border-color:#49679259;transform:translateY(-1px)}.context-option:disabled{cursor:not-allowed;opacity:.56}.context-option-head{display:flex;align-items:center;gap:8px}.context-key{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:#352e251a;font-size:.72rem;font-weight:700;color:var(--text)}.context-option.soft{border-left:4px solid var(--morale)}.context-option.process{border-left:4px solid var(--productivity)}.context-option.event{border-left:4px solid var(--work)}.context-option.recovery{border-left:4px solid var(--bureaucracy)}.context-option.executive{border-left:4px solid rgba(98,116,141,.9)}.context-option.closeout{border-left:4px solid var(--morale)}.skill-focus{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#18161200,#18161200),radial-gradient(circle at center,rgba(95,128,173,0),transparent 48%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease,background .22s ease}.skill-focus.is-active{opacity:1;visibility:visible;background:linear-gradient(180deg,#18161285,#181612ad),radial-gradient(circle at center,rgba(95,128,173,.12),transparent 48%)}.skill-card{width:min(560px,calc(100vw - 48px));display:flex;flex-direction:column;gap:8px;background:#f4efe3eb;border:1px solid var(--border);box-shadow:0 10px 28px var(--shadow);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 18px;pointer-events:none;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .22s ease,transform .22s ease}.skill-focus.is-active .skill-card{opacity:1;transform:translateY(0) scale(1)}.skill-card small{text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;color:#7d725f}.skill-card strong{color:var(--text)}.skill-card span,.skill-foot{color:var(--muted);line-height:1.35;font-size:.84rem}.skill-meter-headline{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.74rem;color:#7d725f}.skill-meter-headline strong{font-size:.8rem}.skill-meter,.timing-lane{position:relative;height:10px;border-radius:999px;overflow:hidden;background:#473e311f}.skill-meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#89bf9b,var(--morale))}.skill-meter-fill.productivity{background:linear-gradient(90deg,#e48a59,var(--productivity))}.skill-meter-fill.work{background:linear-gradient(90deg,#7da4da,var(--work))}.skill-meter-fill.bureaucracy{background:linear-gradient(90deg,#d3ad63,var(--bureaucracy))}.skill-meter-fill.morale{background:linear-gradient(90deg,#89bf9b,var(--morale))}.timing-lane{height:14px}.timing-lane.inactive{opacity:.58}.timing-window{position:absolute;top:2px;bottom:2px;transform:translate(-50%);border-radius:999px;background:#f4efe3db;border:1px solid rgba(73,63,49,.12)}.timing-marker{position:absolute;top:1px;bottom:1px;width:8px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#ca5f42,#a8472f);box-shadow:0 0 0 1px #3a22192e}.decision-wheel,.calendar-ambush{position:relative}.decision-wheel{height:166px;border-radius:18px;background:radial-gradient(circle at center,#fbf9f4f5 0 25%,#d6cebfb8 26% 27%,#efeae0eb 28% 60%,#c9c0b085 61% 63%,#f7f3e89e 64% 100%);border:1px solid rgba(85,74,58,.12);overflow:hidden}.decision-wheel-notch{position:absolute;top:10px;left:50%;width:72px;height:18px;transform:translate(-50%);border-radius:999px;background:#568f722e;border:1px solid rgba(86,143,114,.28)}.decision-wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#c2574724,#c2574742);border:1px solid rgba(143,62,49,.2);letter-spacing:.18em;font-size:.62rem;color:#6d5246}.decision-wheel-items{position:absolute;inset:0}.decision-wheel-item{position:absolute;transform:translate(-50%,-50%);max-width:112px;padding:5px 8px;border-radius:999px;font-size:.68rem;line-height:1.2;text-align:center;background:#f6f2e7f5;border:1px solid rgba(84,72,57,.14);color:var(--text);box-shadow:0 6px 14px #1d160d14}.decision-wheel-item.is-target{border-color:#568f7261;box-shadow:0 0 0 2px #568f721f}.decision-wheel-item.is-selected{background:#e5f0e9f5}.decision-wheel-item.is-noisy{color:#8a4d3f}.calendar-ambush{padding:10px 12px;border-radius:12px;background:#f7f9fc;border:1px solid rgba(129,144,165,.34);overflow:hidden}.calendar-ambush-grid{position:relative;display:grid;gap:4px}.calendar-sweep{position:absolute;top:0;bottom:0;width:calc((100% - 64px)/5);transform:translate(-50%);background:#4878c414;border-left:1px solid rgba(72,120,196,.12);border-right:1px solid rgba(72,120,196,.12);pointer-events:none}.calendar-row{display:grid;grid-template-columns:64px repeat(5,minmax(0,1fr));gap:4px;align-items:center}.calendar-row.is-head{margin-bottom:4px}.calendar-label,.calendar-slot-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#617287}.calendar-slot-label{text-align:center;padding:4px 0;color:#3d4d62}.calendar-cell{height:20px;border-radius:4px;background:#e6ebf2;border:1px solid #d0d8e3}.calendar-cell.is-busy{background:#6ea1e4;border-color:#4f83c9}.calendar-cell.is-active{box-shadow:0 0 0 2px #4878c42e}.calendar-cell.is-selected{border-color:#2f5f9f;box-shadow:0 0 0 2px #2f5f9f3d}.compliance-sheet{padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#f9f5ecf5,#ece4d4f5);border:1px solid rgba(133,121,96,.28)}.compliance-sheet-list{display:grid;gap:8px}.compliance-prompt{padding:10px 12px;border-radius:10px;background:#fffcf5db;border:1px solid rgba(126,112,87,.16);display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 14px #1f18100f}.compliance-prompt strong{font-size:.8rem}.compliance-prompt span{font-size:.72rem;color:#6f6555}.compliance-prompt.is-active{border-color:#6e80516b;box-shadow:0 0 0 2px #6e80511f}.compliance-prompt.is-selected{background:#ecf2e4eb}.compliance-prompt.is-noisy strong{color:#8a4d3f}.leadership-brief{padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#efeae0fa,#e2dcd0fa);border:1px solid rgba(112,102,84,.26);box-shadow:inset 0 1px #ffffff42}.leadership-brief-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px}.leadership-brief-head span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#7a705f}.leadership-brief-head strong{font-size:.86rem;color:#3d362d}.leadership-brief-list{display:grid;gap:8px}.leadership-prompt{padding:10px 12px;border-radius:12px;background:#fffcf5e6;border:1px solid rgba(126,112,87,.16);display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 14px #1f18100f}.leadership-prompt strong{font-size:.82rem}.leadership-prompt span{font-size:.72rem;color:#6f6555}.leadership-prompt.is-active{background:linear-gradient(180deg,#6e829cf5,#556881f5);border-color:#3c4e66eb;box-shadow:0 0 0 2px #3b527047,0 10px 22px #212b382e;transform:translateY(-1px)}.leadership-prompt.is-active strong,.leadership-prompt.is-active span{color:#f5f8fb}.leadership-prompt.is-selected{background:#e5ecf4f0}.leadership-prompt.is-noisy strong{color:#8a4d3f}.teamsync-surface{min-height:284px;display:grid;grid-template-columns:136px minmax(0,1fr);border-radius:14px;overflow:hidden;border:1px solid rgba(90,106,126,.28);background:#f2f5f9;box-shadow:inset 0 1px #ffffff38}.teamsync-sidebar{padding:12px 10px;display:grid;align-content:start;gap:8px;background:linear-gradient(180deg,#eaeef5fa,#dfe5eefa);border-right:1px solid rgba(90,106,126,.14)}.teamsync-channel{padding:8px 10px;border-radius:10px;display:flex;flex-direction:column;gap:2px;background:#ffffff8f;border:1px solid transparent}.teamsync-channel small{font-size:.58rem;letter-spacing:.12em;color:#6d7d92}.teamsync-channel strong{font-size:.76rem;color:#314254}.teamsync-channel.is-active{background:#ffffffdb;border-color:#516f9738}.teamsync-main{min-width:0;padding:12px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;background:linear-gradient(180deg,#fafcfffa,#f0f5fbfa)}.teamsync-thread{display:grid;align-content:start;gap:8px}.teamsync-message{padding:10px 12px;border-radius:12px;background:#ffffffe6;border:1px solid rgba(123,139,160,.16);box-shadow:0 6px 16px #1c27390f}.teamsync-message.is-highlight{background:#ecf2faf2;border-color:#4e70a43d}.teamsync-message-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:6px}.teamsync-message-head strong{font-size:.8rem;color:#2d4054}.teamsync-message-head span{font-size:.68rem;color:#728398}.teamsync-message p{margin:0;font-size:.78rem;line-height:1.45;color:#455568}.teamsync-composer{display:grid;gap:10px}.teamsync-draft{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.teamsync-draft-chip{min-width:0;padding:9px 10px;border-radius:11px;background:#eaf0f7eb;border:1px solid rgba(116,132,154,.16);display:flex;flex-direction:column;gap:3px}.teamsync-draft-chip small{font-size:.58rem;letter-spacing:.12em;color:#74859a}.teamsync-draft-chip strong{font-size:.72rem;line-height:1.3;color:#314254}.teamsync-draft-chip.is-active{background:linear-gradient(180deg,#647a95f5,#4e627af5);border-color:#3a4c63eb;box-shadow:0 0 0 2px #3b52703d,0 8px 18px #1e283529}.teamsync-draft-chip.is-active small,.teamsync-draft-chip.is-active strong{color:#f3f7fb}.teamsync-draft-chip.is-selected{background:#deeaf7fa}.teamsync-draft-chip.is-noisy strong{color:#8a4d3f}.teamsync-options{display:grid;gap:8px}.teamsync-option{padding:10px 12px;border-radius:12px;background:#ffffffeb;border:1px solid rgba(123,139,160,.18);display:flex;flex-direction:column;gap:4px}.teamsync-option strong{font-size:.8rem;color:#304253}.teamsync-option span{font-size:.72rem;color:#6b7b90}.teamsync-option.is-active{background:linear-gradient(180deg,#607a9cf7,#486182f7);border-color:#354a66f0;box-shadow:0 0 0 2px #39537747,0 10px 20px #1f2b3b29;transform:translateY(-1px)}.teamsync-option.is-active strong,.teamsync-option.is-active span{color:#f3f7fb}.teamsync-option.is-selected{background:#e5f0faf5}.teamsync-option.is-noisy strong{color:#8a4d3f}.summary{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#1f1a1494,#1f1a14b3),radial-gradient(circle at top left,rgba(95,128,173,.1),transparent 38%);pointer-events:auto}.interruption-result{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#1c18148a,#1c1814b8),radial-gradient(circle at top center,rgba(95,128,173,.12),transparent 34%);pointer-events:auto}.action-payoff-banner{position:absolute;top:20px;left:50%;z-index:7;width:min(460px,calc(100vw - 28px));transform:translate(-50%);pointer-events:none}.action-payoff-card{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:28px;pointer-events:none}.action-payoff-report{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:28px;background:linear-gradient(180deg,#1815127a,#181512b3),radial-gradient(circle at top center,rgba(95,128,173,.1),transparent 34%);pointer-events:auto}.campaign-wrap-up{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#1c19157a,#1c19159e),radial-gradient(circle at top right,rgba(200,70,79,.12),transparent 32%);pointer-events:auto}.leaderboard-screen{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#1815128f,#181512bd),radial-gradient(circle at top left,rgba(128,111,87,.16),transparent 36%);pointer-events:auto}.title-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(180deg,#0e0d0b57,#0e0d0b8f),radial-gradient(circle at 50% 38%,rgba(233,218,188,.08),transparent 26%),radial-gradient(circle at center,#0b0a082e,#0b0a08a3 80%);-webkit-backdrop-filter:blur(11px) saturate(.62) brightness(.8);backdrop-filter:blur(11px) saturate(.62) brightness(.8);overflow-x:hidden;overflow-y:auto;pointer-events:auto}.title-screen:before,.title-screen:after{content:"";position:absolute;inset:0;pointer-events:none}.title-screen:before{background:radial-gradient(circle at center,#0000 38%,#00000047 76%,#00000085)}.title-screen:after{inset:12%;background:radial-gradient(circle at center,#f1e4c617,#f1e4c600 64%);filter:blur(12px)}.intro{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#1a18148a,#1a1814ad),radial-gradient(circle at top left,rgba(95,128,173,.22),transparent 34%);pointer-events:auto}.briefing{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#1b1a1661,#1b1a168c),radial-gradient(circle at top left,rgba(95,128,173,.18),transparent 36%);pointer-events:auto}.summary-card{width:min(540px,calc(100vw - 32px));background:var(--panel-strong)}.briefing-card,.intro-card,.interruption-result-card{width:min(720px,calc(100vw - 32px));background:linear-gradient(180deg,#f4efe3f5,#ede7dbf5)}.campaign-card{width:min(700px,calc(100vw - 32px));background:linear-gradient(180deg,#f2ede2f7,#e7e2d6f7)}.leaderboard-card{width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:14px;padding:20px;overflow:auto;background:linear-gradient(180deg,#f4efe3f7,#e8e2d6f7);border:1px solid rgba(70,61,47,.16);border-radius:20px;box-shadow:0 24px 56px #0000003d,inset 0 1px #ffffff14}.leaderboard-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.leaderboard-head h2{margin:0;font-size:clamp(1.34rem,2.2vw,1.9rem)}.leaderboard-head p:not(.eyebrow){margin:8px 0 0;color:var(--muted);line-height:1.5;max-width:60ch}.leaderboard-grid{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:14px;min-height:0}.leaderboard-list-section{min-height:0}.leaderboard-list{display:flex;flex-direction:column;gap:8px;max-height:min(68vh,760px);overflow:auto}.leaderboard-record{appearance:none;width:100%;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;border:1px solid rgba(73,63,49,.1);background:#ffffff85;text-align:left;cursor:pointer;color:inherit}.leaderboard-record:hover,.leaderboard-record:focus-visible{transform:translateY(-1px);border-color:#49679247}.leaderboard-record.is-selected{border-color:#49679257;background:#eaf0f8b8;box-shadow:0 0 0 2px #49679214}.leaderboard-record-head,.leaderboard-record-meta,.leaderboard-day-head,.leaderboard-day-meta,.leaderboard-damage-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.leaderboard-record-head strong,.leaderboard-day-head strong{flex:1}.leaderboard-rank,.leaderboard-score,.leaderboard-day-score{min-width:max-content;font-weight:700;color:var(--text)}.leaderboard-rank{color:#6d6355}.leaderboard-record-meta,.leaderboard-day-meta{color:var(--muted);font-size:.76rem;line-height:1.4}.leaderboard-detail{min-height:0;display:flex;flex-direction:column;gap:12px}.leaderboard-run-summary{background:#fbf8f0ad}.leaderboard-stat-strip{row-gap:8px}.leaderboard-damage-grid,.leaderboard-day-list{display:flex;flex-direction:column;gap:10px}.leaderboard-damage-row,.leaderboard-day-row{padding:10px 12px;border-radius:12px;background:#ffffff75;border:1px solid rgba(73,63,49,.08)}.leaderboard-day-row{display:flex;flex-direction:column;gap:8px}.leaderboard-day-flags,.leaderboard-components{display:flex;flex-wrap:wrap;gap:8px}.leaderboard-flag,.leaderboard-component{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;border:1px solid rgba(73,63,49,.08);background:#ffffff8f;color:#6f6759;font-size:.72rem;line-height:1.2}.leaderboard-flag.is-good,.leaderboard-component.is-good{border-color:#5c8f723d;color:#436c54}.leaderboard-flag.is-bad,.leaderboard-component.is-bad{border-color:#c8464f38;color:#8a4d54}.leaderboard-flag.is-muted{color:#7b7365}.leaderboard-flag.is-collapse{border-color:#7466a038;color:#5d5286}.leaderboard-empty-state{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;background:#ffffff6b;border:1px solid rgba(73,63,49,.08)}.leaderboard-empty-state span{color:var(--muted);line-height:1.45}.title-screen-stage{position:relative;z-index:1;width:min(1040px,calc(100vw - 48px));display:grid;grid-template-rows:auto auto;gap:clamp(12px,2vh,20px);align-items:start}.title-screen-eyebrow{margin:0;color:#e2d7bfc7;letter-spacing:.3em;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.28)}.title-screen-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,336px);gap:clamp(18px,3vw,32px);align-items:center}.title-screen-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2vh,20px);min-width:0;text-align:center}.title-screen-hero{position:relative;width:100%;display:flex;justify-content:center}.title-screen-hero:after{content:"";position:absolute;left:50%;bottom:-26px;width:min(420px,60vw);height:42px;transform:translate(-50%);background:radial-gradient(ellipse at center,#06050457,#06050400 72%);filter:blur(14px);pointer-events:none}.title-screen-art-frame{position:relative;width:min(336px,calc(100vw - 88px));padding:10px;background:linear-gradient(180deg,#f6f0e2f5,#e9e0cefa);border:1px solid rgba(70,61,47,.22);border-radius:4px;box-shadow:0 28px 68px #00000047,0 8px 18px #00000029}.title-screen-art-frame:before{content:"";position:absolute;inset:8px;border:1px solid rgba(79,67,49,.08);pointer-events:none}.title-screen-art{display:block;width:100%;height:auto;object-fit:cover}.title-screen-copy{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:390px}.title-screen-subtitle,.title-screen-status{margin:0;line-height:1.5}.title-screen-subtitle{max-width:28ch;color:#f3ecdee6;font-size:clamp(1rem,1.4vw,1.08rem)}.title-screen-utility{display:flex;flex-direction:column;gap:14px;align-self:stretch;padding:clamp(16px,2vw,22px);border-radius:18px;background:linear-gradient(180deg,#1e1b18c7,#151311d6);border:1px solid rgba(255,247,231,.12);box-shadow:0 18px 40px #0003,inset 0 1px #ffffff0d}.title-screen-utility-section{display:flex;flex-direction:column;gap:8px;text-align:left}.title-screen-reference{gap:6px}.title-screen-utility-controls{margin-top:4px}.title-screen-status{color:#e5dac1b8;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.title-screen-attribution{max-width:none;margin:0;color:#ddd3bca8;font-size:.75rem;line-height:1.45}.title-screen-identity{width:100%}.title-screen-name-field{display:flex;flex-direction:column;gap:6px;text-align:left}.title-screen-name-field span{color:#e4d9c1c7;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.title-screen-name-field input{appearance:none;width:100%;border:1px solid rgba(255,247,231,.14);border-radius:8px;padding:12px 13px;background:#191714b3;color:#f8f3e9f5;font:inherit;box-sizing:border-box;box-shadow:inset 0 1px #ffffff0a}.title-screen-name-field input::placeholder{color:#dfd4be6b}.title-screen-name-field input:focus-visible{outline:2px solid rgba(242,235,220,.32);outline-offset:2px;border-color:#fff7e73d}.title-screen-identity-note{margin:0;color:#e0d5bc9e;font-size:.74rem;line-height:1.45}.title-screen-utility-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.title-screen-utility-button{width:100%}.title-screen-secondary-button{appearance:none;border:1px solid rgba(236,226,204,.22);border-radius:999px;padding:11px 16px;width:100%;background:#f6eedf0a;color:#efe6d2e0;font:inherit;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #0000001a;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.title-screen-secondary-button:hover,.title-screen-secondary-button:focus-visible{color:#f8f1e5f5;background:#f6eedf14;border-color:#ece2cc52;transform:translateY(-1px)}.title-screen-secondary-button:focus-visible{outline:2px solid rgba(242,235,220,.24);outline-offset:3px}.title-screen-continue-button{width:100%;margin-top:8px;padding:14px 18px;font-size:.78rem;letter-spacing:.15em}.title-screen-reference-link{appearance:none;display:inline-flex;align-items:center;justify-content:flex-start;align-self:flex-start;border:0;padding:0;background:transparent;color:#e9dfc9b8;font:inherit;font-size:.73rem;font-weight:500;letter-spacing:.03em;text-decoration:underline;text-decoration-color:#e9dfc947;text-underline-offset:.18em;cursor:pointer;transition:color .18s ease,text-decoration-color .18s ease,transform .18s ease}.title-screen-reference-link:hover,.title-screen-reference-link:focus-visible{color:#f8f1e5f5;text-decoration-color:#f8f1e58a;transform:translateY(-1px)}.title-screen-reference-link:focus-visible{outline:2px solid rgba(242,235,220,.2);outline-offset:4px;border-radius:4px}.summary-card{width:min(640px,calc(100vw - 32px))}.action-payoff-report-card{width:min(600px,calc(100vw - 32px))}.interruption-result-card{width:min(560px,calc(100vw - 32px))}.action-payoff-banner-card,.action-payoff-card-shell,.action-payoff-report-card{position:relative;border:1px solid rgba(70,61,47,.14);box-shadow:0 18px 42px #0000002e,inset 0 1px #ffffff14}.action-payoff-banner-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#f6f0e4f5,#ece6d9f5)}.action-payoff-card-shell,.action-payoff-report-card{display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#f4efe3f5,#ede7dbf5)}.action-payoff-card-shell{width:min(480px,calc(100vw - 32px));padding:18px;border-radius:18px}.action-payoff-report-card{max-height:calc(100vh - 36px);overflow:auto;padding:20px;border-radius:20px}.action-payoff-banner-card:before,.action-payoff-card-shell:before,.action-payoff-report-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:inherit;background:#43546b99}.action-payoff-banner-card.is-character:before,.action-payoff-card-shell.is-character:before,.action-payoff-report-card.is-character:before{background:#466084bd}.action-payoff-banner-card.is-work:before,.action-payoff-card-shell.is-work:before,.action-payoff-report-card.is-work:before{background:#aa7c4ac2}.action-payoff-banner-card.is-meeting:before,.action-payoff-card-shell.is-meeting:before,.action-payoff-report-card.is-meeting:before{background:#6674a5c7}.action-payoff-banner-card.is-incident:before,.action-payoff-card-shell.is-incident:before,.action-payoff-report-card.is-incident:before{background:#9a545ac7}.action-payoff-banner-card.is-compliance:before,.action-payoff-card-shell.is-compliance:before,.action-payoff-report-card.is-compliance:before{background:#6b7c54c7}.action-payoff-banner-card.is-leadership:before,.action-payoff-card-shell.is-leadership:before,.action-payoff-report-card.is-leadership:before{background:#586780d1}.action-payoff-banner-card.is-recovery:before,.action-payoff-card-shell.is-recovery:before,.action-payoff-report-card.is-recovery:before{background:#7a67aad1}.action-payoff-banner-card.is-assessment:before,.action-payoff-card-shell.is-assessment:before,.action-payoff-report-card.is-assessment:before{background:#785354d6}.action-payoff-banner-card strong,.action-payoff-card-shell strong,.action-payoff-report-card strong{color:#352f27}.action-payoff-banner-card span,.action-payoff-card-shell span,.action-payoff-report-card span{color:var(--muted);line-height:1.55}.action-payoff-banner-card .eyebrow,.action-payoff-card-shell .eyebrow,.action-payoff-report-card .eyebrow{margin:0}.action-payoff-banner-card strong{font-size:.96rem}.action-payoff-banner-card span{font-size:.88rem}.summary-card,.briefing-card,.intro-card,.interruption-result-card,.campaign-card,.action-payoff-report-card{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 36px);overflow:auto}.briefing-card h2,.intro-card h2,.interruption-result-card h2,.summary-card h2,.campaign-card h2{margin:0;font-size:clamp(1.3rem,2.5vw,1.76rem)}.briefing-card p,.intro-card p,.interruption-result-card p,.campaign-card p,.summary-card p{line-height:1.5}.interruption-result-head,.action-payoff-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.interruption-result-head h2{max-width:260px}.action-payoff-head h2{margin:0;max-width:280px;font-size:clamp(1.16rem,2.2vw,1.48rem)}.interruption-result-pips,.action-payoff-pips{display:flex;gap:8px;align-items:center}.interruption-result-pip{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(73,63,49,.12);background:#ffffff70;color:#8a7d68;font-size:.75rem;font-weight:700}.interruption-result-pip.is-active{background:linear-gradient(180deg,#43546bf5,#313e52f5);border-color:#3b4d6552;color:#f5f0e8f5;box-shadow:inset 0 1px #ffffff14}.action-payoff-pips .interruption-result-pip{width:24px;height:24px;font-size:.7rem}.interruption-result-copy,.action-payoff-copy{gap:8px}.interruption-result-copy span,.action-payoff-copy span{color:var(--muted);line-height:1.55}.interruption-result-hint,.action-payoff-hint{margin:0;color:#7a7164;font-size:.82rem;text-align:center}.interruption-result-actions,.action-payoff-actions{justify-content:center}.briefing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.briefing-section{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:#ffffff75;border:1px solid rgba(73,63,49,.08)}.overlay-actions{display:flex;gap:10px;flex-wrap:wrap}.summary-card button,.briefing-card button,.intro-card button,.campaign-card button{border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#6a8ab7,#425f8f);color:#fff}.interruption-result-card button,.action-payoff-report-card button{border:1px solid rgba(54,47,37,.16);border-radius:8px;padding:12px 18px;background:linear-gradient(180deg,#302b25fa,#1e1b17fa);color:#f7f1e6f5;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 24px #00000029,inset 0 1px #ffffff14}.interruption-result-card button:hover,.interruption-result-card button:focus-visible{transform:translateY(-1px);background:linear-gradient(180deg,#3b342dfa,#221e19fa)}.action-payoff-report-card button:hover,.action-payoff-report-card button:focus-visible{transform:translateY(-1px);background:linear-gradient(180deg,#3b342dfa,#221e19fa)}.title-screen-button{appearance:none;border:1px solid rgba(255,247,231,.16);border-radius:6px;padding:13px 20px;min-width:216px;background:linear-gradient(180deg,#2c2823fa,#1a1815fa);color:#f7f1e6f5;font:inherit;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 12px 30px #00000038,inset 0 1px #ffffff14;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}.title-screen-button:hover,.title-screen-button:focus-visible{transform:translateY(-1px);background:linear-gradient(180deg,#3a352efa,#1f1c18fa);border-color:#fff7e747;box-shadow:0 16px 34px #00000042,inset 0 1px #ffffff1a}.title-screen-button:focus-visible{outline:2px solid rgba(242,235,220,.42);outline-offset:3px}.hud-layer.overlay-active>.hud-side,.hud-layer.overlay-active>.world-layer{opacity:0;transform:translateY(12px);pointer-events:none}.hud-layer.context-reading>.hud-side{opacity:.18;transform:translateY(-4px) scale(.985);pointer-events:none}.hud-layer.skill-focus-active>.hud-side,.hud-layer.skill-focus-active>.world-layer{opacity:.2;transform:scale(.985);pointer-events:none}.secondary-button{background:#ffffffad!important;color:var(--text)!important;border:1px solid var(--border)!important}@media(max-width:980px){.hud-side{width:min(300px,calc(100vw - 32px))}.context-card{width:min(430px,calc(100vw - 32px))}.briefing-grid{grid-template-columns:1fr}.title-screen-shell{grid-template-columns:minmax(0,1fr);gap:18px}.title-screen-utility{max-width:560px;width:100%;margin:0 auto}}@media(max-width:680px){.hud-layer{inset:0}.hud-side{left:12px;right:12px}.hud-side{top:12px;width:auto;align-items:stretch}.hud-dock{max-width:100%}.hud-dock-right{align-items:stretch}.dock-toolbar-right{justify-content:flex-start}.dock-sheet{width:min(292px,calc(100vw - 24px))}.status-cluster,.context-card{width:min(100%,calc(100vw - 24px))}.skill-card{width:min(100%,calc(100vw - 24px));padding:14px 16px}.mission-status-strip,.overlay-actions{flex-direction:column}.mission-meters,.status-mini-strip{grid-template-columns:1fr}.summary-card,.briefing-card,.intro-card,.interruption-result-card,.campaign-card,.leaderboard-card,.action-payoff-card-shell,.action-payoff-report-card{width:min(100%,calc(100vw - 24px))}.title-screen{padding:14px}.interruption-result-head,.action-payoff-head{flex-direction:column;align-items:flex-start}.title-screen-stage{width:min(100%,calc(100vw - 20px));gap:16px}.leaderboard-screen{padding:12px}.leaderboard-grid{grid-template-columns:1fr}.leaderboard-list{max-height:none}.title-screen-art-frame{width:min(300px,calc(100vw - 52px))}.title-screen-subtitle{font-size:.94rem}.title-screen-utility{padding:14px}.title-screen-utility-actions{flex-direction:column;align-items:stretch}.title-screen-utility-button{width:100%}}@media(max-width:540px){.title-screen-eyebrow{letter-spacing:.22em}.title-screen-art-frame{width:min(276px,calc(100vw - 40px));padding:10px}.title-screen-copy{gap:8px;max-width:320px}.leaderboard-head{flex-direction:column}.title-screen-identity{width:100%}.title-screen-status{font-size:.68rem;letter-spacing:.14em}.title-screen-button{min-width:188px;padding:12px 16px}}@media(max-height:820px){.title-screen{align-items:flex-start;overflow-y:auto;padding:20px}.title-screen-stage{gap:12px}.title-screen-shell{gap:20px}.title-screen-art-frame{width:min(300px,calc(100vw - 88px))}.title-screen-utility{padding:14px 16px;gap:12px}}@media(max-height:720px)and (min-width:900px){.title-screen{padding:16px 20px}.title-screen-art-frame{width:264px;padding:9px}.title-screen-copy{gap:10px}.title-screen-subtitle{font-size:.96rem}.title-screen-button{min-width:204px;padding:12px 18px}.title-screen-identity-note,.title-screen-attribution{font-size:.72rem}}