:root{--ink: #172033;--paper: #fff7ed;--text: #fdf7ee;--muted: #d9dfcf;--line: rgba(255, 255, 255, .22);--panel: rgba(22, 29, 45, .82);--panel-strong: rgba(16, 22, 35, .92);--accent: #ff6f61;--accent-2: #ffd166;--good: #57cc99;--bad: #ff5c7a;--shadow: rgba(10, 18, 32, .38)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{display:grid;place-items:center;background:#07111d;color:var(--text);font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,textarea,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#gal-studio-root{width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);aspect-ratio:16 / 9;overflow:hidden}.game-frame{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#193447;box-shadow:0 24px 70px var(--shadow);isolation:isolate}.setup-stage,.play-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.top-hud{position:absolute;top:24px;left:28px;right:28px;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.brand{max-width:540px;color:#fff9ee;font-size:36px;font-weight:900;letter-spacing:0;line-height:1;text-shadow:0 4px 18px rgba(0,0,0,.38)}.brand.small{font-size:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-subtitle{margin-top:8px;color:#fff9eed1;font-size:14px;font-weight:700}.status-chip{display:inline-flex;align-items:center;gap:10px;max-width:360px;min-height:36px;padding:8px 13px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#080f1cad;color:#fff2dc;font-size:13px;font-weight:900;line-height:1.25;box-shadow:0 12px 28px #0000002e}.status-chip.busy:before{flex:0 0 8px;width:8px;height:8px;content:"";border-radius:50%;background:var(--accent-2);animation:pulse .85s ease-in-out infinite}.status-chip.error{border-color:#ff5c7ab3;color:#ffe1e7}.world-preview{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,#79b771,#67aa65,#5c9b63);background-size:42px 42px,42px 42px,100% 100%}.world-preview:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,transparent 0 32%,rgba(216,184,124,.92) 32% 38%,transparent 38% 100%),linear-gradient(0deg,transparent 0 45%,rgba(216,184,124,.9) 45% 52%,transparent 52% 100%)}.world-preview:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#070d181a,#070d188f)}.preview-road,.preview-building,.preview-actor{position:absolute;z-index:1}.preview-road{height:28px;border-radius:999px;background:#c6975bc2;box-shadow:inset 0 0 0 3px #fff2be29;transform-origin:left center}.road-a{left:20%;top:63%;width:58%;transform:rotate(-12deg)}.road-b{left:52%;top:18%;width:44%;transform:rotate(64deg)}.preview-building{width:150px;height:95px;border:4px solid rgba(80,62,50,.35);border-radius:8px;background:#f6bd60;box-shadow:0 18px #5a3d2d2e}.preview-building:before{position:absolute;left:-10px;right:-10px;top:-28px;height:42px;content:"";border-radius:8px 8px 3px 3px;background:#d95d39;transform:skew(-12deg)}.b-home{left:12%;top:64%;background:#8ecae6}.b-school{left:54%;top:27%;width:190px;height:110px;background:#90be6d}.b-cafe{left:71%;top:60%;background:#ffd166}.preview-actor{width:34px;height:46px;border-radius:18px 18px 12px 12px;background:#ff6f61;box-shadow:0 10px #0000002e}.actor-a{left:47%;top:59%}.actor-b{left:66%;top:48%;background:#4cc9f0}.setup-card{position:absolute;left:58px;right:58px;top:118px;bottom:96px;z-index:3;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0e1522d1;box-shadow:0 22px 52px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.setup-copy,.setup-presets{min-width:0;overflow:hidden}.field-label,.panel-title{display:block;margin-bottom:10px;color:#ffe2c0;font-size:15px;font-weight:900}.field-label.compact{margin-top:16px}.panel-title small{color:#ffffff9e;font-weight:700}.story-input,.title-input{width:100%;border:1px solid rgba(255,255,255,.24);border-radius:8px;outline:none;background:#ffffff1c;color:var(--text)}.story-input{height:154px;padding:14px;resize:none;line-height:1.5}.title-input{height:42px;padding:0 12px}.story-input::placeholder{color:#ffffff8c}.story-input:focus,.title-input:focus{border-color:#ffd166d6;box-shadow:0 0 0 3px #ffd16626}.inline-error{min-height:42px;margin-top:14px;padding:10px 12px;border:1px solid rgba(255,92,122,.52);border-radius:8px;background:#ff5c7a21;color:#ffdfe6;font-size:13px;line-height:1.35}.inline-error.empty{visibility:hidden}.world-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.world-card,.archetype-card{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff1c;color:var(--text);cursor:pointer;text-align:left;transition:border-color .16s,background .16s,transform .16s}.world-card{height:86px;padding:10px}.archetype-card{height:82px;padding:10px}.world-card span,.archetype-card span{display:block;font-weight:900}.world-card small,.archetype-card small{display:-webkit-box;margin-top:6px;color:#ffffffab;font-size:11px;line-height:1.35;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.world-card:hover,.archetype-card:hover{transform:translateY(-1px);border-color:#ffd166b8}.world-card.selected,.archetype-card.selected{border-color:#ff6f61f5;background:#ff6f6138}.selected-world{display:flex;align-items:center;gap:10px;min-height:34px;margin:12px 0;color:#ffffffb8;font-size:12px}.selected-world b{color:#fff7ed}.character-title{margin-top:8px}.archetype-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.loading-slot{display:grid;place-items:center;min-height:82px;border:1px dashed rgba(255,255,255,.28);border-radius:8px;color:#ffffffad;font-size:13px}.bottom-command{position:absolute;left:28px;right:28px;bottom:26px;z-index:4;display:flex;justify-content:center}.primary-action{width:188px;height:52px;border:0;border-radius:8px;background:linear-gradient(90deg,#ff6f61,#ffa35f);color:#fff;cursor:pointer;font-size:18px;font-weight:900;box-shadow:0 16px 28px #ff6f6147}.primary-action:disabled{cursor:wait;opacity:.72}.map-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#10201d}.nanyang-tile-canvas{display:block;width:100%;height:100%;background:#10201d}.play-hud{right:290px}.hud-stats{position:absolute;top:26px;right:28px;z-index:22;display:flex;gap:8px}.hud-stats span{min-width:70px;padding:8px 10px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#080f1cb3;color:#fff4dc;font-size:12px;font-weight:900;text-align:center}.mini-roster{position:absolute;top:78px;right:28px;z-index:22;display:grid;gap:7px;width:228px}.roster-card{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px 7px;padding:8px 9px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#080f1ca8;color:#ffffffbf;font-size:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.roster-card b{grid-column:1 / -1;color:#fff8e7;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-card.active{border-color:#ffd166b8;background:#ffd16624}.location-tag{position:absolute;left:30px;top:86px;z-index:21;max-width:330px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#080f1ca6;color:#fff7e6;font-size:13px;font-weight:900}.interact-prompt{position:absolute;left:50%;bottom:214px;z-index:30;min-width:210px;padding:10px 14px;border:1px solid rgba(255,255,255,.32);border-radius:8px;background:#172033db;color:#fff6dc;font-size:14px;font-weight:900;text-align:center;transform:translate(-50%);box-shadow:0 10px 24px #0000003d}.interact-prompt.hidden{display:none}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:none;place-items:center;background:#070d185c}.loading-overlay.visible{display:grid}.loading-overlay span{padding:14px 18px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#080f1ce0;color:#fff2dc;font-size:15px;font-weight:900;box-shadow:0 16px 34px #00000047}.story-dock{position:absolute;left:30px;right:30px;bottom:24px;z-index:24;min-height:178px;padding:14px 18px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#0a111fe0;box-shadow:0 18px 46px #00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialogue-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.speaker-name{display:inline-flex;min-width:82px;height:28px;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;background:linear-gradient(90deg,#ff6f61,#ffa35f);color:#fff;font-size:14px;font-weight:900}.relationship-chip{display:inline-flex;align-items:center;min-height:24px;margin-left:8px;padding:0 10px;border-radius:999px;background:#ffffff1a;color:#fff8efd1;font-size:12px;font-weight:800}.dialogue-log{min-height:58px;max-height:78px;margin-top:9px;overflow:hidden}.director-line,.chat-turn{display:grid;gap:4px;color:#fff8ef}.director-line b{color:#ffe1a3;font-size:13px}.director-line span,.player-line span,.npc-line span{line-height:1.42}.director-line span{display:-webkit-box;font-size:15px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.director-line small,.chat-turn small{color:#fff9;font-size:12px}.player-line,.npc-line{display:flex;gap:9px;min-width:0;color:#fff8eff2;font-size:14px}.player-line b,.npc-line b{flex:0 0 42px;color:#ffd166;font-size:13px;text-align:right}.npc-line b{color:#ff9b72}.player-line span,.npc-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px}.chat-input{width:100%;height:58px;resize:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff14;color:#fff8ef;padding:10px 12px;outline:none}.chat-input:focus{border-color:#ffd166b8;box-shadow:0 0 0 3px #ffd1661f}.chat-actions{display:grid;grid-template-columns:70px 58px 58px;gap:8px;align-items:stretch}.dock-command{min-width:0;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:linear-gradient(90deg,#ff6f61,#ffa35f);color:#fff7ed;cursor:pointer;font-size:13px;font-weight:900}.dock-command.secondary,.dock-command.ghost{background:#ffffff14}.dock-command:hover{border-color:#ff6f61d6;background:#ff6f612e}.dock-command:disabled{cursor:wait;opacity:.58}.field-note{margin-top:14px;color:#fff8efb8;font-size:14px;font-weight:800}@keyframes pulse{0%,to{opacity:.42;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@media (max-aspect-ratio: 4 / 3){.setup-card{left:32px;right:32px;grid-template-columns:1fr}.setup-copy{display:none}.world-row,.archetype-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-roster{display:none}.play-hud{right:30px}}