*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#071e2c;color:#e7f6f7;font-family:system-ui,"Microsoft YaHei",sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #44616d;border-radius:10px;color:inherit;background:#163b4a;padding:11px 14px;min-height:44px}button:hover{background:#245062}button:focus-visible{outline:3px solid #ffcc83}main{height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:250px 1fr;grid-template-rows:72px 1fr 25px;gap:14px;max-width:1500px;margin:auto}header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:14px;align-items:center}.mark{font-size:36px;color:#ffbe79}small{font-size:11px;letter-spacing:1.5px;color:#98bcc8}h1{font-size:24px;margin:3px 0;font-weight:750;letter-spacing:3px}.record{font-size:12px;color:#9dbac5}.record b{display:block;color:#ffcf95;text-align:right;font-size:22px}aside{background:#102f3e;border:1px solid #31505d;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:22px;overflow:auto}h2{font-size:24px;margin:8px 0}.mission p,.hint{font-size:12px;line-height:1.8;color:#98b8c4}.stats{display:grid;gap:20px}.stats strong{display:block;margin-top:6px;font-size:27px;letter-spacing:2px}#hp{font-size:21px;color:#ffbd87}.fuel span{display:flex;justify-content:space-between;font-size:12px}.fuel>div{height:6px;background:#264b5a;border-radius:5px;margin-top:10px;overflow:hidden}.fuel i{display:block;height:100%;background:#65e3cc;width:100%}.controls{display:flex;gap:6px;flex-wrap:wrap}.controls button{font-size:12px;flex:1;padding:8px}.hint{margin:0}.burst{margin-top:auto;background:#f4ac67;color:#193344;border:0;font-weight:bold}.burst:hover{background:#ffd09a}.burst small{display:block;color:#4c4a41;font-size:10px;margin-top:4px}.burst:disabled{opacity:.5}#field{position:relative;min-height:0;overflow:hidden;border-radius:18px;background:#236176;border:1px solid #51818f;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}.sector{position:absolute;top:16px;left:20px;font-size:10px;letter-spacing:2px;color:#c5e5e9;pointer-events:none}.sector span{margin-left:16px;opacity:.5}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#07233265;padding:18px;backdrop-filter:blur(3px)}#overlay.hidden{display:none}.card{max-width:420px;padding:30px;background:#0c2a3beF;border:1px solid #6a95a4;border-radius:20px;box-shadow:0 20px 70px #001e3266}.card h2{font-size:34px;margin:15px 0}.card p{font-size:14px;line-height:1.9;color:#bbd3dc}.tags{display:flex;gap:12px;font-size:11px;color:#8fc5cf;margin:20px 0}.card button{width:100%;background:#f5b572;color:#173545;border:0;font-weight:700}#toast{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#092535dd;border-radius:30px;white-space:nowrap;padding:8px 18px;font-size:13px;opacity:0;pointer-events:none}footer{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#6b95a5}@media(max-width:650px) and (orientation:portrait){main{padding-left:10px;padding-right:10px;grid-template-columns:1fr;grid-template-rows:56px auto 1fr 18px;gap:8px}aside{padding:10px 12px;display:grid;grid-template-columns:1fr 1fr 90px;gap:8px;border-radius:12px}.mission{display:none}.stats{grid-column:1/3;display:flex;justify-content:space-between}.stats strong{font-size:20px;margin:2px 0}.stats small{font-size:9px}#hp{font-size:16px}.fuel{grid-column:1/3;grid-row:2}.controls{grid-column:1/3;grid-row:3;flex-wrap:nowrap}.controls button{min-height:34px;padding:4px}.burst{grid-column:3;grid-row:1/4;margin:0;padding:6px;font-size:14px}.burst small{font-size:9px;letter-spacing:0}.hint{display:none}h1{font-size:20px}.mark{font-size:28px}.card{padding:22px}.card h2{font-size:29px}.sector{top:10px;left:12px;font-size:8px}footer{font-size:8px}}@media(orientation:landscape) and (max-height:550px){main{grid-template-columns:180px 1fr;grid-template-rows:42px 1fr 14px;gap:7px;padding-top:max(6px,env(safe-area-inset-top))}header h1{font-size:18px}.brand small{font-size:8px}.mark{font-size:26px}.record b{display:inline;margin-left:8px;font-size:18px}aside{padding:12px;gap:10px}.mission,.hint{display:none}.stats{gap:5px}.stats strong{font-size:20px;margin-top:0}#hp{font-size:15px}.controls button{min-height:34px;padding:4px}.burst{min-height:44px;padding:7px}.card{padding:15px 24px;max-width:480px}.card h2{font-size:25px;margin:7px 0}.card p{font-size:12px;margin:6px 0}.tags{margin:9px 0}.card button{min-height:36px;padding:8px}}
@media(orientation:landscape) and (max-height:550px){aside{gap:8px;padding:10px;overflow:hidden}.stats{display:flex;justify-content:space-between}.stats small{font-size:9px;letter-spacing:0}.stats strong{font-size:17px}#hp{font-size:12px;letter-spacing:0}.controls{flex-wrap:nowrap;gap:3px}.controls button{font-size:10px;padding:2px;min-width:0;min-height:36px}.burst{flex-shrink:0;margin-top:auto}.burst small{font-size:9px;letter-spacing:0}.fuel>div{margin-top:5px}}
@media(max-width:650px) and (orientation:portrait){.controls button{font-size:11px;white-space:nowrap}.brand small{font-size:9px;letter-spacing:1px}}
/* Content navigation only: retained visual style. */
#overlay{overflow:auto;align-items:center}.card{max-height:100%;overflow:auto}#contentPanel{border-top:1px solid #567082;margin-top:12px;padding-top:10px}.content-select{display:flex;gap:8px;flex-wrap:wrap}.content-select label{font-size:11px;flex:1;min-width:110px}.content-select select{max-width:100%;width:100%;min-height:34px;background:#163345;color:#e6f4f6;border:1px solid #567082;border-radius:5px;margin-top:4px}#contentBrief{font-size:11px;line-height:1.5;margin:8px 0}.content-buttons{display:flex;gap:5px;flex-wrap:wrap}.card .content-buttons button{width:auto;flex:1;min-width:70px;font-size:11px;padding:5px;margin:3px 0;min-height:34px}.card .content-buttons button[hidden]{display:none}#recordInfo{display:block;font-size:9px;letter-spacing:0;line-height:1.6;margin-top:5px}@media(max-height:550px){.card .tags{display:none}.card{max-width:540px}#contentPanel{margin-top:6px;padding-top:6px}.card h2{font-size:21px}#contentBrief{margin:4px 0}}
#field{touch-action:auto}#overlay,.card{touch-action:pan-y}.session-live .tags,.session-live .content-select,.session-live #contentBrief,.session-live>#eyebrow{display:none}.session-live h2{font-size:24px;margin:6px 0}.session-live #message{font-size:12px;line-height:1.5}.session-live #contentPanel{margin-top:8px}#field:has(#overlay:not(.hidden)) #toast{display:none}@media(max-height:550px){.session-live{padding:10px 18px}.session-live h2{font-size:21px}.session-live #contentPanel{margin-top:4px;padding-top:4px}}