.game-platform-shell{background-color:var(--bg-dark);min-height:100dvh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.platform-master-bar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:100;background:#06080de0;align-items:center;width:100%;height:60px;display:flex;position:sticky;top:0}.platform-bar-inner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1360px;margin:0 auto;padding:0 24px;display:flex}.platform-brand{cursor:pointer;user-select:none;align-items:center;gap:12px;display:flex}.brand-logo-mark{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 14px #10b98159}.brand-text-col{align-items:center;gap:8px;display:flex}.brand-name{letter-spacing:-.02em;color:#fff;font-size:1.15rem;font-weight:900}.brand-pill-tag{color:#10b981;background:#10b98124;border:1px solid #10b9814d;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:850}.platform-bar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-explore-nav-pill{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;height:36px;padding:6px 14px;font-size:.82rem;font-weight:750;transition:all .2s;display:inline-flex}.btn-explore-nav-pill:hover{color:#38bdf8;background:#38bdf81f;border-color:#38bdf859;transform:translateY(-1px)}.btn-explore-nav-pill.active{color:#38bdf8;background:#38bdf82e;border-color:#38bdf8}.btn-publish-script{color:#10b981;cursor:pointer;white-space:nowrap;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;align-items:center;gap:6px;height:36px;padding:6px 14px;font-size:.82rem;font-weight:750;text-decoration:none;transition:all .2s;display:flex}.btn-publish-script:hover{color:#34d399;background:#10b98138;border-color:#10b98180;transform:translateY(-1px)}.btn-pwa-download-pill{border:1px solid var(--border-subtle);color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:10px;align-items:center;gap:6px;height:36px;padding:6px 14px;font-size:.82rem;font-weight:750;transition:all .2s;display:flex}.btn-pwa-download-pill:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.hub-arcade-view{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:32px 24px 60px}.story-cartridge-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:26px;display:grid}.story-cartridge-card{border:1px solid var(--border-subtle);background:linear-gradient(150deg,#111624 0%,#0d121c 100%);border-radius:20px;flex-direction:column;justify-content:space-between;gap:16px;padding:24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.story-cartridge-card:before{content:"";opacity:.6;background:linear-gradient(90deg,#ef4444 0%,#f59e0b 50%,#38bdf8 100%);height:3px;position:absolute;top:0;left:0;right:0}.story-cartridge-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 20px 45px #0000008c,0 0 24px #38bdf81f}.cartridge-cover-banner{aspect-ratio:16/9;cursor:pointer;background:#090d16;border-bottom:1px solid #ffffff14;width:calc(100% + 48px);margin:-24px -24px 14px;position:relative;overflow:hidden}.cartridge-cover-img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.story-cartridge-card:hover .cartridge-cover-img{transform:scale(1.05)}.cartridge-cover-overlay{pointer-events:none;background:linear-gradient(#06080d14 0%,#0d121cd9 100%);position:absolute;inset:0}.cartridge-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cartridge-status-lead{color:#ef4444;background:#ef444424;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:850}.cartridge-trophy-pill{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:3px 10px;font-size:.74rem;font-weight:800}.cartridge-trophy-pill.achieved{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b66}.cartridge-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:900;line-height:1.4}.cartridge-title.clickable{cursor:pointer;transition:color .18s}.cartridge-title.clickable:hover{color:#38bdf8}.cartridge-synopsis{color:var(--text-secondary);flex:1;margin:0;font-size:.92rem;line-height:1.6}.cartridge-footer{border-top:1px solid var(--border-subtle);padding-top:14px}.cartridge-footer-actions{align-items:center;gap:10px;width:100%;display:flex}.btn-cartridge-secondary{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 14px;font-size:.92rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-cartridge-secondary:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.btn-cartridge-action{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex:1.35;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.94rem;font-weight:850;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-cartridge-action.play{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 16px #10b9814d}.btn-cartridge-action.play:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px)}.btn-cartridge-action.resume{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);box-shadow:0 4px 16px #38bdf84d}.btn-cartridge-action.resume:hover{background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 100%);transform:translateY(-1px)}.hub-matrix-view{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:32px 24px 60px}@media (width<=768px){.platform-bar-inner{padding:0 14px}.brand-pill-tag{display:none}.btn-publish-script span,.btn-pwa-download-pill span{display:none!important}.hub-arcade-view,.hub-matrix-view{padding:16px 14px 40px}.story-cartridge-grid{grid-template-columns:1fr;gap:16px}}.story-detail-overlay{-webkit-backdrop-filter:blur(16px);z-index:999;background:#04060cd9;justify-content:center;align-items:center;padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) detailFadeIn;display:flex;position:fixed;inset:0}.story-detail-modal{background:linear-gradient(165deg,#121826 0%,#090d16 100%);border:1px solid #ffffff24;border-radius:24px;flex-direction:column;width:100%;max-width:660px;max-height:88vh;animation:.26s cubic-bezier(.16,1,.3,1) detailSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #000000bf,0 0 30px #38bdf814}.story-detail-hero{background:#080c14;flex-shrink:0;width:100%;height:220px;position:relative;overflow:hidden}.detail-hero-cover{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.detail-hero-gradient{background:linear-gradient(#06080e26 0%,#090d16f2 100%);position:absolute;inset:0}.detail-close-btn{color:#e2e8f0;cursor:pointer;backdrop-filter:blur(8px);z-index:10;background:#0000008c;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.detail-close-btn:hover{color:#f87171;background:#ef444440;border-color:#ef444480;transform:rotate(90deg)}.detail-hero-content{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:16px;left:24px;right:24px}.detail-genre-badge{color:#ef4444;letter-spacing:.02em;background:#ef444429;border:1px solid #ef444452;border-radius:6px;width:fit-content;padding:3px 8px;font-size:.72rem;font-weight:850}.detail-hero-title{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 10px #0009;margin:0;font-size:1.4rem;font-weight:900;line-height:1.3}.detail-trophy-badge{color:#fbbf24;background:#f59e0b29;border:1px solid #f59e0b59;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.story-detail-body{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;flex:1;gap:26px;padding:24px;display:flex;overflow-y:auto}.story-detail-body::-webkit-scrollbar{width:6px}.story-detail-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.detail-section{flex-direction:column;gap:12px;display:flex}.detail-section-title{color:#f1f5f9;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:850;display:flex}.detail-section-title svg{color:#38bdf8}.detail-synopsis-text{color:#94a3b8;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin:0;padding:14px 16px;font-size:.92rem;line-height:1.7}.detail-characters-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.character-dossier-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:border-color .2s,transform .2s;display:flex}.character-dossier-card:hover{background:#38bdf80a;border-color:#38bdf84d;transform:translateY(-2px)}.char-role-tag{color:#38bdf8;background:#38bdf81f;border-radius:4px;width:fit-content;padding:2px 7px;font-size:.68rem;font-weight:850}.char-name{color:#fff;font-size:.94rem;font-weight:850}.char-identity{color:#64748b;font-size:.78rem;line-height:1.4}.detail-endings-list{flex-direction:column;gap:10px;display:flex}.detail-ending-item{border:1px solid #ffffff14;border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.detail-ending-item.unlocked{background:#10b9810f;border-color:#10b98140}.detail-ending-item.unlocked:hover{background:#10b9811a;border-color:#10b98166}.detail-ending-item.locked{opacity:.65;background:#ffffff05;border-color:#ffffff0f}.ending-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:.95rem;display:flex}.detail-ending-item.unlocked .ending-status-icon{color:#34d399;background:#10b98129;border:1px solid #10b98159}.detail-ending-item.locked .ending-status-icon{color:#64748b;background:#ffffff0d;border:1px solid #ffffff1a}.ending-item-content{flex:1}.ending-item-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.ending-code{color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.76rem;font-weight:850}.ending-type-pill{border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:850}.ending-type-pill.type-happy{color:#34d399;background:#10b98129}.ending-type-pill.type-bad{color:#f87171;background:#ef444429}.ending-type-pill.type-normal{color:#fbbf24;background:#f59e0b29}.ending-item-title{color:#fff;margin:0;font-size:.94rem;font-weight:850}.ending-item-desc{color:#94a3b8;margin:4px 0 0;font-size:.82rem;line-height:1.5}.story-detail-footer{background:#070a10f2;border-top:1px solid #ffffff14;gap:12px;padding:16px 24px 20px;display:flex}.btn-detail-play{cursor:pointer;color:#fff;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1rem;font-weight:850;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-detail-play.play{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 20px #10b98159}.btn-detail-play.play:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px)}.btn-detail-play.resume{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);box-shadow:0 6px 20px #38bdf859}.btn-detail-play.resume:hover{background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 100%);transform:translateY(-1px)}@keyframes detailFadeIn{0%{opacity:0}to{opacity:1}}@keyframes detailSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.story-detail-modal{border-radius:20px;max-height:94vh}.story-detail-hero{height:180px}.story-detail-body{gap:20px;padding:16px}.detail-hero-title{font-size:1.2rem}.detail-characters-grid{grid-template-columns:1fr}.story-detail-footer{padding:12px 16px 18px}}.sim-viewport-shell{color:#f8fafc;background:#06080d;flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.simulator-top-bar{-webkit-backdrop-filter:blur(16px);z-index:50;background:#090c14f2;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;min-height:52px;padding:0 16px;display:flex}.sim-hud-left,.sim-hud-right{align-items:center;gap:8px;display:flex}.btn-sim-ghost{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:750;transition:all .2s;display:inline-flex}.btn-sim-ghost:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.btn-sim-ghost.danger:hover{color:#f87171;background:#ef44442e;border-color:#ef444466}.sim-hud-center{align-items:center;gap:8px;max-width:50%;display:flex;overflow:hidden}.sim-hud-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:850;overflow:hidden}.sim-turn-pill{color:#38bdf8;white-space:nowrap;background:#38bdf81f;border:1px solid #38bdf840;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:800}.sim-cinema-stage{flex:1;width:100%;display:flex;position:relative;overflow:hidden}.sim-cinema-stage.clickable-to-advance{cursor:pointer}.stage-visual-wing{background:#090d16;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;justify-content:flex-end;width:44%;max-width:600px;height:100%;display:flex;position:relative;overflow:hidden}.stage-visual-bg{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.stage-visual-gradient{pointer-events:none;background:linear-gradient(#06080d1a 0%,#06080dd9 100%);position:absolute;inset:0}.stage-loc-badge{backdrop-filter:blur(8px);color:#e2e8f0;z-index:5;background:#06080dbf;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:800;display:inline-flex;position:absolute;top:16px;left:16px}.loc-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #38bdf8}.stage-clue-card{backdrop-filter:blur(12px);z-index:5;background:#0f172ae0;border:1px solid #38bdf840;border-radius:12px;margin:16px;padding:12px 14px;position:relative;box-shadow:0 8px 24px #00000080}.clue-tag{color:#f59e0b;background:#f59e0b26;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:850}.clue-title{color:#fff;margin:4px 0 2px;font-size:.88rem;font-weight:850}.clue-content{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.4}.stage-main-theater{background:#080b12;flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.theater-feed-container{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex-direction:column;flex:1;gap:18px;padding:24px 32px 16px;display:flex;overflow-y:auto}.theater-feed-container::-webkit-scrollbar{width:6px}.theater-feed-container::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.beat-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:8px;padding:16px 20px;transition:opacity .2s;animation:.22s cubic-bezier(.16,1,.3,1) beatSlideUp;display:flex}.beat-card.past-beat{opacity:.85}.beat-card.past-beat:hover{opacity:1}.beat-card.active-spotlight{background:#ffffff0f;border-color:#ffffff29;box-shadow:0 4px 20px #0000004d}.beat-speaker-row{align-items:center;gap:8px;display:flex}.speaker-avatar-circle{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:900;display:flex}.speaker-name{color:#38bdf8;font-size:.86rem;font-weight:850}.speaker-mood{color:#cbd5e1;background:#ffffff14;border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:800}.speaker-mood.mood-smug{color:#fbbf24;background:#f59e0b2e}.speaker-mood.mood-aggressive{color:#f87171;background:#ef44442e}.speaker-mood.mood-panicked{color:#f472b6;background:#ec48992e}.speaker-mood.mood-cold{color:#38bdf8;background:#38bdf82e}.speaker-mood.mood-eerie{color:#c084fc;background:#8b5cf62e}.beat-quote-text{color:#fff;letter-spacing:.015em;text-align:left;margin:0;font-size:1.04rem;font-weight:700;line-height:1.7}.beat-action-desc{color:#94a3b8;margin:0;font-size:.88rem;font-style:italic;line-height:1.5}.beat-reversal-tag{color:#f59e0b;align-items:center;gap:6px;margin-top:4px;font-size:.8rem;font-weight:850;display:inline-flex}.beat-advance-cue{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:20px;align-self:center;align-items:center;gap:8px;margin:12px 0 8px;padding:8px 18px;transition:all .2s;animation:2s ease-in-out infinite pulseCue;display:inline-flex}.beat-advance-cue:hover{background:#38bdf824;border-color:#38bdf866}.cue-pulse-ring{background:#38bdf8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #38bdf8}.cue-text{color:#cbd5e1;font-size:.82rem;font-weight:800}.stage-bottom-dock{-webkit-backdrop-filter:blur(16px);z-index:25;background:linear-gradient(#06080d00 0%,#06080df5 25%,#06080d 100%);border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:14px 24px 24px;display:flex}.dock-choices-list{flex-direction:column;gap:10px;width:100%;max-width:640px;display:flex}.choice-btn-interactive{cursor:pointer;color:#fff;text-align:left;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:12px;width:100%;padding:13px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.choice-btn-interactive:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf873;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.choice-letter-tag{color:#38bdf8;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:900;display:flex}.choice-label-text{flex:1;font-size:.94rem;font-weight:800;line-height:1.4}.choice-arrow-icon{opacity:.5;transition:transform .2s,opacity .2s}.choice-btn-interactive:hover .choice-arrow-icon{opacity:1;color:#38bdf8;transform:translate(3px)}.story-ending-curtain{-webkit-backdrop-filter:blur(20px);z-index:100;background:#04060cf0;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) endingFadeIn;display:flex;position:absolute;inset:0}.ending-result-card{text-align:center;background:linear-gradient(165deg,#131929 0%,#090d16 100%);border:1px solid #ffffff29;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:560px;padding:32px 28px;animation:.35s cubic-bezier(.16,1,.3,1) endingCardPop;display:flex;box-shadow:0 24px 60px #000c,0 0 30px #10b9811a}.ending-badge-top{border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:.78rem;font-weight:850;display:inline-flex}.ending-badge-top.type-happy{color:#34d399;background:#10b9812e;border:1px solid #10b98166}.ending-badge-top.type-bad{color:#f87171;background:#ef44442e;border:1px solid #ef444466}.ending-badge-top.type-normal{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b66}.ending-main-title{color:#fff;letter-spacing:-.01em;margin:0 0 16px;font-size:1.6rem;font-weight:900;line-height:1.3}.ending-narrative-summary{color:#94a3b8;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;margin:0 0 24px;padding:16px 20px;font-size:.95rem;line-height:1.7}.ending-actions-row{gap:12px;width:100%;display:flex}.btn-ending-action{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:.95rem;font-weight:850;transition:all .2s;display:flex}.btn-ending-action.secondary{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff26}.btn-ending-action.secondary:hover{color:#fff;background:#ffffff26}.btn-ending-action.primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 20px #10b98159}.btn-ending-action.primary:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px)}@keyframes beatSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseCue{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes endingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes endingCardPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=899px){.sim-cinema-stage{flex-direction:column}.stage-visual-wing{border-bottom:1px solid #ffffff14;border-right:none;width:100%;max-width:100%;height:180px}.theater-feed-container{gap:14px;padding:16px 16px 12px}.stage-bottom-dock{padding:12px 16px 20px}}