*{box-sizing:border-box}:root{color:#f4dfb7;background:#141812;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #121715;--panel: rgba(24, 31, 27, .9);--panel-strong: rgba(24, 31, 27, .96);--line: rgba(244, 223, 183, .18);--gold: #e3b64e;--paper: #f4dfb7;--cinnabar: #b83f32;--jade: #3f7d65}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#141812}button,input,select{font:inherit}button{border:0;border-radius:8px;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}select{background:#f4dfb71f;border:1px solid rgba(244,223,183,.22);border-radius:8px;color:var(--paper);outline:none;padding:10px 12px}#time-travel-root{align-items:center;background:#070907;display:flex;justify-content:center;width:100vw;height:100vh;overflow:hidden}.time-travel-shell{aspect-ratio:16 / 9;height:min(100vh,56.25vw);max-height:100vh;max-width:100vw;position:relative;overflow:hidden;background:#253b2d;width:min(100vw,177.7778vh)}#worldCanvas{display:block;width:100%;height:100%}.top-hud{display:flex;gap:8px;left:16px;position:absolute;top:16px;z-index:4}.setup-panel,.summary-panel{background:#0c110ed1;top:0;right:0;bottom:0;left:0;position:absolute;z-index:12}.setup-form{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;left:50%;padding:18px;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 32px))}.setup-leaderboard{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;bottom:24px;left:50%;padding:12px;position:absolute;transform:translate(-50%);width:min(620px,calc(100% - 32px))}.setup-form header{display:grid;gap:3px}.setup-form header span{color:#f4dfb7b3;font-size:12px;font-weight:800}.setup-form header strong{color:var(--paper);font-size:26px}.setup-form label{color:#f4dfb7c7;display:grid;font-size:13px;font-weight:800;gap:6px}.setup-form button,.end-button{background:var(--gold);color:var(--ink);font-weight:900;min-height:42px;padding:10px 12px}.end-button{position:absolute;right:308px;top:16px;z-index:5}.top-hud div,.interaction-prompt,.toast{background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 26px #00000038}.top-hud div{border-radius:8px;display:grid;gap:3px;min-width:118px;padding:9px 12px}.top-hud span,.dialogue-panel header span,.clue-panel header{color:#f4dfb7b3;font-size:12px;font-weight:700}.top-hud strong{color:var(--paper);font-size:17px}.clue-panel{background:#121715d6;border-left:1px solid var(--line);bottom:0;max-width:292px;overflow:hidden;padding:16px 12px;position:absolute;right:0;top:0;width:min(28vw,292px);z-index:3}.clue-panel header{letter-spacing:.08em;margin-bottom:10px}.clue-list{display:grid;gap:8px;max-height:calc(100% - 26px);overflow:auto;padding-right:4px}.clue-card{background:#f4dfb714;border:1px solid rgba(244,223,183,.12);border-radius:8px;display:grid;gap:6px;padding:9px}.profile-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.clue-card strong{color:var(--paper);font-size:14px}.clue-card span{color:#f4dfb7a3;font-size:12px;white-space:nowrap}.clue-card ul,.dialogue-turn ul{margin:0;padding-left:18px}.clue-card li{color:#f4dfb7c7;font-size:12px;line-height:1.42;margin:3px 0}.stat-row{display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-row span{background:#f4dfb714;border-radius:6px;padding:4px 6px}.profile-line{color:#f4dfb7c7;font-size:12px;line-height:1.42;margin:0}.clue-section-title{color:#f4dfb79e;font-size:11px;font-weight:800;margin-top:2px}.session-error{border-color:#b83f3270}.session-error button{background:var(--gold);color:var(--ink);font-size:13px;font-weight:800;padding:8px 10px}.interaction-prompt{border-radius:8px;bottom:152px;color:var(--paper);font-weight:800;left:50%;padding:10px 14px;position:absolute;transform:translate(-50%);z-index:5}.dialogue-panel{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px 8px 0 0;bottom:0;box-shadow:0 -16px 46px #00000047;display:grid;gap:10px;left:16px;max-width:calc(100% - 336px);padding:14px;position:absolute;width:720px;z-index:6}.dialogue-panel header{align-items:center;display:flex;justify-content:space-between}.dialogue-panel header div{display:grid;gap:2px}.dialogue-panel header strong{color:var(--paper);font-size:22px}.dialogue-panel header button{background:#f4dfb71f;color:var(--paper);height:34px;width:34px}.dialogue-meta{color:#f4dfb7b8;font-size:13px;line-height:1.45;margin:0}.dialogue-turns{display:grid;gap:8px;max-height:248px;min-height:120px;overflow:auto;padding-right:4px}.dialogue-empty,.dialogue-turn{background:#f4dfb714;border:1px solid rgba(244,223,183,.12);border-radius:8px;padding:10px}.dialogue-empty{color:#f4dfb7b3}.dialogue-turn{display:grid;gap:7px}.dialogue-turn p{line-height:1.5;margin:0}.player-line{color:#f0c75b;font-weight:800}.npc-line{color:var(--paper)}.turn-meta{color:#f4dfb794;font-size:12px}.dialogue-turn li{color:#f0c75b;font-size:13px;line-height:1.4}.dialogue-form{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 74px}.dialogue-form input{background:#f4dfb71f;border:1px solid rgba(244,223,183,.2);border-radius:8px;color:var(--paper);min-width:0;outline:none;padding:10px 12px}.dialogue-form input::placeholder{color:#f4dfb780}.dialogue-form button,.judgment-row button{color:#101713;font-weight:900;min-height:42px;padding:10px 12px}.dialogue-form button{background:var(--gold)}.judgment-row{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.judgment-row button:first-child{background:var(--cinnabar);color:#fff0dc}.judgment-row button:last-child{background:var(--gold);color:var(--ink)}.summary-panel{align-items:center;display:flex;justify-content:center;padding:18px}.summary-panel.hidden{display:none}.summary-panel>header,.summary-panel>div{width:min(760px,100%)}.summary-panel>header{align-items:center;background:var(--panel-strong);border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 14px;position:absolute;top:max(28px,calc(50% - 300px))}.summary-panel>header strong{font-size:22px}.summary-panel>header button{background:#f4dfb71f;color:var(--paper);height:34px;width:34px}#summaryBody{background:var(--panel-strong);border:1px solid var(--line);border-radius:0 0 8px 8px;display:grid;gap:12px;margin-top:44px;max-height:min(70vh,560px);overflow:auto;padding:14px}.summary-score{align-items:end;display:flex;gap:12px}.summary-score strong{color:var(--gold);font-size:42px;line-height:1}.summary-score span,.summary-stats span{color:#f4dfb7bf}.summary-stats{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.summary-stats span{background:#f4dfb714;border-radius:6px;font-size:12px;font-weight:800;padding:8px;text-align:center}.summary-table{display:grid;gap:6px}.summary-table>div{align-items:center;background:#f4dfb714;border:1px solid rgba(244,223,183,.1);border-radius:8px;display:grid;gap:8px;grid-template-columns:90px minmax(0,1fr) 70px 70px 54px;padding:8px 10px}.summary-table span{font-size:13px;min-width:0}.leaderboard-block{background:#f4dfb712;border:1px solid rgba(244,223,183,.11);border-radius:8px;display:grid;gap:8px;padding:10px}.leaderboard-block header{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.leaderboard-block header strong{color:var(--paper);font-size:14px}.leaderboard-block header span{color:#f4dfb7a3;font-size:12px}.leaderboard-grid{display:grid;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.leaderboard-grid>div{background:#f4dfb714;border-radius:6px;display:grid;gap:3px;padding:7px;text-align:center}.leaderboard-grid span,.leaderboard-grid em{color:#f4dfb7ad;font-size:11px;font-style:normal}.leaderboard-grid strong{color:var(--gold);font-size:20px;line-height:1}.toast{border-radius:8px;color:var(--paper);font-weight:800;left:50%;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;position:absolute;text-align:center;top:18px;transform:translate(-50%);z-index:8}.hidden{display:none!important}@media (max-width: 860px){.top-hud{left:8px;right:8px;top:8px}.top-hud div{min-width:0;flex:1;padding:8px}.end-button{right:8px;top:58px}.clue-panel{bottom:auto;left:8px;max-height:130px;max-width:none;right:8px;top:86px;width:auto}.clue-list{grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);max-height:82px;overflow-x:auto;overflow-y:hidden}.dialogue-panel{left:0;max-width:100vw;width:100vw}.interaction-prompt{bottom:138px}.summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-table>div{grid-template-columns:72px minmax(0,1fr)}.setup-form{top:42%}.setup-leaderboard{bottom:10px;padding:8px}.leaderboard-block header{display:grid;gap:2px}.leaderboard-grid{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}}