@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{--paper:#f0ecdf;--ink:#2d3028;--muted:#8a897a;--line:#d6d2c3;--red:#b64d32;--olive:#70764b;--gold:#ecbe72}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft Yahei",sans-serif;font-size:13px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.025' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b8663f;outline-offset:4px}button:disabled{cursor:default;opacity:.35}button{touch-action:manipulation}.page{max-width:1430px;padding:0 54px;margin:auto}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:700 13px 'Space Mono',monospace;letter-spacing:1.4px}.brand-star{font-size:29px}.brand-cn{font:11px Arial;letter-spacing:2px;padding-left:14px;border-left:1px solid #c7c4b5;color:#696b5c}.edition{display:flex;align-items:center;gap:9px;font:10px 'Space Mono',monospace;letter-spacing:1px}.edition i,.cabinet-top i{display:inline-block;width:6px;height:6px;background:#7b8158;border-radius:50%}.edition>span{padding-left:25px;color:var(--muted)}.intro{display:flex;align-items:center;justify-content:space-between;padding:37px 0 28px}.eyebrow{font:9px 'Space Mono',monospace;letter-spacing:2.2px;margin:0 0 8px;color:#8a7c60}h1{font:900 clamp(34px,3.5vw,48px)/1.1 'Roboto Slab',Georgia,serif;letter-spacing:-2px;margin:0}h1 span{font:bold 16px Arial;letter-spacing:6px;margin-left:20px;vertical-align:middle;color:#73745f}.intro-copy{font-size:12px;line-height:1.9;color:#7d7e6e;margin:9px 0 0}.arcade-layout{display:grid;grid-template-columns:168px minmax(0,1fr) 178px;gap:30px;align-items:start}.rail-heading{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2px;border-bottom:1px solid var(--line);padding:3px 0 15px;margin-bottom:20px}.rail-heading>span{font:10px 'Space Mono',monospace;color:#9d9b8b;letter-spacing:0}.wanted{text-align:center;background:#e5ddc7;border:1px solid #c9bfa6;padding:14px 12px 17px;box-shadow:3px 3px 0 #ded8c6;transform:rotate(-2deg);position:relative}.wanted:before,.wanted:after{content:'';position:absolute;top:7px;width:4px;height:4px;background:#8f846a;border-radius:50%}.wanted:before{left:8px}.wanted:after{right:8px}.tiny-stars{font-size:8px;letter-spacing:6px;color:#7c6a4e;margin-bottom:4px}.wanted h2{font:900 27px 'Roboto Slab',Georgia,serif;letter-spacing:1px;margin:0;color:#514532}.wanted>p{font:8px 'Space Mono',monospace;letter-spacing:2px;margin:4px 0 11px;color:#7a6849}.wanted canvas{width:102px;height:113px;image-rendering:pixelated;border:1px solid #b6a98b;background:#cec19e}.wanted-name{font:700 9px 'Space Mono',monospace;margin:9px 0 12px}.wanted-rule{height:1px;background:#c6b997;margin-bottom:10px}.bounty-label{display:block;font-size:9px;letter-spacing:2px;color:#8e7b5d}.wanted strong{display:block;font:700 19px 'Space Mono',monospace;margin-top:4px;color:#725235}.field-note{margin-top:28px}.note-label{font-size:9px;letter-spacing:1.5px;color:#9a927e}.field-note p{font-size:11px;line-height:2;color:#7b7b69}.red-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin:0 4px 1px}.note-arrow{font:9px 'Space Mono',monospace;color:#a1714c}.cartridge{display:flex;gap:7px;align-items:center;margin-top:24px;padding-top:17px;border-top:1px solid var(--line);color:#92917d}.cartridge>span{font-size:26px}.cartridge>div{font:700 10px 'Space Mono',monospace}.cartridge small{display:block;font-size:6px;margin-top:4px}.cartridge>b{font:10px 'Space Mono',monospace;margin-left:auto}.cabinet{background:#292d26;padding:9px 10px 0;border-radius:10px;box-shadow:0 5px 0 #151c17,0 13px 25px #30332220;overflow:hidden}.cabinet-top{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 8px;color:#969c84;font:8px 'Space Mono',monospace;letter-spacing:1.2px}.cabinet-top i{background:#d9b26b;width:5px;height:5px;margin-right:5px}.cabinet-top b{font-weight:400}.cabinet-tools{display:flex;align-items:center;gap:13px}.cabinet-tools button{padding:1px 2px;color:#aaa991;background:transparent;border:0;font-size:18px;line-height:1}.cabinet-tools button span{font-size:9px}.screen-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#c59e61;border:3px solid #151b17;border-radius:3px;isolation:isolate}#game{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none;touch-action:none}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#201c1214 0,#201c1214 1px,transparent 1px,transparent 4px);opacity:.65;box-shadow:inset 0 0 55px #32271250}.hud{position:absolute;top:15px;left:18px;right:18px;display:flex;justify-content:space-between;color:#fff1c6;text-shadow:2px 2px #3c2d24;font-family:'Space Mono',monospace;z-index:4;pointer-events:none}.hud small{display:block;font-size:8px;letter-spacing:1.2px;margin-bottom:2px}.hud-score b{font-size:24px;line-height:1.3;letter-spacing:3px}.hud-stage{text-align:right}.health{font-size:16px;letter-spacing:2px;color:#ed9671}.health .lost{color:#715d42}.screen-bottom{position:absolute;bottom:12px;left:18px;right:18px;display:flex;justify-content:space-between;font:8px 'Space Mono',monospace;color:#fce6b7;text-shadow:1px 1px #493f2a;letter-spacing:1px;z-index:4;pointer-events:none}.overlay{position:absolute;inset:0;z-index:5;background:linear-gradient(#292b1b55,#332d1b1a 60%,#292b1b55);display:grid;place-items:center;text-align:center;color:#ffe8b5;backdrop-filter:blur(1px)}.overlay.hidden{display:none}.overlay-content{padding:20px}.overlay-kicker{font:8px 'Space Mono',monospace;letter-spacing:2.2px;text-shadow:1px 1px #433620}.pixel-star{font-size:26px;line-height:1;margin:12px 0 8px;color:#ffd281}.overlay h2{font:900 clamp(40px,5.5vw,76px)/.82 'Roboto Slab',Georgia,serif;letter-spacing:1px;margin:0;text-shadow:3px 3px #70432a,5px 5px #392f22;color:#ffe3a7}.overlay-subtitle,#overlay-subtitle{font-size:13px;font-weight:700;letter-spacing:5px;margin:14px 0 12px;text-shadow:2px 2px #46341f}.overlay-desc{font-size:11px;line-height:1.9;color:#ffedc9;text-shadow:1px 1px #332d1d;margin:0 0 19px}.start-btn{display:block;margin:auto;min-width:174px;border:1px solid #ffc57e;background:#bd5635;color:#fff1d1;font-weight:bold;font-size:13px;padding:13px 19px;box-shadow:4px 4px 0 #473b26;transition:background .15s,transform .15s;letter-spacing:2px}.start-btn:hover{background:#d16943;transform:translateY(-2px)}.start-btn span{margin-left:19px}.overlay-content>small{display:block;font:7px 'Space Mono',monospace;letter-spacing:1.4px;margin-top:13px;color:#efd5a3}.cabinet-bottom{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#8f957f;font:7px 'Space Mono',monospace;letter-spacing:1px}.cabinet-bottom>span:nth-child(2){color:#606953}.cabinet-bottom b{font-weight:400;color:#92957b}.live-dot{display:inline-block;background:#939977;width:4px;height:4px;border-radius:50%;margin-right:5px}.screws{font-size:13px;color:#5c6652}.guide-block{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:19px}.guide-title{font-size:12px;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.guide-title span{font:8px 'Space Mono',monospace;letter-spacing:1px;color:#a29c88}.keys{display:flex;gap:5px;align-items:center;margin-top:14px}kbd{font:10px 'Space Mono',monospace;display:inline-grid;place-items:center;min-width:25px;height:25px;border:1px solid #cbc9b9;box-shadow:0 2px 0 #d6d3c3;border-radius:3px;background:#f6f2e7;color:#696b59}.keys em{font-size:9px;font-style:normal;color:#96917e;margin:0 1px}.guide-block p{font-size:10px;color:#939080;line-height:1.8;margin:12px 0 0}.aim-controls{display:flex;gap:7px;margin-top:13px}.aim-controls button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:8px 0;border:1px solid #d3cebc;background:transparent;color:#777960;border-radius:3px}.aim-controls button b{font-size:21px;font-weight:400}.aim-controls kbd{border:0;background:none;box-shadow:none;font-size:9px;min-width:15px;height:14px}.aim-controls button.selected{background:#e0dfcb;border-color:#939775;color:#424b32}.auto-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:10px;margin-top:17px}.auto-toggle input{position:absolute;opacity:0;width:32px;height:24px}.auto-toggle:focus-within .switch{outline:2px solid #b8663f;outline-offset:3px}.switch{width:26px;height:14px;border-radius:9px;background:#b0ad9b;padding:3px;transition:background .2s}.switch:before{content:'';display:block;background:#f3eeda;width:8px;height:8px;border-radius:50%;transition:transform .2s}.auto-toggle input:checked+.switch{background:#747c52}.auto-toggle input:checked+.switch:before{transform:translateX(12px)}.auto-toggle small{font:8px 'Space Mono',monospace;color:#95977f;margin-left:auto}.guide-block .manual-tip{font-size:9px;margin-top:8px}.manual-tip kbd{font-size:7px;min-width:35px;height:17px;margin:0 2px}.pause-guide{display:flex;gap:20px;font-size:10px;color:#7c7c6a;padding-bottom:17px}.pause-guide kbd{margin-right:4px;min-width:20px;height:20px;font-size:9px}.mission{position:relative;padding-top:0}.mission-icon{position:absolute;right:0;top:0;font-size:35px;color:#a48b64}.mission>p{font-size:9px;letter-spacing:2px;color:#a38c69;margin:0 0 9px}.mission h3{font-family:'Roboto Slab',serif;font-size:20px;line-height:1.6;letter-spacing:2px;margin:0 0 10px;color:#777259}.mission>span:last-of-type{font-size:9px;color:#9b947f}.route{display:flex;align-items:center;margin-top:16px;gap:4px}.route i{width:6px;height:6px;border:1px solid #ada88e;transform:rotate(45deg)}.route i.active{background:#8d8c60;border-color:#8d8c60}.route>span{height:1px;background:#cbc7b2;flex:1}.bottom-strip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:34px;padding:20px 0}.bottom-strip>div:first-child{display:flex;gap:17px;align-items:center}.strip-icon{font-size:28px;color:#898c68}.bottom-strip p{margin:0;font-size:11px;line-height:1.7}.bottom-strip p>b{font-weight:500}.bottom-strip p>span{display:block;color:#95917e;font-size:10px}.feature-tags{display:flex;gap:20px;font:8px 'Space Mono',monospace;letter-spacing:1px;color:#95917f}footer{display:flex;justify-content:space-between;padding:20px 0;font:8px 'Space Mono',monospace;letter-spacing:1px;color:#a29b87}footer b{color:#737b57;margin-left:9px}.touch-controls{display:none}.game-message{position:absolute;top:28%;left:0;right:0;z-index:4;text-align:center;font:700 17px 'Space Mono',monospace;color:#ffedb0;text-shadow:2px 2px #46351f;pointer-events:none;transition:opacity .25s;opacity:0}.game-message.show{opacity:1}.cabinet:fullscreen{border-radius:0;width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;padding:8px}.cabinet:fullscreen .screen-wrap{width:min(calc((100dvh - 90px)*4/3),100%);flex-shrink:0}.cabinet:fullscreen .cabinet-top,.cabinet:fullscreen .cabinet-bottom{width:min(calc((100dvh - 90px)*4/3),100%)}
@media(min-width:1600px){.page{max-width:1500px}.intro{padding-top:44px;padding-bottom:35px}.arcade-layout{grid-template-columns:185px minmax(0,1fr) 190px;gap:38px}}
@media(max-width:1150px){.page{padding:0 28px}.arcade-layout{grid-template-columns:135px minmax(0,1fr) 155px;gap:21px}.wanted h2{font-size:23px}.wanted strong{font-size:16px}.wanted canvas{width:86px;height:96px}.keys{gap:4px}.keys kbd{min-width:22px}.cabinet-tools{gap:9px}.mission h3{font-size:18px}.intro{padding-top:28px}.field-note{margin-top:23px}.cartridge{display:none}}
@media(max-width:940px){.arcade-layout{grid-template-columns:minmax(0,1fr) 170px;gap:24px}.left-rail{display:none}.intro-copy{display:none}.overlay h2{font-size:65px}.feature-tags{gap:12px}.page{max-width:900px}}
@media(max-width:680px){.page{padding:0 16px}.topbar{height:58px}.brand{font-size:10px;gap:8px;letter-spacing:1px}.brand-star{font-size:22px}.brand-cn{display:none}.edition{font-size:7px;letter-spacing:0}.edition>span{padding-left:2px}.intro{padding:23px 0}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:35px}h1 span{font-size:12px;letter-spacing:3px;margin-left:12px}.arcade-layout{display:block}.cabinet{padding:6px 6px 0;border-radius:7px}.cabinet-top{height:30px;font-size:7px}.cabinet-tools button{font-size:17px}.cabinet-tools button span{font-size:8px}.screen-wrap{border-width:2px}.hud{top:10px;left:10px;right:10px}.hud small{font-size:6px}.hud-score b{font-size:18px}.health{font-size:11px;letter-spacing:1px}.screen-bottom{left:10px;right:10px;bottom:8px;font-size:6px}.overlay-content{padding:8px}.overlay-kicker{font-size:6px;letter-spacing:1px}.pixel-star{font-size:17px;margin:7px 0}.overlay h2{font-size:clamp(36px,12vw,60px)}#overlay-subtitle{font-size:10px;margin:9px 0;letter-spacing:4px}.overlay-desc{font-size:9px;margin-bottom:11px;line-height:1.6}.start-btn{font-size:11px;padding:10px 14px;min-width:148px}.overlay-content>small{font-size:6px;margin-top:10px}.cabinet-bottom{height:30px;font-size:6px;letter-spacing:.5px}.touch-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 4px 14px;border-top:1px solid #3d4235;gap:8px;user-select:none}.touch-controls>span{font:6px 'Space Mono',monospace;color:#778069;letter-spacing:1px}.touch-move,.touch-fire{display:flex;gap:8px}.touch-controls button{width:41px;height:40px;border:1px solid #74755a;border-radius:5px;background:#424936;box-shadow:0 3px #171e17;color:#e2d7ad;font-size:18px;touch-action:none}.touch-fire button{background:#995034;border-color:#b9714e}.touch-controls button:active,.touch-controls button.held{transform:translateY(2px);box-shadow:0 1px #171e17;background:#b56740}.right-rail{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;margin-top:31px}.right-rail>.rail-heading{grid-column:1/-1;margin-bottom:18px}.guide-block{margin-bottom:15px}.guide-block:nth-child(2){border-bottom:0}.guide-block:nth-child(3){grid-row:2/4;grid-column:2}.pause-guide{align-self:end;margin-bottom:15px}.mission{display:none}.guide-block p{font-size:10px}.aim-controls{max-width:170px}.bottom-strip{margin-top:4px;padding:16px 0}.feature-tags{display:none}footer{font-size:6px;letter-spacing:.5px;padding:17px 0}.game-message{font-size:13px}.cabinet:fullscreen .screen-wrap{width:min(calc((100dvh - 150px)*4/3),100%)}.cabinet:fullscreen .touch-controls{width:100%;max-width:600px}.cabinet:fullscreen .cabinet-top,.cabinet:fullscreen .cabinet-bottom{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.music-panel{margin:0 0 22px;padding:0 0 15px;border-bottom:1px solid var(--line)}.music-panel label{display:flex;justify-content:space-between;color:#797a61;font-size:10px}.music-panel output{font:9px 'Space Mono',monospace}.music-panel input{width:100%;height:18px;margin:9px 0 4px;accent-color:#85895a;cursor:pointer}.music-panel small{font:7px 'Space Mono',monospace;color:#9c947e;letter-spacing:.4px}.cabinet-tools button[aria-pressed="true"]{color:#e3be78}@media(max-width:680px){.music-panel{grid-column:1/-1;margin-bottom:12px}.music-panel input{max-width:100%;height:24px}.cabinet-tools{gap:8px}.cabinet-top{letter-spacing:.6px}.cabinet-tools button span{font-size:8px}}
/* Desktop cabinet fits the viewport; the page itself never scrolls. */
@media (min-width: 681px){
  html,body{height:100%;overflow:hidden;overscroll-behavior:none}
  .page{height:100dvh;max-width:none;padding:0 clamp(18px,3.5vw,54px);display:flex;flex-direction:column}
  .topbar{height:52px;flex:0 0 52px}
  main{display:flex;flex-direction:column;flex:1;min-height:0}
  .intro{flex:0 0 auto;padding:17px 0 14px}
  h1{font-size:34px}.eyebrow{font-size:8px;margin-bottom:5px}
  .arcade-layout{flex:1;min-height:0;grid-template-columns:minmax(135px,1fr) minmax(0,3.7fr) minmax(155px,1fr);gap:clamp(18px,2vw,30px);align-items:stretch;padding-bottom:6px}
  .cabinet{align-self:center;justify-self:center;display:flex;flex-direction:column;width:min(100%,calc((100dvh - 246px)*4/3 + 26px));max-height:100%;flex-shrink:0}
  .screen-wrap{flex-shrink:0;width:100%;aspect-ratio:4/3}
  .cabinet-top{flex:0 0 31px}.cabinet-bottom{flex:0 0 32px;height:32px}
  .left-rail,.right-rail{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbc7b2 transparent;padding:3px 4px 3px 0}
  .wanted{max-width:175px;margin:auto}.rail-heading{margin-bottom:13px;padding-bottom:10px}
  .guide-block{padding-bottom:12px;margin-bottom:12px}.guide-block p{margin-top:8px}.music-panel{margin-bottom:13px;padding-bottom:10px}
  .mission h3{font-size:16px;line-height:1.4}.mission>p{margin-bottom:5px}.route{margin-top:10px}
  .bottom-strip{flex:0 0 41px;margin-top:8px;padding:7px 0}.bottom-strip p>span{display:none}.strip-icon{font-size:21px}
  footer{flex:0 0 28px;padding:9px 0;font-size:7px}
  .overlay h2{font-size:clamp(38px,7dvh,70px)}.overlay-kicker{font-size:7px}.pixel-star{margin:7px 0;font-size:21px}
  .overlay-desc{margin-bottom:12px}#overlay-subtitle{margin:10px 0}.overlay-content{padding:10px}.start-btn{padding:11px 17px}
  .left-rail .cartridge{display:none}
}
@media (min-width:681px) and (max-height:740px){
  .topbar{height:42px;flex-basis:42px}.intro{padding:10px 0}h1{font-size:29px}.eyebrow{font-size:7px;margin-bottom:3px}
  .bottom-strip{display:none}footer{flex-basis:24px;padding:7px 0}.cabinet{width:min(100%,calc((100dvh - 185px)*4/3 + 26px))}
  .field-note,.mission{display:none}.wanted{padding:10px}.wanted canvas{width:75px;height:83px}.wanted h2{font-size:24px}
  .overlay-desc{font-size:10px;margin-bottom:10px}.overlay h2{font-size:clamp(30px,7dvh,52px)}.overlay-content>small{margin-top:8px}
}
@media (min-width:681px) and (max-width:940px){
  .arcade-layout{grid-template-columns:minmax(0,1fr) 155px}.left-rail{display:none}
}
@media (min-width:681px) and (max-height:520px){
  .topbar,.intro,.left-rail,.right-rail,.bottom-strip,footer{display:none}
  .page{padding:5px 12px}.arcade-layout{display:flex;justify-content:center;align-items:center;padding:0}
  .cabinet{width:min(100%,calc((100dvh - 88px)*4/3 + 26px))}.overlay-kicker,.pixel-star,.overlay-desc,.overlay-content>small{display:none}
  .overlay h2{font-size:34px}.overlay-content{padding:6px}.start-btn{padding:8px 14px}
}

#cloud-status{display:block;font-size:9px;line-height:1.4;color:#8e7b5d;margin-top:7px}
@media (min-width:681px){
  .arcade-layout{container-type:size}
  .cabinet{width:min(100%,calc((100cqh - 78px) * 4 / 3 + 20px));max-height:none}
}