html[data-theme=light]{--text-1: #141a26;--text-2: #4c5668;--text-3: #b35a12;--text-4: #ffffff;--text-5: #c0262d;--text-6: #0d7f8c;--bg-1: #f6f4ef;--bg-2: rgba(250, 248, 243, .78);--bg-3: rgba(20, 26, 38, .1);--bg-4: #141a26;--bg-5: #e07a1f;--bg-6: rgba(10, 14, 24, .45);--line: rgba(20, 26, 38, .16);--shadow: 0 8px 28px rgba(10, 14, 24, .18);--glow: 0 0 0 rgba(0, 0, 0, 0);color-scheme:light}html[data-theme=dark]{--text-1: #eef1f6;--text-2: #9aa6ba;--text-3: #ffb35c;--text-4: #0b0f1a;--text-5: #ff6b6b;--text-6: #5ee6f0;--bg-1: #121827;--bg-2: rgba(10, 14, 24, .62);--bg-3: rgba(238, 241, 246, .12);--bg-4: #eef1f6;--bg-5: #ff9a3c;--bg-6: rgba(0, 0, 0, .55);--line: rgba(238, 241, 246, .16);--shadow: 0 8px 28px rgba(0, 0, 0, .45);--glow: 0 0 12px rgba(255, 154, 60, .35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-4);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--text-1);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui .interactive,#ui button,#ui input,#ui select{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hidden{display:none!important}.topbar{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);display:flex;gap:8px;z-index:30}.icon-btn{min-width:44px;height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);color:var(--text-1);font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.icon-btn:hover{background:var(--bg-3)}.icon-btn svg{width:20px;height:20px}.screen{position:absolute;inset:0;display:flex;align-items:center;padding:calc(env(safe-area-inset-top) + 24px) calc(env(safe-area-inset-right) + 24px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 5vw)}.title-card{padding:28px 32px;max-width:min(520px,46vw);pointer-events:auto}.title-card h1{margin:0;font-size:clamp(38px,6.4vw,76px);letter-spacing:.18em;font-weight:800;line-height:1.05;color:var(--text-1)}.title-card .sub{margin:10px 0 0;color:var(--text-2);font-size:clamp(13px,1.4vw,16px);letter-spacing:.06em}.title-card .meta{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--text-6);font-size:13px;letter-spacing:.05em;font-variant-numeric:tabular-nums}.title-card .actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{min-height:48px;padding:0 22px;border-radius:12px;border:1px solid var(--line);background:var(--bg-3);color:var(--text-1);font-size:16px;font-weight:600;letter-spacing:.06em;transition:transform .12s,background .15s}.btn:hover{background:var(--bg-2)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--bg-4);color:var(--text-4);border-color:transparent;box-shadow:var(--glow)}.btn.primary:hover{filter:brightness(1.1)}.btn.big{min-height:56px;padding:0 40px;font-size:19px;letter-spacing:.3em}.btn:disabled{opacity:.5;cursor:progress}.progress{margin-top:18px;height:6px;border-radius:3px;background:var(--bg-3);overflow:hidden}.progress>i{display:block;height:100%;width:0;background:var(--bg-5);transition:width .2s}.loading-text{margin-top:8px;font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums}.hint-line{color:var(--text-2);font-size:13px}.credit{position:absolute;top:calc(env(safe-area-inset-top) + 6px);left:calc(env(safe-area-inset-left) + 12px);font-size:11px;line-height:16px;color:var(--text-2);opacity:.85;pointer-events:none;user-select:none;z-index:5}.hud{position:absolute;inset:0}.hud .lcol{position:absolute;top:calc(env(safe-area-inset-top) + 28px);left:calc(env(safe-area-inset-left) + 12px);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hud .info{padding:10px 14px;min-width:190px;font-size:13px;line-height:1.55}.hud .info .pname{font-size:16px;font-weight:700;letter-spacing:.08em;color:var(--text-1)}.hud .info .row{color:var(--text-2);font-variant-numeric:tabular-nums;display:flex;justify-content:space-between;gap:12px}.hud .info .row b{color:var(--text-1);font-weight:600}.hud .compass{position:absolute;top:calc(env(safe-area-inset-top) + 12px);left:50%;transform:translate(-50%);width:min(420px,40vw);height:34px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.hud .compass .strip{position:absolute;top:0;left:50%;height:100%;white-space:nowrap}.hud .compass .tick{position:absolute;top:6px;transform:translate(-50%);font-size:13px;color:var(--text-2);font-weight:600}.hud .compass .tick.card{color:var(--text-1);font-size:15px}.hud .compass .tick.sun{color:var(--text-3)}.hud .compass .center{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--bg-5);transform:translate(-50%)}.hud .bars{padding:10px 14px;width:230px;display:grid;gap:7px}.hud:not(.touch) .bars{position:fixed;left:calc(env(safe-area-inset-left) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px)}.hud.touch .bars{width:190px;padding:8px 12px;gap:5px}.hud.touch .info{min-width:190px}.bar{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12px;color:var(--text-2)}.bar .track{grid-column:1 / -1;height:6px;border-radius:3px;background:var(--bg-3);overflow:hidden}.bar .track>i{display:block;height:100%;background:var(--bg-5);border-radius:3px;transition:width .15s linear}.bar.low .track>i{animation:blink .8s infinite}.bar.low span:first-child{color:var(--text-5)}@keyframes blink{50%{opacity:.35}}.hud .inv{position:absolute;right:calc(env(safe-area-inset-right) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px);padding:10px 14px;min-width:160px;font-size:13px;display:grid;gap:4px}.hud.touch .inv{bottom:auto;top:calc(env(safe-area-inset-top) + 66px);min-width:130px;padding:8px 12px;font-size:12px}.inv .item{display:flex;justify-content:space-between;gap:16px;color:var(--text-2);font-variant-numeric:tabular-nums}.inv .item b{color:var(--text-1)}.inv .item.flash b{color:var(--text-3)}.inv .ttl{font-size:11px;letter-spacing:.12em;color:var(--text-3);font-weight:700}.crosshair{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--bg-4);opacity:.85;border-radius:1px}html[data-theme=light] .crosshair:before,html[data-theme=light] .crosshair:after{background:var(--bg-1)}.crosshair:before{left:50%;top:9px;bottom:9px;width:2px;transform:translate(-50%)}.crosshair:after{top:50%;left:9px;right:9px;height:2px;transform:translateY(-50%)}.crosshair .ring{position:absolute;inset:-8px}.crosshair .ring circle{fill:none;stroke:var(--bg-5);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.target-tag{position:absolute;left:50%;top:calc(50% + 30px);transform:translate(-50%);padding:6px 12px;font-size:13px;white-space:nowrap;text-align:center}.target-tag .res{color:var(--text-6);font-size:12px}.hud .hints{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 12px);left:50%;transform:translate(-50%);padding:6px 12px;font-size:12px;color:var(--text-2);display:flex;gap:14px;white-space:nowrap}.hud .hints kbd{display:inline-block;min-width:20px;padding:1px 5px;margin-right:4px;border-radius:5px;background:var(--bg-3);color:var(--text-1);font:600 11px/1.6 inherit;text-align:center}.toasts{position:absolute;top:30%;left:50%;transform:translate(-50%);display:grid;gap:6px;justify-items:center}.toast{padding:6px 14px;font-size:14px;animation:toast 2.2s forwards;color:var(--text-1)}.toast.warn{color:var(--text-5)}.toast.good b{color:var(--text-3)}@keyframes toast{0%{opacity:0;transform:translateY(6px)}10%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.tutorial{position:absolute;top:calc(env(safe-area-inset-top) + 58px);left:50%;transform:translate(-50%);padding:10px 14px 10px 16px;display:flex;gap:12px;align-items:center;font-size:14px;max-width:min(560px,60vw)}.tutorial .step{color:var(--text-3);font-weight:700;font-variant-numeric:tabular-nums}.tutorial .skip{min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg-3);font-size:13px;color:var(--text-2)}.lock-hint{position:absolute;top:calc(env(safe-area-inset-top) + 58px);right:calc(env(safe-area-inset-right) + 12px);padding:6px 12px;font-size:12px;color:var(--text-2)}.marker{position:absolute;transform:translate(-50%,-100%);text-align:center;font-size:11px;color:var(--text-6);font-weight:700;white-space:nowrap}.marker .dia{width:12px;height:12px;margin:0 auto 2px;border:2px solid var(--text-6);transform:rotate(45deg)}.marker span{padding:1px 6px;border-radius:6px;background:var(--bg-2)}.landing{position:absolute;bottom:18%;left:50%;transform:translate(-50%);padding:8px 16px;font-size:14px;letter-spacing:.2em;color:var(--text-1)}.touch-ui{position:absolute;inset:0}.joy-hint{position:absolute;left:calc(env(safe-area-inset-left) + 40px);bottom:calc(env(safe-area-inset-bottom) + 36px);width:128px;height:128px;border-radius:50%;border:2px dashed var(--line);background:var(--bg-3);opacity:.8}.joy-base{position:absolute;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:var(--bg-3);border:2px solid var(--line)}.joy-knob{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--bg-2);border:2px solid var(--line);box-shadow:var(--shadow)}.tbtns{position:absolute;right:calc(env(safe-area-inset-right) + 18px);bottom:calc(env(safe-area-inset-bottom) + 18px);width:250px;height:210px}.tbtn{position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid var(--line);background:var(--bg-2);color:var(--text-1);font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);touch-action:none}.tbtn svg{width:22px;height:22px}.tbtn.big{width:80px;height:80px;font-size:13px}.tbtn.big svg{width:28px;height:28px}.tbtn.on,.tbtn:active{background:var(--bg-5);color:var(--text-4)}.tbtn.jump{right:0;bottom:0}.tbtn.mine{right:96px;bottom:6px}.tbtn.scan{right:4px;bottom:98px}.tbtn.view{right:82px;bottom:98px}.tbtn.lamp{right:164px;bottom:76px}.tbtn.sprint{right:178px;bottom:6px}.modal-mask{position:absolute;inset:0;background:var(--bg-6);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:50;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.modal{width:min(560px,92vw);max-height:85vh;display:flex;flex-direction:column;background:var(--bg-1);color:var(--text-1);border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.modal header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;border-bottom:1px solid var(--line);background:var(--bg-1)}.modal header h2{margin:0;font-size:18px;letter-spacing:.1em}.modal .content{overflow-y:auto;padding:14px 20px;display:grid;gap:14px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal footer{position:sticky;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--line);background:var(--bg-1);flex-wrap:wrap}.close-x{width:44px;height:44px;border-radius:10px;border:none;background:transparent;color:var(--text-2);font-size:22px}.close-x:hover{background:var(--bg-3)}.field{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px;font-size:14px}.field>label{color:var(--text-2)}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg-3);color:var(--text-1);font-size:14px}.seg button.on{background:var(--bg-4);color:var(--text-4);border-color:transparent}input[type=range]{width:100%;accent-color:var(--bg-5);height:32px}.keys{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:14px;align-items:center}.keys .kb{min-height:38px;min-width:110px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);color:var(--text-1);font-size:13px}.keys .kb.wait{background:var(--bg-5);color:var(--text-4)}.section-title{font-size:12px;letter-spacing:.14em;color:var(--text-3);font-weight:700;margin-top:4px}.note{font-size:12px;color:var(--text-2)}.pause-list{display:grid;gap:10px}.rotate{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:var(--bg-1);color:var(--text-1);font-size:17px;pointer-events:auto;text-align:center;padding:24px}.rotate svg{width:72px;height:72px;color:var(--text-3);animation:rot 2s ease-in-out infinite}@keyframes rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(max-height:460px){.title-card{padding:18px 22px}.title-card .actions{margin-top:14px}.hud .info{font-size:12px;padding:8px 12px;min-width:160px}.hud.touch .info{line-height:1.4;padding:6px 12px}.hud.touch .info .pname{font-size:14px}.hud.touch .lcol{gap:6px}.modal header{padding:6px 8px 6px 16px}.modal .content{padding:10px 16px}.modal footer{padding:8px 16px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}html[lang=en] .title-card h1{letter-spacing:.04em;font-size:clamp(32px,4.8vw,58px)}html[lang=en] .btn.big{letter-spacing:.12em}.tbtn.board{right:164px;bottom:146px}.tbtn.build,.tbtn.seat{right:250px;bottom:146px}.tbtn.rot{right:332px;bottom:6px}.tbtn.remove{right:332px;bottom:76px}.tbtn.next{right:332px;bottom:146px}.hud.touch~.buildbar .bb-info span:last-child{display:none}.prompt{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 64px);transform:translate(-50%);padding:8px 16px;font-size:14px;color:var(--text-1);white-space:nowrap}.prompt kbd{display:inline-block;min-width:22px;padding:1px 6px;margin-right:6px;border-radius:6px;background:var(--bg-4);color:var(--text-4);font:700 12px/1.6 inherit;text-align:center}.shippanel{position:absolute;right:calc(env(safe-area-inset-right) + 12px);top:50%;transform:translateY(-50%);padding:10px 14px;width:200px;display:grid;gap:6px;font-size:12px;color:var(--text-2)}.shippanel .spd{font-size:26px;font-weight:800;color:var(--text-1);font-variant-numeric:tabular-nums}.shippanel .spd small{font-size:12px;color:var(--text-2);margin-left:4px}.shippanel .zone{color:var(--text-6);font-weight:700;letter-spacing:.12em}.hud.touch.piloting .bars{display:none}.hud.touch .shippanel{right:auto;left:calc(env(safe-area-inset-left) + 12px);top:calc(env(safe-area-inset-top) + 124px);transform:none;width:190px;padding:6px 12px;gap:3px}.hud.touch .shippanel .spd{font-size:20px}.buildbar{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 50px);transform:translate(-50%);width:min(760px,60vw);padding:8px 10px;display:grid;gap:6px;z-index:20}.hud.touch~.buildbar,.buildbar.touch{bottom:auto;top:calc(env(safe-area-inset-top) + 64px);width:min(560px,52vw)}.bb-info{display:flex;gap:12px;align-items:baseline;font-size:13px;color:var(--text-2);flex-wrap:wrap}.bb-info b{color:var(--text-1)}.bb-info .warn{color:var(--text-5)}.bb-list{display:flex;gap:6px;overflow-x:auto;touch-action:pan-x;-webkit-overflow-scrolling:touch;padding-bottom:2px}.bb-item{flex:0 0 auto;min-width:84px;min-height:52px;padding:6px 8px;border-radius:10px;border:1px solid var(--line);background:var(--bg-3);color:var(--text-1);display:grid;gap:2px;text-align:left;position:relative;font-size:13px}.bb-item span{font-size:11px;color:var(--text-2)}.bb-item i{position:absolute;top:3px;right:6px;font-style:normal;font-size:10px;color:var(--text-3);font-weight:700}.bb-item.on{background:var(--bg-4);color:var(--text-4)}.bb-item.on span{color:var(--text-4)}.bb-item.poor b,.bb-item.poor span{color:var(--text-5)}.inv .item.dim{display:none}.wanted{position:absolute;top:calc(env(safe-area-inset-top) + 50px);left:50%;transform:translate(-50%);padding:4px 12px;font-size:13px;color:var(--text-2);white-space:nowrap}.wanted b{color:var(--text-3);letter-spacing:2px}.wanted.alert{color:var(--text-5);animation:blink 1s infinite}.wanted.alert b{color:var(--text-5)}.hud .tutorial,.tutorial{top:calc(env(safe-area-inset-top) + 84px)}.inv .item.cur b{color:var(--text-6)}.wallet{display:flex;gap:18px;font-size:14px;color:var(--text-2)}.wallet b{color:var(--text-6);font-size:17px;font-variant-numeric:tabular-nums}.stats{display:grid;gap:6px}.stat{display:grid;grid-template-columns:110px 1fr 44px;gap:8px;align-items:center;font-size:13px;color:var(--text-2)}.stat .track{height:6px;border-radius:3px;background:var(--bg-3);overflow:hidden}.stat .track i{display:block;height:100%;background:var(--bg-5)}.stat b{color:var(--text-1);text-align:right;font-variant-numeric:tabular-nums}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.slot{border:1px solid var(--line);background:var(--bg-3);border-radius:10px;padding:8px;display:grid;gap:2px}.slot b{font-size:18px;color:var(--text-1);font-variant-numeric:tabular-nums}.slot span{font-size:12px;color:var(--text-2)}.slot.empty{opacity:.45}.recipes,.trows{display:grid;gap:8px}.recipe{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.recipe>div{display:grid;gap:2px;font-size:13px}.recipe span{color:var(--text-2);font-size:12px}.recipe em{color:var(--text-3);font-style:normal;font-size:12px}.trow{display:grid;grid-template-columns:1fr 56px 110px auto auto;gap:8px;align-items:center;font-size:13px}.trow em{font-style:normal;color:var(--text-2);font-variant-numeric:tabular-nums}.trow .btn{min-height:40px;padding:0 12px;font-size:13px;letter-spacing:0}.trow.dim{opacity:.5}.warp-fx{position:absolute;inset:0;z-index:60;pointer-events:none;background:var(--bg-1);opacity:0;transition:opacity .6s}.warp-fx.on{opacity:1;transition:opacity 2.6s ease-in}.tbtn.inv{right:164px;bottom:216px}.tbtn.warp{right:250px;bottom:216px}.hud .info .row.haven b{color:var(--text-6)}.row-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.row-btns .btn,.recipe .btn{min-height:44px}.pets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.pet{display:grid;gap:2px;text-align:left;padding:8px 10px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg-3);color:var(--text-1);font:inherit;cursor:pointer}.pet span{font-size:12px;color:var(--text-2)}.pet em{font-size:11px;font-style:normal;color:var(--text-2)}.pet.on{border-color:var(--text-3);box-shadow:inset 0 0 0 1px var(--text-3)}.fighter{display:grid;grid-template-columns:1fr;gap:4px}.fighter .fname{display:flex;justify-content:space-between;gap:8px;font-size:14px}.fighter .fname span{color:var(--text-2);font-size:12px}.fighter .track{height:10px;border-radius:5px;background:var(--bg-3);overflow:hidden}.fighter .track i{display:block;height:100%;background:var(--text-5);transition:width .3s}.fighter.mine .track i{background:var(--text-6)}.fighter em{font-style:normal;font-size:12px;color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums}.vs{text-align:center;font-weight:800;letter-spacing:.3em;color:var(--text-3)}.moves{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.moves .btn{min-height:48px}.blog{display:grid;gap:3px;font-size:13px;color:var(--text-2);max-height:9.5em;overflow-y:auto}.blog div:first-child{color:var(--text-1);font-weight:600}.tbtn.use{right:250px;bottom:76px}