.chapter-page{background:linear-gradient(var(--color-bg-weak-50),var(--color-blue-50));min-height:100dvh}.chapter-wrap{max-width:1504px;margin:auto;padding:24px 32px 18px}.chapter-window{border:1px solid var(--color-blue-300);border-radius:16px;overflow:hidden;background:var(--color-bg-white-0);box-shadow:var(--shadow-regular-md),inset 0 1px var(--color-static-white)}.chapter-chrome{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;background:linear-gradient(var(--color-static-white),var(--color-blue-100) 48%,var(--color-blue-200) 49%,var(--color-blue-100));border-bottom:1px solid var(--color-blue-300)}.chrome-title{display:flex;align-items:center;gap:10px;min-width:0;color:var(--color-blue-950)}.chrome-title img{border-radius:6px;flex-shrink:0}.chrome-title strong{font-size:var(--text-label-md);font-weight:600;white-space:nowrap}.chrome-title>span{font-size:var(--text-label-xs);color:var(--color-text-sub-600);margin-left:8px}.chrome-actions{display:flex;gap:7px;align-items:center}.chrome-control{border:1px solid var(--color-blue-200);border-radius:999px;background:linear-gradient(var(--color-static-white),var(--color-blue-50));color:var(--color-blue-800);min-height:32px;padding:5px 12px;font-size:var(--text-label-xs);cursor:pointer;box-shadow:inset 0 1px var(--color-static-white)}.chapter-hud{display:flex;gap:0;padding:13px 20px;background:var(--color-bg-white-0);border-bottom:1px solid var(--color-stroke-soft-200)}.chapter-hud>div{padding:0 28px;border-right:1px solid var(--color-stroke-soft-200);display:flex;align-items:center;gap:10px}.chapter-hud>div:first-child{padding-left:0}.chapter-hud>div>span{font-size:var(--text-label-xs);color:var(--color-text-sub-600)}.chapter-hud strong{font-size:var(--text-label-lg);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.chapter-hud .team-status{margin-left:auto;border:0;padding-right:0;gap:8px}.team-status img{border-radius:50%;filter:grayscale(1);opacity:.55}.team-status.hired img{filter:none;opacity:1}.chapter-hud .team-status>span{font-size:var(--text-label-xs)}.world-stage{position:relative;background:var(--color-neutral-900);overflow:hidden;isolation:isolate}#world-canvas{display:block;width:100%;height:min(67vh,840px);min-height:410px;image-rendering:pixelated;touch-action:none;outline:none;cursor:crosshair}#world-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--color-primary-base)}.world-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--color-bg-weak-50);z-index:15;color:var(--color-text-sub-600);font-size:var(--text-paragraph-sm)}.loading-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-soft-400);animation:breathe 1s ease-in-out infinite alternate}@keyframes breathe{to{opacity:.3}}.objective{position:absolute;right:16px;top:14px;max-width:min(350px,55%);display:flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid var(--color-blue-200);border-radius:12px;background:linear-gradient(var(--color-static-white),var(--color-blue-50));box-shadow:var(--shadow-regular-sm);pointer-events:none;z-index:2}.objective-icon{color:var(--color-primary-base);font-size:25px}.objective div{min-width:0}.objective div>span{display:block;font-size:10px;color:var(--color-text-sub-600);margin-bottom:3px}.objective strong{display:block;font-weight:500;font-size:var(--text-label-sm);line-height:1.4;color:var(--color-blue-950)}.world-toast{position:absolute;left:50%;top:16px;transform:translate(-50%);max-width:70%;z-index:5;background:var(--color-bg-white-0);color:var(--color-text-strong-950);border:1px solid var(--color-blue-200);box-shadow:var(--shadow-regular-md);border-radius:10px;padding:12px 18px;text-align:center;font-size:var(--text-label-sm);pointer-events:none}.arrival{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-bg-strong-950) 72%,transparent);backdrop-filter:blur(4px);color:var(--color-static-white);text-align:center;padding:24px}.arrival>span{font-size:var(--text-subheading-xs);letter-spacing:.15em;color:var(--color-blue-200);font-weight:500}.arrival h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.04em;font-weight:500;line-height:1.15;margin:14px 0}.arrival p{font-size:var(--text-paragraph-lg);line-height:1.7;color:var(--color-gray-200);margin:0 0 24px}.arrival .btn{min-width:175px}.arrival small{font-size:var(--text-label-xs);color:var(--color-gray-400);margin-top:20px}.carry-indicator{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:9px;padding:9px 13px;background:var(--color-bg-white-0);border:1px solid var(--color-blue-200);border-radius:10px;box-shadow:var(--shadow-regular-sm);color:var(--color-blue-950);font-size:var(--text-label-xs);pointer-events:none}.carry-indicator>span:first-child{font-size:19px;color:var(--color-primary-base)}.world-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:12px 18px;border-top:1px solid var(--color-blue-200);background:linear-gradient(var(--color-static-white),var(--color-blue-50))}.desktop-keys{display:flex;gap:22px;font-size:var(--text-label-xs);color:var(--color-text-sub-600)}.desktop-keys>span{display:flex;align-items:center;gap:4px}kbd{font-family:var(--font-sans);font-size:10px;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:2px 4px;background:var(--color-bg-white-0);border:1px solid var(--color-stroke-soft-200);border-radius:4px;color:var(--color-text-sub-600);box-shadow:0 1px 0 var(--color-stroke-sub-300)}.chapter-page button{touch-action:manipulation}.chapter-page button:disabled{opacity:.55;cursor:default}.chapter-page button:focus-visible{outline:2px solid var(--color-primary-base);outline-offset:3px}.touch-pad{display:none}.chapter-meta{display:flex;justify-content:space-between;gap:16px;margin-top:16px;color:var(--color-text-soft-400);font-size:var(--text-label-xs)}.chapter-meta>div{display:flex;gap:24px}.chapter-meta button,.chapter-meta a{cursor:pointer;color:var(--color-text-sub-600);text-underline-offset:3px}.chapter-meta button:hover,.chapter-meta a:hover{text-decoration:underline}.chapter-dialog{padding:0;margin:auto;width:min(600px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--color-blue-300);border-radius:16px;background:linear-gradient(var(--color-bg-white-0),var(--color-blue-50));box-shadow:var(--shadow-regular-md);color:var(--color-text-strong-950)}.chapter-dialog::backdrop{background:var(--color-overlay);backdrop-filter:blur(3px)}.dialog-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(var(--color-blue-300),var(--color-blue-400) 47%,var(--color-primary-base) 48%,var(--color-blue-600));color:var(--color-static-white);border-bottom:1px solid var(--color-blue-700)}.dialog-chrome>span{font-size:var(--text-label-sm);font-weight:500}.dialog-chrome button{width:30px;height:30px;border-radius:6px;background:var(--color-bg-white-0);color:var(--color-text-sub-600);font-size:20px;cursor:pointer}.conversation-body{padding:24px}.conversation-body h2{font-size:var(--text-title-h5);font-weight:500;letter-spacing:-.03em;line-height:1.25;margin:0 0 14px}.conversation-body>p{font-size:var(--text-paragraph-sm);line-height:1.7;color:var(--color-text-sub-600);white-space:pre-line}.speaker-portrait{float:right;margin:0 0 12px 18px}.speaker-portrait img{width:56px;height:56px;border-radius:14px;border:1px solid var(--color-blue-200)}.conversation-choices{display:flex;flex-direction:column;gap:10px;margin-top:20px;clear:both}.dialog-choice{display:flex;flex-direction:column;gap:4px;border:1px solid var(--color-stroke-soft-200);border-radius:10px;padding:13px 15px;min-height:46px;text-align:left;background:var(--color-bg-white-0);cursor:pointer;color:var(--color-text-strong-950)}.dialog-choice strong{font-weight:500;font-size:var(--text-label-sm)}.dialog-choice small{color:var(--color-text-sub-600);font-size:var(--text-paragraph-xs);line-height:1.4}.dialog-choice:hover,.dialog-choice:focus-visible{border-color:var(--color-primary-base);background:var(--color-blue-50);outline:0;box-shadow:0 0 0 1px var(--color-primary-base)}.chapter-dialog[data-kind=workbench] .conversation-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chapter-dialog[data-kind=workbench] .dialog-choice{cursor:grab;min-height:88px}.dialog-choice.dragging{opacity:.5}.campaign-tray{border:2px dashed var(--color-blue-300);border-radius:12px;background:var(--color-blue-50);padding:16px;text-align:center;margin-top:18px}.campaign-tray>span{display:block;font-size:23px;color:var(--color-primary-base)}.campaign-tray strong{display:block;font-size:var(--text-label-sm);font-weight:500;color:var(--color-blue-900)}.campaign-tray small{display:block;font-size:var(--text-label-xs);color:var(--color-text-sub-600);margin-top:4px}.campaign-tray.dragover{border-color:var(--color-primary-base);background:var(--color-blue-100)}.chapter-dialog footer{padding:0 24px 24px;display:flex;justify-content:flex-end}.chapter-dialog footer .btn{cursor:pointer}.chapter-dialog #dialog-feedback{min-height:0;margin-top:12px;color:var(--color-primary-base);font-size:var(--text-label-xs)}[hidden]{display:none!important}@media(max-width:1000px){.chrome-title>span{display:none}.chapter-hud>div{padding-inline:16px}.desktop-keys{gap:12px}.desktop-keys>span:last-child{display:none}.chapter-wrap{padding:16px}.chapter-hud{padding:12px 16px}.chapter-hud strong{font-size:var(--text-label-md)}}@media(max-width:650px){.chapter-wrap{padding:10px 8px}.chapter-window{border-radius:12px}.chapter-chrome{padding:9px 10px;flex-wrap:wrap;gap:9px}.chrome-title strong{font-size:var(--text-label-sm)}.chrome-actions{gap:6px;margin-left:auto}.chrome-actions kbd{display:none}.chrome-control{font-size:11px;padding:4px 8px;min-height:32px}#sound-toggle{display:none}.chapter-hud{padding:9px 10px;gap:0;flex-wrap:wrap}.chapter-hud>div{padding:0 10px;display:block;flex:1}.chapter-hud>div>span{display:block;font-size:9px;margin-bottom:3px}.chapter-hud strong{font-size:var(--text-label-md)}.chapter-hud .team-status{display:none}#world-canvas{height:58dvh;min-height:390px;max-height:600px}.objective{top:10px;right:10px;left:10px;max-width:none;padding:8px 10px;gap:8px}.objective-icon{font-size:21px}.objective div>span{font-size:9px}.objective strong{font-size:var(--text-label-xs)}.carry-indicator{left:10px;bottom:10px;font-size:10px;padding:7px 10px}.world-toast{top:78px;max-width:calc(100% - 24px);width:max-content;font-size:var(--text-label-xs);padding:10px 12px}.world-controls{padding:10px;gap:9px;min-height:100px}.desktop-keys{display:none}.touch-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}.touch-pad button{width:44px;height:44px;border:1px solid var(--color-blue-200);border-radius:7px;background:linear-gradient(var(--color-static-white),var(--color-blue-100));color:var(--color-blue-900);font-size:20px;touch-action:none;user-select:none}.touch-pad button[data-move=up]{grid-column:2}.touch-pad button[data-move=left]{grid-column:1}.touch-pad button.pressed{background:var(--color-blue-300)}#interact-button{font-size:var(--text-label-xs);padding-inline:12px;max-width:calc(100% - 150px);white-space:normal;text-align:center;min-height:44px;height:auto}.chapter-meta{font-size:10px;gap:10px}.chapter-meta>div{gap:14px}.chapter-meta>span{max-width:46%}.arrival h2{font-size:32px}.arrival p{font-size:var(--text-paragraph-md)}.arrival small{font-size:11px}.conversation-body{padding:20px}.conversation-body h2{font-size:var(--text-title-h6)}.chapter-dialog footer{padding:0 20px 20px}.chapter-dialog[data-kind=workbench] .conversation-choices{grid-template-columns:1fr 1fr}.dialog-choice{padding:12px}.dialog-choice strong{font-size:var(--text-label-xs)}.dialog-choice small{font-size:11px}}@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}.chapter-page *,.chapter-dialog *{scroll-behavior:auto!important;transition:none!important}}.campaign-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.campaign-tabs button{padding:7px 10px;border:1px solid var(--color-blue-200);background:var(--color-bg-white-0);border-radius:8px;font-size:var(--text-label-xs);color:var(--color-text-sub-600);cursor:pointer}.campaign-tabs button[aria-pressed=true]{background:var(--color-primary-base);color:var(--color-static-white);border-color:var(--color-primary-base)}#pack-campaign{margin-top:18px;width:100%;cursor:pointer}.speaker-portrait img{object-fit:contain;object-position:center 18%;background:var(--color-blue-50)}