@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600&family=Teko:wght@500;600;700&display=swap";:root{color-scheme:light;--ink-strong: #13100d;--ink-body: #2a241e;--ink-muted: #5f5347;--bg-ivory: #f2ede3;--bg-smoke: #ece5d8;--surface-main: rgba(255, 250, 244, .86);--surface-dark: rgba(7, 14, 32, .74);--signal-cyan: #5de8ff;--signal-rose: #ff7ec7;--signal-amber: #ffd16f;--accent-copper: #b45430;--edge-soft: rgba(19, 16, 13, .12);--edge-strong: rgba(27, 95, 129, .34);--radius-frame: 28px;--radius-card: 18px;--radius-pill: 999px;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--shell-shadow: 0 22px 70px rgba(41, 28, 18, .12);--card-shadow: 0 16px 36px rgba(30, 22, 18, .12);--max-content-width: 1200px;--font-display: "Teko", "Oswald", "Arial Narrow", sans-serif;--font-body: "IBM Plex Sans", "Space Grotesk", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;color:var(--ink-body);font-family:var(--font-body);line-height:1.5;background:radial-gradient(circle at 20% 0%,rgba(255,243,214,.4),transparent 32%),radial-gradient(circle at 100% 20%,rgba(89,225,255,.1),transparent 28%),linear-gradient(180deg,var(--bg-ivory) 0%,var(--bg-smoke) 100%);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{color:#111;background:#ffd16f7a}.site-shell{min-height:100vh;padding:var(--space-4) var(--space-4) var(--space-12)}.site-main{width:min(100%,var(--max-content-width));margin:0 auto;display:grid;gap:var(--space-8);align-content:start}.chapter-section{width:100%}.sticky-header{position:sticky;top:var(--space-4);z-index:40;width:min(100%,var(--max-content-width));margin:0 auto var(--space-6);padding:var(--space-3) var(--space-4);border:1px solid var(--edge-soft);border-radius:var(--radius-card);background:linear-gradient(180deg,#fffbf5e6,#f7efe5db),radial-gradient(circle at 85% 0%,rgba(92,231,255,.12),transparent 35%);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4)}.sticky-header-brand{display:grid;gap:0;align-items:center}.sticky-header-brand strong{font-family:var(--font-display);font-size:2rem;line-height:.9;letter-spacing:.03em;color:var(--ink-strong)}.sticky-header-brand span{font-family:var(--font-mono);font-size:.73rem;color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase}.chapter-nav{overflow-x:auto;scrollbar-width:none}.chapter-nav::-webkit-scrollbar{display:none}.chapter-nav ul{display:inline-flex;gap:var(--space-2);min-width:100%;justify-content:center}.chapter-nav a{display:inline-flex;align-items:center;min-height:2.1rem;padding:.15rem .72rem;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.chapter-nav a.is-active{border-color:#5be4ff7a;color:#143248;background:#5de8ff24}.sticky-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.25rem .9rem;border-radius:var(--radius-pill);border:1px solid rgba(180,84,48,.36);color:#5b2f1d;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;background:#ffeed8e6}@media (max-width: 980px){.site-shell{padding:var(--space-3) var(--space-3) var(--space-8)}.sticky-header{top:var(--space-2);grid-template-columns:1fr;gap:var(--space-3)}.chapter-nav ul{justify-content:flex-start}.sticky-header-cta{width:fit-content}}.section-frame,.lead-section,.playable-chapter,.summary-break{position:relative;border:1px solid var(--edge-soft);border-radius:var(--radius-frame);background:linear-gradient(180deg,#fffbf6e6,#f4ece1e0),radial-gradient(circle at 86% 0%,rgba(95,232,255,.08),transparent 34%);box-shadow:var(--shell-shadow);overflow:clip}.section-frame,.playable-chapter{padding:clamp(1.1rem,2vw,1.8rem)}.section-frame-head{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.section-eyebrow{display:inline-flex;width:fit-content;padding:.35rem .72rem;border-radius:var(--radius-pill);border:1px solid rgba(180,84,48,.2);color:#6e361f;background:#ffe9ced6;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.lead-section{padding:clamp(1.5rem,3vw,2.4rem);display:grid;gap:var(--space-5)}.lead-section h1,.section-frame h2,.playable-chapter h2{font-family:var(--font-display);color:var(--ink-strong);letter-spacing:.02em;line-height:.9}.lead-section h1{font-size:clamp(3rem,11vw,5.7rem);max-width:10ch}.section-frame h2,.playable-chapter h2{font-size:clamp(2.3rem,6vw,3.6rem)}.lead-copy,.section-copy{max-width:60ch;color:var(--ink-muted);font-size:1rem;line-height:1.65}.lead-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.lead-chip-row li{min-height:2rem;padding:.38rem .8rem;border:1px solid rgba(180,84,48,.16);border-radius:var(--radius-pill);background:#fff8ede6;font-family:var(--font-mono);font-size:.77rem;letter-spacing:.03em;text-transform:uppercase}.lead-jump{display:inline-flex;width:fit-content;align-items:center;min-height:2.2rem;padding:.22rem .85rem;border:1px solid rgba(93,232,255,.48);border-radius:var(--radius-pill);color:#19445d;background:#5de8ff26;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.overview-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--space-6);align-items:end}.overview-support-lines{display:grid;gap:var(--space-3)}.overview-support-lines li{padding:.78rem .9rem;border:1px solid rgba(19,16,13,.08);border-left:4px solid rgba(93,232,255,.42);border-radius:12px;background:#fffbf4e0;font-family:var(--font-mono);font-size:.82rem;color:#1f3747}.playable-chapter{background:linear-gradient(180deg,#f8f0e5f5,#ede5daeb),radial-gradient(circle at 16% 0%,rgba(255,184,116,.18),transparent 36%),radial-gradient(circle at 88% 20%,rgba(94,228,255,.13),transparent 34%)}.playable-chapter-kicker{margin-bottom:var(--space-4);padding:.25rem .62rem;width:fit-content;border:1px solid rgba(255,209,111,.52);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:#5c3b20;background:#fff1d9cc}.playable-chapter-shell{position:relative;padding:var(--space-4);border-radius:22px;border:1px solid rgba(19,16,13,.12);background:linear-gradient(180deg,#0a162fe6,#060e21e6),radial-gradient(circle at 10% 0%,rgba(255,176,101,.18),transparent 30%),radial-gradient(circle at 100% 30%,rgba(94,228,255,.16),transparent 33%);overflow:clip}.playable-corner-label{position:absolute;z-index:8;padding:.18rem .56rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.35);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:#e3f6ffe0;background:#0c1f39a6}.playable-corner-label.is-top-left{top:.65rem;left:.65rem}.playable-corner-label.is-top-right{top:.65rem;right:.65rem}.playable-chapter-attention,.playable-chapter-summary{margin-top:var(--space-4);color:var(--ink-muted);font-size:.92rem}.playable-chapter-bridge{margin-top:var(--space-4);padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(19,16,13,.12);border-left:4px solid rgba(93,232,255,.54);background:#faf5eeeb;font-size:.9rem;color:#2e2a24}.decode-chain{margin-bottom:var(--space-5);padding:.45rem .68rem;border-radius:10px;border:1px solid rgba(180,84,48,.22);background:#fff6e9db;font-family:var(--font-mono);font-size:.78rem}.decode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.decode-card{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid rgba(19,16,13,.1);border-radius:14px;background:#fffcf6db}.decode-card span{width:fit-content;padding:.18rem .45rem;border-radius:var(--radius-pill);border:1px solid rgba(93,232,255,.48);color:#1e4760;font-family:var(--font-mono);font-size:.67rem;letter-spacing:.06em}.decode-card h3,.topic-text-frame h3,.partner-column-card h3,.constellation-node h3,.constellation-center-node h3,.footer-cta-card h3{font-family:var(--font-display);font-size:1.75rem;line-height:.94;letter-spacing:.02em;color:var(--ink-strong)}.decode-card p,.topic-text-frame p,.partner-column-card li,.constellation-node p,.constellation-center-node p,.footer-cta-card p{color:var(--ink-muted);font-size:.92rem;line-height:1.55}.topics-stack{display:grid;gap:var(--space-6)}.topic-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:stretch}.topic-row.is-flipped{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.topic-row.is-flipped .topic-text-frame{order:2}.topic-row.is-flipped .media-panel{order:1}.topic-text-frame{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid rgba(19,16,13,.1);border-radius:18px;background:#fffcf7e6}.topic-stat-line{margin-top:var(--space-2);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:#264760}.summary-break{padding:var(--space-6);display:grid;gap:var(--space-4);justify-items:center;text-align:center;background:linear-gradient(180deg,#f9f4ecf5,#f3ebdfeb),radial-gradient(circle at 50% 50%,rgba(255,209,111,.14),transparent 55%)}.summary-break p{max-width:62ch;font-size:clamp(1.05rem,2.1vw,1.25rem);color:#2e2b25}.summary-break-line{width:min(100%,32rem);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(36,91,118,.44) 50%,transparent 100%)}.partner-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.partner-column-card{padding:var(--space-5);border:1px solid rgba(19,16,13,.1);border-radius:14px;background:#fffaf2e6;display:grid;gap:var(--space-3)}.partner-column-card ul{display:grid;gap:var(--space-3)}.partner-column-card li{position:relative;padding-left:1rem}.partner-column-card li:before{content:"•";position:absolute;left:0;color:#2b8aac}.constellation-map{display:grid;gap:var(--space-5)}.constellation-center-node{padding:var(--space-5);border:1px solid rgba(20,68,96,.32);border-radius:16px;background:#e9f9ff70}.constellation-orbit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}.constellation-node{padding:var(--space-4);border:1px solid rgba(19,16,13,.1);border-radius:14px;background:#fffbf5e0;display:grid;gap:var(--space-2)}.footer-cta-media-wrap{margin-bottom:var(--space-5)}.footer-cta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.footer-cta-card{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid rgba(19,16,13,.12);border-radius:14px;background:#fff9f0e6}@media (max-width: 1100px){.decode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-row,.topic-row.is-flipped{grid-template-columns:1fr}.topic-row.is-flipped .topic-text-frame,.topic-row.is-flipped .media-panel{order:initial}.constellation-orbit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-cta-grid{grid-template-columns:1fr}}@media (max-width: 780px){.section-frame,.lead-section,.playable-chapter,.summary-break{border-radius:18px}.overview-grid,.partner-columns,.decode-grid,.constellation-orbit-grid{grid-template-columns:1fr}.playable-chapter-shell{padding:var(--space-3)}.playable-corner-label{position:static;margin-bottom:var(--space-2)}}.media-panel{position:relative;display:grid;gap:var(--space-3);padding:var(--space-3);border-radius:18px;border:1px solid rgba(19,16,13,.12);overflow:hidden;min-height:16rem;background:#09142cc7}.media-label{position:absolute;top:.6rem;left:.6rem;z-index:3;padding:.2rem .55rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.3);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:#e6f7fff0;background:#040f2194}.media-panel img,.media-panel video,.media-placeholder{min-height:12.5rem;height:100%;border-radius:12px;border:1px solid rgba(204,236,255,.28)}.media-placeholder{display:grid;place-items:center;padding:var(--space-4)}.media-placeholder span{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#dbf5fff0}.media-panel figcaption{margin-top:auto;font-size:.82rem;color:#daedfbe6}.media-tone-ember{background:radial-gradient(circle at 70% 18%,rgba(255,180,109,.3),transparent 34%),linear-gradient(180deg,#181829d1,#29130fd1)}.media-tone-ember .media-placeholder{background:radial-gradient(circle at 60% 40%,rgba(255,198,135,.25),transparent 52%),linear-gradient(180deg,#311c16e0,#140f11e0)}.media-tone-signal{background:radial-gradient(circle at 80% 12%,rgba(95,230,255,.32),transparent 34%),linear-gradient(180deg,#0e1a32d6,#090e1ddb)}.media-tone-signal .media-placeholder{background:radial-gradient(circle at 30% 60%,rgba(93,232,255,.24),transparent 54%),linear-gradient(180deg,#0b1d3ae6,#060f22e6)}.media-tone-nocturne{background:radial-gradient(circle at 84% 15%,rgba(255,127,199,.23),transparent 32%),linear-gradient(180deg,#11122ad6,#0e0d19e0)}.media-tone-nocturne .media-placeholder{background:radial-gradient(circle at 68% 26%,rgba(255,127,199,.2),transparent 52%),linear-gradient(180deg,#1d1a34e6,#0b0a16e6)}:root{--motion-ease-lift: cubic-bezier(.22, 1, .36, 1)}.reveal-section,.reveal-kicker,.reveal-title,.reveal-copy,.reveal-frame,.reveal-media,.reveal-secondary,.reveal-divider{opacity:0}.reveal-section{transform:translateY(10px);transition:opacity .7s var(--motion-ease-lift),transform .7s var(--motion-ease-lift)}.reveal-section.is-in{opacity:1;transform:translateY(0)}.reveal-kicker{transform:translateY(8px);transition:opacity .55s var(--motion-ease-lift),transform .55s var(--motion-ease-lift)}.reveal-kicker.is-in{opacity:1;transform:translateY(0)}.reveal-title{transform:translateY(14px);transition:opacity .8s var(--motion-ease-lift),transform .8s var(--motion-ease-lift)}.reveal-title.is-in{opacity:1;transform:translateY(0)}.reveal-copy{transform:translateY(12px);transition:opacity .75s var(--motion-ease-lift),transform .75s var(--motion-ease-lift)}.reveal-copy.is-in{opacity:1;transform:translateY(0)}.reveal-frame{transform:translateY(12px);border-color:#13100d14;box-shadow:0 10px 20px #130f0c14;transition:opacity .78s var(--motion-ease-lift),transform .78s var(--motion-ease-lift),border-color .78s var(--motion-ease-lift),box-shadow .78s var(--motion-ease-lift)}.reveal-frame.is-in{opacity:1;transform:translateY(0);border-color:#13100d21;box-shadow:0 16px 30px #14100d1f}.reveal-media{transform:translateY(16px) scale(.985);filter:saturate(.92);transition:opacity .9s var(--motion-ease-lift),transform .9s var(--motion-ease-lift),filter .9s var(--motion-ease-lift);will-change:opacity,transform,filter}.reveal-media.is-in{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}.reveal-secondary{transform:translateY(8px);transition:opacity .6s var(--motion-ease-lift),transform .6s var(--motion-ease-lift)}.reveal-secondary.is-in{opacity:1;transform:translateY(0)}.reveal-divider{transform-origin:center;transform:scaleX(.82);transition:opacity .55s var(--motion-ease-lift),transform .55s var(--motion-ease-lift)}.reveal-divider.is-in{opacity:1;transform:scaleX(1)}.chapter-nav a,.lead-jump,.sticky-header-cta,.footer-cta-card,.partner-column-card,.decode-card,.topic-text-frame,.constellation-node,.media-panel{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}.chapter-nav a:hover,.chapter-nav a:focus-visible,.lead-jump:hover,.lead-jump:focus-visible,.sticky-header-cta:hover,.sticky-header-cta:focus-visible,.footer-cta-card:hover,.footer-cta-card:focus-visible,.partner-column-card:hover,.decode-card:hover,.topic-text-frame:hover,.constellation-node:hover,.media-panel:hover{transform:translateY(-2px);border-color:#5be4ff6b;box-shadow:0 16px 32px #11142026}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(93,232,255,.45);outline-offset:2px}@media (prefers-reduced-motion: reduce){.reveal-section,.reveal-kicker,.reveal-title,.reveal-copy,.reveal-frame,.reveal-media,.reveal-secondary,.reveal-divider{opacity:1;transform:none;filter:none;transition:none;will-change:auto}.chapter-nav a,.lead-jump,.sticky-header-cta,.footer-cta-card,.partner-column-card,.decode-card,.topic-text-frame,.constellation-node,.media-panel{transition:none}.chapter-nav a:hover,.lead-jump:hover,.sticky-header-cta:hover,.footer-cta-card:hover,.partner-column-card:hover,.decode-card:hover,.topic-text-frame:hover,.constellation-node:hover,.media-panel:hover{transform:none;box-shadow:none}}.playable-incident{width:100%}.playable-live-layout{position:relative}.playable-scene-shell{padding:.65rem;border:1px solid rgba(150,215,255,.34);border-radius:22px;background:#030d219e;box-shadow:inset 0 0 0 1px #eef9ff14}.playable-overlay{position:absolute;z-index:5;pointer-events:none}.playable-overlay-top-left{top:.72rem;left:.72rem}.playable-overlay-top-center{top:.72rem;left:50%;transform:translate(-50%)}.playable-overlay-top-right{top:.72rem;right:.72rem}.playable-overlay-bottom-left{left:.72rem;bottom:.72rem}.playable-overlay-bottom-center{left:50%;bottom:1.05rem;transform:translate(-50%)}.playable-overlay-card,.playable-panel-card{border:1px solid rgba(21,17,13,.12);border-radius:20px;background:#fffbf5eb;box-shadow:0 16px 30px #3a27151f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.9rem}.playable-audience-card,.playable-gift-card{width:min(19rem,31vw)}.playable-task-card{pointer-events:auto;width:min(19rem,32vw);padding:.4rem;border-radius:14px;border:1px solid rgba(207,164,74,.44);background:linear-gradient(180deg,#3e2b5fad,#221733b3),linear-gradient(90deg,#fad0472e,#fad04700);box-shadow:0 10px 24px #04040e57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.playable-chat-card{pointer-events:auto;width:min(23rem,36vw);max-height:11.6rem;padding:.45rem;border-radius:14px;border:1px solid rgba(149,220,255,.22);background:linear-gradient(180deg,#12192699,#1012209e),linear-gradient(90deg,#47caff14,#47caff00);box-shadow:0 10px 22px #03081852;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.playable-dialogue-hud{pointer-events:auto;width:min(30rem,48vw);padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.playable-broadcast-hud{pointer-events:auto;width:min(14rem,22vw);padding:.3rem .38rem .38rem;border-radius:12px;border:1px solid rgba(166,231,255,.34);background:#05122575;box-shadow:0 8px 16px #0208144d}.playable-broadcast-preview{height:4.6rem;border-radius:8px;border:2px solid rgba(212,239,255,.72);background:radial-gradient(circle at 78% 32%,rgba(170,82,255,.25),transparent 34%),linear-gradient(180deg,#21334fa8,#0c1422a3)}.playable-broadcast-live{margin:.3rem 0 0;display:inline-flex;align-items:center;gap:.45rem;color:#ff7368;font-size:1.35rem;font-weight:800;letter-spacing:.04em}.playable-broadcast-live-dot{width:.75rem;height:.75rem;border-radius:999px;background:#ff3e36;box-shadow:0 0 0 3px #ff3e3633}.playable-broadcast-player{margin:.14rem 0 0;color:#f0f8fff2;font-size:1.4rem;line-height:1}.playable-session-hud{pointer-events:auto;min-width:20rem;padding:.3rem .45rem;border-radius:10px;border:1px solid rgba(130,217,255,.32);background:#030f1e8f;box-shadow:0 7px 14px #030a1657}.playable-session-meter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;align-items:center;height:.38rem}.playable-session-meter span{display:block;height:100%;border-radius:999px}.playable-session-meter .is-tryhard{background:linear-gradient(90deg,#53e0ff,#97f5ff)}.playable-session-meter .is-gachi{background:linear-gradient(90deg,#ff4eb2,#ff8ac6)}.playable-session-meter .is-chaotic{background:linear-gradient(90deg,#ffc94d,#ffe58c)}.playable-session-copy{margin:.28rem 0 0;color:#f4fcffdb;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em}.playable-panel-heading{display:grid;gap:.25rem;margin-bottom:.85rem}.playable-panel-heading h3{margin:0;font-family:var(--font-display);font-size:1.4rem;line-height:.92}.playable-kicker{margin:0;color:var(--accent-copper);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.playable-panel-copy,.playable-ticker-copy{margin:0;color:var(--ink-muted);line-height:1.6}.playable-panel-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.playable-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.7rem 1rem;border:1px solid rgba(180,84,48,.2);border-radius:999px;background:#fff8efeb;color:var(--ink-body);font:inherit;font-size:.92rem;font-weight:700;cursor:pointer}.playable-scene{position:relative;overflow:hidden;min-height:31rem;border-radius:18px;background:radial-gradient(circle at 50% 14%,rgba(255,227,168,.38),transparent 30%),linear-gradient(180deg,#221714,#3c2520 32%,#6a3d24 70%,#241714);cursor:crosshair;isolation:isolate}.playable-scene:focus-visible{outline:3px solid rgba(184,79,42,.58);outline-offset:4px}.playable-scene-glow{position:absolute;inset:auto;width:42%;height:52%;border-radius:999px;background:radial-gradient(circle,rgba(255,179,111,.46),transparent 68%);filter:blur(14px)}.playable-scene-glow-a{top:4%;left:10%}.playable-scene-glow-b{top:8%;right:12%}.playable-stage-rig{position:absolute;top:0;width:.9rem;height:100%;background:linear-gradient(180deg,#ffe8c3a6,#160a0933);opacity:.7}.playable-stage-rig-left{left:8%}.playable-stage-rig-right{right:8%}.playable-stage-floor{position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(180deg,#ffd69c14,#15110da3),repeating-linear-gradient(90deg,rgba(255,247,232,.08) 0,rgba(255,247,232,.08) 1px,transparent 1px,transparent 42px)}.playable-target,.playable-frame{position:absolute;border-radius:20px}.playable-target{display:grid;place-items:end start;padding:.55rem;border:1px dashed rgba(255,255,255,.34);background:#fff8e814;color:#fff8e8eb;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.playable-target.is-active{border-style:solid;border-color:#ffebc1e0;background:#ffeecc2e}.playable-target.is-dead-air{background:#4f150e3d}.playable-target.is-crowd-bait{background:#ff845b29}.playable-frame{border:2px solid rgba(255,250,241,.96);box-shadow:0 0 0 999px #12090633,inset 0 0 0 1px #ffc45c7a}.playable-frame-label{position:absolute;top:-.8rem;left:1rem;padding:.3rem .7rem;border-radius:999px;background:#fffaf1f0;color:#432011;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.playable-meter-stack{display:grid;gap:.8rem}.playable-meter-row{display:grid;gap:.4rem}.playable-meter-copy{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.95rem}.playable-meter-track{overflow:hidden;height:.7rem;border-radius:999px;background:#5f54491f}.playable-meter-track.is-large{height:.9rem}.playable-meter-fill{display:block;height:100%;border-radius:inherit}.playable-meter-fill.is-tryhard{background:linear-gradient(90deg,#e67f43,#f2b15a)}.playable-meter-fill.is-gachi{background:linear-gradient(90deg,#b84f2a,#e48c65)}.playable-meter-fill.is-chaotic,.playable-meter-fill.is-gift{background:linear-gradient(90deg,#9b3d1e,#ff8f5a)}.playable-meter-fill.is-clarity{background:linear-gradient(90deg,#6e7b4d,#c2d47d)}.playable-task-list,.playable-chat-list{margin:0;padding:0;list-style:none}.playable-task-list{display:grid;gap:.55rem}.playable-task-item{padding:.46rem .52rem;border-radius:12px;border:1px solid rgba(169,209,255,.25);background:#0b132459}.playable-task-item.is-active{box-shadow:inset 0 0 0 1px #f5faff2e}.playable-task-copy{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline}.playable-task-copy strong{color:#f8fafcf0;font-size:.84rem;line-height:1.2}.playable-task-copy span{color:#ffd978eb;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.playable-task-progress{margin-top:.32rem;height:.48rem;border-radius:999px;border:1px solid rgba(191,221,255,.35);background:#060c186b;overflow:hidden}.playable-task-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7ce5ff,#abf4ff)}.playable-task-timer{margin:.26rem 0 0;color:#cedbefd9;font-family:var(--font-mono);font-size:.74rem}.playable-chat-list{display:grid;gap:.36rem;max-height:9.2rem;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}.playable-chat-item{padding:.35rem .5rem;border-radius:10px;font-size:.8rem;line-height:1.4;background:#ffffff0f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playable-chat-item.is-system{border:1px solid rgba(184,79,42,.18)}.playable-chat-item.is-chat{border:1px solid rgba(124,233,255,.15);color:#83f7fff7}.playable-chat-item.is-audience-tryhard{border-color:#6cecff59;color:#83f7fff7}.playable-chat-item.is-audience-gachi{border-color:#ff8ad457;color:#ffabdef5}.playable-chat-item.is-audience-chaotic{border-color:#ffc6565c;color:#ffd680f2}.playable-chat-item.is-audience-neutral{border-color:#9abef047;color:#c3dffff0}.playable-chat-input-stack{margin-top:.45rem;display:grid;gap:.3rem}.playable-chat-input{display:inline-flex;align-items:center;justify-content:center;min-height:1.55rem;border-radius:10px;border:1px solid rgba(117,251,136,.5);background:#ffffffeb;color:#0e1224b8;font-size:.86rem;letter-spacing:.08em}.playable-chat-input.is-sub{min-height:.82rem;border-color:#5ce5ff73;background:#08162cc7}.playable-dialogue-tree{position:relative;height:6.4rem;margin-top:.16rem}.playable-dialogue-tree:after{content:"";position:absolute;top:50%;left:50%;width:.45rem;height:.45rem;border-radius:999px;background:#b84f2a80;transform:translate(-50%,-50%)}.playable-dialogue-status{margin:.28rem 0 0;color:var(--ink-muted);font-size:.74rem}.playable-dialogue-combo{margin:.25rem 0 0;color:var(--accent-copper);font-size:.72rem;font-weight:700}.playable-dialogue-bubble{margin:0;min-height:1rem;padding:0 .16rem;border-radius:10px;border:0;background:transparent;color:#ebf7ffd6;font-size:.72rem;line-height:1.25;text-shadow:0 0 8px rgba(24,178,255,.26)}.playable-dialogue-branch{position:absolute;display:inline-flex;align-items:center;gap:.24rem;padding:0;max-width:52%;min-height:auto;border-radius:0;border:0;background:transparent;color:#f0fafff2;cursor:pointer}.playable-dialogue-branch.is-up{top:.08rem;left:50%;transform:translate(-50%);flex-direction:column-reverse}.playable-dialogue-branch.is-right{top:50%;left:50%;transform:translate(26%,-50%)}.playable-dialogue-branch.is-down{bottom:.16rem;left:50%;transform:translate(-50%);flex-direction:column}.playable-dialogue-branch.is-left{top:50%;left:50%;transform:translate(-126%,-50%);flex-direction:row-reverse}.playable-dialogue-option-copy{color:#edf6ffe6;font-size:.74rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px rgba(24,178,255,.32)}.playable-dialogue-branch.is-disabled{opacity:.34;cursor:not-allowed}.playable-dialogue-marker{font-size:2.2rem;line-height:1;font-weight:800;text-shadow:0 0 10px currentColor}.playable-dialogue-branch.is-up .playable-dialogue-marker{color:#7ff8ff}.playable-dialogue-branch.is-right .playable-dialogue-marker{color:#ffe779}.playable-dialogue-branch.is-down .playable-dialogue-marker{color:#ce98ff}.playable-dialogue-branch.is-left .playable-dialogue-marker{color:#7ff8ff}.playable-task-item.is-audience-tryhard{border-color:#62e4ff61}.playable-task-item.is-audience-gachi{border-color:#ff89ce61}.playable-task-item.is-audience-chaotic{border-color:#ffc55466}.playable-task-item.is-audience-neutral{border-color:#a8ccff4d}.playable-task-item.is-audience-tryhard .playable-task-progress span{background:linear-gradient(90deg,#6ce2ff,#a7f4ff)}.playable-task-item.is-audience-gachi .playable-task-progress span{background:linear-gradient(90deg,#ff87d6,#ffb5e4)}.playable-task-item.is-audience-chaotic .playable-task-progress span{background:linear-gradient(90deg,#ffc760,#ffe29a)}.playable-task-item.is-audience-neutral .playable-task-progress span{background:linear-gradient(90deg,#a8c6ff,#d2e0ff)}.playable-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 960px){.playable-scene{min-height:24rem}.playable-live-layout{display:grid;gap:.85rem}.playable-overlay{position:static;transform:none}.playable-overlay-card,.playable-task-card,.playable-chat-card,.playable-dialogue-hud,.playable-audience-card,.playable-gift-card{width:100%;max-height:none}}@media (max-width: 640px){.playable-scene{min-height:20rem}.playable-action-button{width:100%}}@media (prefers-reduced-motion: reduce){.playable-scene-glow{filter:none}}