:root{font-family:Inter,Noto Sans TC,system-ui,sans-serif;color:#f8f5ea;background:#070b17;font-synthesis:none;--ink:#0b1020;--panel:#121a31;--line:#2e3b60;--yellow:#ffda3e;--coral:#ff6b5f;--mint:#5fe0a4;--sky:#67d8f2}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 70% 10%,#263258 0,#0b1020 38%,#060914)}button{font:inherit;color:inherit;cursor:pointer}.app-shell{width:100vw;height:100dvh;display:grid;grid-template-rows:72px minmax(0,1fr);overflow:hidden;position:relative;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:28px 28px}.topbar{z-index:60;display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr) auto auto;align-items:center;gap:18px;padding:10px 18px;background:#090e1df2;border-bottom:1px solid #344366;box-shadow:0 12px 35px #0008}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand strong{display:block;font-size:16px;letter-spacing:.04em;white-space:nowrap}.brand small{display:block;margin-top:3px;color:#7f8eb5;font-size:8px;letter-spacing:.19em;white-space:nowrap}.brand-icon{position:relative;width:46px;height:38px;border:2px solid #24283b;border-radius:9px 13px 7px 7px;background:var(--yellow);box-shadow:inset -7px -6px #d6ae20}.brand-icon:before{content:"";position:absolute;left:5px;top:8px;width:12px;height:10px;background:#8de1ee;border-radius:3px}.brand-icon:after{content:"";position:absolute;right:-5px;bottom:-6px;width:12px;height:12px;border:4px solid #20263a;border-radius:50%;background:#9299ab}.brand-icon i:first-child{position:absolute;left:4px;bottom:-6px;width:12px;height:12px;border:4px solid #20263a;border-radius:50%;background:#9299ab}.brand-icon i:last-child{position:absolute;right:5px;top:8px;width:15px;height:4px;border-radius:3px;background:#443d2a}.mission-status{min-width:0;display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #2b3859;border-radius:12px;background:#121a2db8}.mission-status div{min-width:0}.mission-status small{display:block;color:#7d8caf;font-size:9px;letter-spacing:.16em}.mission-status b{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.live-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.inventory{display:flex;gap:7px}.inventory>span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #303d5e;border-radius:9px;color:#8e9ab8;background:#10172a;font:700 10px/1 monospace}.inventory i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#242d47;color:#b6c1dc;font-style:normal}.inventory .complete{border-color:#398967;color:#c5ffe4}.inventory .complete i{background:#286b50;color:#fff}.header-actions{display:flex;align-items:center;gap:9px}.best{display:flex;flex-direction:column;align-items:flex-end;color:var(--yellow);font:800 15px/1 monospace}.best small{color:#6f7d9d;font-size:8px;letter-spacing:.12em;margin-bottom:4px}.icon-button{width:38px;height:38px;border:1px solid #364563;border-radius:10px;background:#151e34;color:#aab6d2}.icon-button:hover{border-color:#6d7da2;background:#202b46}.stage-wrap{position:relative;min-height:0;margin:12px 16px 16px;overflow:hidden;border:1px solid #354467;border-radius:18px;background:#080c18;box-shadow:0 28px 80px #000a,inset 0 0 0 4px #090d1b}.game-root{position:absolute;inset:0;display:grid;place-items:start center}.game-root canvas{display:block;outline:none;max-width:100%;max-height:100%}.stage-corner{position:absolute;z-index:8;width:34px;height:34px;pointer-events:none}.corner-a{left:10px;top:10px;border-left:2px solid var(--yellow);border-top:2px solid var(--yellow)}.corner-b{right:10px;bottom:10px;border-right:2px solid var(--yellow);border-bottom:2px solid var(--yellow)}.hero-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;padding:clamp(28px,5vw,76px);background:linear-gradient(90deg,#090d1bfa 0%,#090d1be8 42%,#090d1b4d 68%,transparent 100%);pointer-events:none}.hero-copy{width:min(570px,60%);pointer-events:auto}.season-tag{display:inline-flex;align-items:center;gap:8px;color:var(--sky);font-size:10px;font-weight:900;letter-spacing:.22em}.season-tag:before{content:"";width:28px;height:2px;background:var(--sky)}.hero-copy h1{margin:13px 0 15px;font-size:clamp(42px,5.2vw,76px);line-height:.96;letter-spacing:-.065em;text-shadow:0 7px #050713}.hero-copy h1 em{color:var(--yellow);font-style:normal}.hero-copy>p{max-width:520px;margin:0 0 20px;color:#aeb8d2;font-size:clamp(12px,1.2vw,16px);line-height:1.8}.mission-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.mission-chips span{padding:7px 11px;border:1px solid #35415e;border-radius:999px;background:#11182acc;color:#9eabc7;font-size:10px}.mission-chips b{color:#fff;font-size:14px}.start-button{display:flex;align-items:center;justify-content:space-between;width:min(330px,100%);border:0;border-radius:12px;padding:12px 12px 12px 20px;background:var(--yellow);color:#171723;font-weight:1000;box-shadow:0 7px #9b7f20,0 16px 34px #0009;transition:.16s}.start-button:hover{transform:translateY(-2px);filter:brightness(1.06)}.start-button span{text-align:left;font-size:17px}.start-button small{display:block;font-size:8px;letter-spacing:.18em;opacity:.65;margin-bottom:2px}.start-button i{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#171723;color:var(--yellow);font-size:22px;font-style:normal}.controls-hint{display:flex;gap:13px;flex-wrap:wrap;margin-top:19px;color:#7785a5;font-size:9px}.controls-hint span{display:flex;align-items:center;gap:4px}.controls-hint kbd,.key-grid kbd{min-width:24px;padding:4px 6px;text-align:center;border:1px solid #3a4868;border-bottom-width:3px;border-radius:5px;background:#121a2e;color:#dae2f5;font:700 9px monospace}.hero-stamp{position:absolute;right:5%;top:8%;display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #ffda3e66;border-radius:9px;color:var(--yellow);transform:rotate(3deg);opacity:.85}.hero-stamp b{font:1000 32px/1 monospace}.hero-stamp span{font:800 8px/1.15 monospace;letter-spacing:.1em}.pause-button{position:absolute;z-index:30;right:16px;top:16px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #4b5879;border-radius:10px;background:#0c1222d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pause-button span{color:var(--yellow);font-weight:900}.pause-button small{color:#a8b2ca;font-size:9px}.replay-button{position:absolute;z-index:30;left:50%;bottom:9%;transform:translate(-50%);display:flex;align-items:center;gap:16px;border:0;border-radius:11px;padding:12px 14px 12px 22px;background:var(--yellow);color:#171723;font-weight:1000;box-shadow:0 6px #9b7f20}.replay-button i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#171723;color:var(--yellow);font-size:20px;font-style:normal}.mobile-controls{display:none}.control-cluster{display:flex;gap:8px}.touch-key{width:58px;height:58px;display:grid;place-items:center;border:1px solid #52617f;border-radius:16px;background:#141d33e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;box-shadow:0 6px 18px #0008}.touch-key span{font-weight:1000;font-size:19px}.touch-key small{font-size:8px;color:#93a0bd}.touch-key.sky{border-color:#4e98ac;color:var(--sky)}.touch-key.mint{border-color:#488d70;color:var(--mint)}.touch-key.yellow{border-color:#a88f33;color:var(--yellow)}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:18px;background:#050811e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal{width:min(520px,100%);overflow:hidden;border:1px solid #3b4969;border-radius:18px;background:#11192d;box-shadow:0 35px 100px #000d}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 26px 20px;border-bottom:1px solid #2b3651;background:linear-gradient(135deg,#1b2744,#11192d)}.modal h2{margin:8px 0 0;font-size:29px;letter-spacing:-.04em}.close{width:36px;height:36px;border:1px solid #40506f;border-radius:9px;background:#11192d;color:#9ca8c2;font-size:24px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #293550}.setting-row b{font-size:14px}.setting-row small{display:block;margin-top:4px;color:#7f8ba7;font-size:10px}.switch{display:flex;align-items:center;gap:8px;border:1px solid #3b4967;border-radius:999px;padding:5px 10px 5px 5px;background:#202943;color:#8591ad;font-size:10px}.switch span{width:25px;height:25px;border-radius:50%;background:#64708a}.switch.on{border-color:#3b8d69;color:#bfffe0;background:#17382d}.switch.on span{background:var(--mint);box-shadow:0 0 12px #5fe0a466}.key-grid{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:11px 20px;padding:22px 26px;color:#aab4ca;font-size:11px}.key-grid>div{display:flex;gap:5px}.modal footer{display:flex;justify-content:space-between;padding:13px 26px;border-top:1px solid #293550;color:#667491;font-size:9px}@media(max-width:900px){.topbar{grid-template-columns:1fr auto auto}.mission-status{display:none}.inventory>span{padding:6px}.inventory>span:not(.complete) i{display:none}.stage-wrap{margin:8px}.hero-copy{width:68%}.hero-copy>p br{display:none}}@media(max-width:650px),(pointer:coarse){.app-shell{grid-template-rows:58px minmax(0,1fr)}.topbar{grid-template-columns:1fr auto;padding:8px 11px;gap:8px}.brand strong{font-size:13px}.brand small,.best,.inventory{display:none}.brand-icon{transform:scale(.82);transform-origin:left center}.stage-wrap{margin:0;border-radius:0;border-inline:0;border-bottom:0}.hero-overlay{align-items:flex-start;padding:34px 22px 110px;background:linear-gradient(180deg,#090d1bf5 0%,#090d1bd8 48%,transparent 78%)}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(38px,12vw,56px)}.hero-copy>p{max-width:90%;font-size:11px}.mission-chips,.hero-stamp,.controls-hint{display:none}.mobile-controls{position:fixed;z-index:80;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.mobile-controls button{pointer-events:auto;width:clamp(47px,13vw,56px);height:clamp(47px,13vw,56px)}.control-cluster{gap:5px}.pause-button small{display:none}.replay-button{bottom:18%}.modal{max-height:92vh}.key-grid{grid-template-columns:100px 1fr}}@media(max-width:380px){.touch-key{border-radius:14px}.touch-key small{display:none}.hero-copy>p{display:none}.start-button{margin-top:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}