/* Playable shift */
[hidden]{display:none!important}.app{position:relative}.toolbar .play-button{color:#173440;background:#efc374;border-color:#efc374;font-weight:700}.toolbar .play-button:hover{background:#ffda93}.toolbar #sound-toggle{font-size:10px;padding:10px}.in-shift #mode,.in-shift #reset{display:none}.game-hud{position:absolute;top:94px;left:22px;display:flex;align-items:center;gap:22px;z-index:4;border:1px solid #f4ddb633;border-radius:12px;background:#102b36ed;padding:12px 16px;box-shadow:0 5px 25px #0002}.game-hud>div{display:flex;flex-direction:column;gap:3px}.game-hud span{font-size:8px;letter-spacing:1.3px;color:#a5c1c1}.game-hud strong{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;color:#fff1d5}.game-hud .low{color:#ff9b87}.game-hud button{border:0;border-left:1px solid #ffffff25;background:transparent;padding:10px 0 10px 18px;color:#dce9e6;font-size:11px}.in-shift .scene-tag{display:none}.request-tray{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 44px));display:flex;justify-content:center;gap:9px;z-index:4;pointer-events:none}.request-card{pointer-events:auto;flex:1;max-width:300px;display:flex;align-items:center;gap:10px;text-align:left;min-height:66px;padding:11px 12px;background:#102b36f0;color:#fff3da;border:1px solid #d4b67666;border-radius:10px;box-shadow:0 6px 20px #0003;transition:transform .15s,border-color .15s}.request-card:hover{transform:translateY(-3px);border-color:#f6ca79}.request-card.selected{border:2px solid #f3c66d;background:#204b56}.request-card.urgent{border-color:#f0987f;background:#562f30f5}.request-icon{display:grid;place-items:center;min-width:30px;height:30px;background:#e9bc6224;color:#f4cc85;border-radius:6px;font-size:14px;font-weight:700}.request-copy{min-width:0;flex:1}.request-copy strong{font-size:11px;display:block;line-height:1.3}.request-copy small{display:block;margin-top:4px;font-size:9px;color:#aac5c7}.request-time{font-size:11px;font-variant-numeric:tabular-nums;color:#f2ca87}.quiet-tray{padding:11px 18px;background:#102b36dd;border:1px solid #ffffff25;border-radius:30px;color:#d2ded8;font-size:11px}.game-toast{position:absolute;top:96px;right:22px;width:min(340px,35%);padding:13px 16px;border:1px solid #c5dcd955;border-radius:10px;background:#173d43f5;color:#fff1d6;font-size:12px;line-height:1.6;z-index:9;box-shadow:0 4px 25px #0002}.game-overlay{position:fixed;inset:0;z-index:20;background:#071e2ac2;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.game-panel{width:min(730px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:#f7f2e7;color:#1c3b43;border:1px solid #fff4da;border-radius:20px;padding:35px;box-shadow:0 20px 90px #0006;outline:none;scrollbar-width:thin}.game-panel .eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#69867f;margin-bottom:10px}.game-panel h2{font-family:Georgia,serif;font-size:37px;line-height:1.12;letter-spacing:-.6px;font-weight:500;margin:0 0 14px}.panel-intro{font-size:14px;color:#537077;line-height:1.7;margin:0 0 23px;max-width:580px}.welcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-block:1px solid #24464a1c;padding:22px 0;margin-bottom:24px}.welcome-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.welcome-grid b{font-size:11px;display:grid;place-items:center;width:28px;height:28px;background:#e7dcc3;border-radius:50%;color:#786337}.welcome-grid strong{font-size:12px}.welcome-grid span{font-size:11px;line-height:1.7;color:#5d7579}.panel-actions{display:flex;gap:10px;flex-wrap:wrap}.game-panel button{border-radius:9px;padding:13px 18px;min-height:46px;border:1px solid #c6d2c9;font-size:12px;font-weight:600;text-align:left}.game-panel button.primary{background:#1b5159;border-color:#1b5159;color:#fff4d9}.game-panel button.primary span{margin-left:12px}.game-panel button.primary:hover{background:#2b656a}.game-panel button.secondary{color:#31575d;background:transparent}.game-panel button.secondary:hover{background:#e7e8dd}.panel-note{font-size:10px;line-height:1.8;color:#7b8e8c;margin-top:22px}.task-progress{display:flex;justify-content:space-between;border-top:1px solid #204a4a22;padding:12px 0;font-size:11px;color:#66817d}.task-prompt{font-size:16px;line-height:1.6;color:#264d54;margin:10px 0 18px}.choice-list{display:grid;gap:9px}.game-panel button.choice{background:#fffdf6;line-height:1.5;font-size:13px;font-weight:500;transition:background .1s}.game-panel button.choice:hover{background:#e5ede2;border-color:#668a83}.task-feedback{min-height:20px;font-size:12px;color:#79593b;line-height:1.6;margin:14px 0}.task-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.task-footer>span{font-size:10px;color:#7d8b86;max-width:190px;line-height:1.6;text-align:right}.computer-frame{background:#102c39;border-radius:12px;padding:0 20px 17px;color:#def1e9;box-shadow:inset 0 0 0 4px #25434c}.computer-toolbar{display:flex;gap:5px;align-items:center;border-bottom:1px solid #ffffff14;padding:16px 0;font-size:10px;color:#96b1b7}.computer-toolbar i{width:6px;height:6px;background:#98b8b2;border-radius:50%}.computer-toolbar span{margin-left:10px;letter-spacing:1px}.computer-frame .task-prompt{color:#e5efda;font-size:14px}.computer-frame button.choice{background:#20424e;color:#e7f1e5;border-color:#65828a;font-size:12px}.computer-frame button.choice:hover{background:#375c65}.chat-log{display:grid;gap:10px;margin-top:14px}.chat-message{font-size:11px;line-height:1.6;padding:9px 12px;background:#ffffff08;border-radius:8px;color:#bcd0cc}.chat-message span{display:block;font-size:8px;letter-spacing:1px;color:#91b9b8;margin-bottom:3px}.chat-message.you{margin-left:40px;background:#47716f55}.chat-message.feedback{color:#ffc69c}.computer-status{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:9px;color:#8bb0ac}.support-dot{width:5px;height:5px;background:#8bcc9b;border-radius:50%}.result-stars{color:#b58a30;font-size:28px;margin:0 0 20px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px 0;border-block:1px solid #234e481c;margin-bottom:20px}.result-grid>div{display:flex;flex-direction:column;gap:6px}.result-grid strong{font-size:25px;color:#25555d}.result-grid span{font-size:10px;color:#66837e}.result-tip{font-size:12px;line-height:1.6;color:#5a756d;margin-bottom:24px}
@media(max-width:1100px){.chapter p,.preview{display:none}.toolbar{gap:5px}.toolbar button{padding:9px}.game-hud{top:84px}.game-toast{top:84px}.identity .divider{margin:0 4px}.request-tray{bottom:76px}}
@media(max-width:700px){.game-panel{padding:24px;border-radius:15px}.game-panel h2{font-size:30px}.game-overlay{padding:12px}.game-panel{max-height:calc(100dvh - 24px)}.welcome-grid{gap:12px}.welcome-grid span{font-size:10px}.panel-intro{font-size:12px}.game-hud{top:126px;left:12px;padding:9px 12px;gap:16px}.game-hud strong{font-size:16px}.game-toast{top:198px;left:12px;right:auto;width:calc(100% - 24px);font-size:11px}.request-tray{bottom:87px;display:grid;grid-template-columns:repeat(2,1fr);width:calc(100% - 24px);gap:6px}.request-card{min-height:58px;padding:8px;max-width:none;gap:6px}.request-copy strong{font-size:10px}.request-icon{min-width:23px;height:26px;font-size:11px}.request-time{font-size:10px}.quiet-tray{grid-column:1/-1;text-align:center;font-size:10px}.result-grid{grid-template-columns:repeat(2,1fr);gap:20px}.toolbar .play-button{margin-right:auto}.toolbar #fullscreen{margin-left:0}.toolbar #sound-toggle{font-size:9px}.task-prompt{font-size:14px}.task-footer{align-items:flex-start}.game-panel button{padding:11px 13px}.computer-frame{padding:0 12px 13px}}
@media(max-height:520px) and (orientation:landscape){.topbar .chapter,.topbar .divider{display:none}.toolbar .play-button{margin-right:0}.game-hud{top:60px;left:12px;padding:7px 12px;gap:16px}.game-hud strong{font-size:15px}.game-hud span{font-size:7px}.game-toast{top:60px;left:auto;right:12px;width:34%;padding:8px 12px;font-size:10px}.request-tray{bottom:48px;display:flex;gap:6px}.request-card{min-height:45px;padding:7px 9px;gap:6px}.request-copy strong{font-size:9px}.request-copy small{font-size:8px}.request-icon{min-width:22px;height:22px}.request-time{font-size:9px}.game-overlay{padding:10px}.game-panel{max-height:calc(100dvh - 20px);padding:22px;max-width:690px}.game-panel h2{font-size:27px;margin-bottom:8px}.panel-intro{font-size:11px;line-height:1.5;margin-bottom:12px}.welcome-grid{padding:13px 0;margin-bottom:14px;gap:15px}.welcome-grid b{display:none}.welcome-grid strong{font-size:11px}.welcome-grid span{font-size:10px}.panel-note{margin-top:12px;font-size:9px}.game-panel button{min-height:38px;padding:9px 14px}.task-prompt{font-size:13px;margin:6px 0 10px}.choice-list{gap:6px}.task-feedback{margin:8px 0;min-height:0}.task-progress{padding:8px 0}.result-grid{grid-template-columns:repeat(4,1fr);padding:12px 0}}