/* The cabinet surrounds the game only on wide desktop displays. */
@media(min-width:1000px){
body{background:#071421;color:#d9e8f8;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 18%,#17548055,transparent 65%),radial-gradient(ellipse at 6% 80%,#144da32b,transparent 45%),linear-gradient(#081725,#05101b);z-index:-2}body:after{content:'';position:fixed;left:-30%;right:-30%;bottom:-16%;height:45%;background:linear-gradient(#07142100,#19b7f514),repeating-linear-gradient(0deg,#23a9e112 0 1px,transparent 1px 42px),repeating-linear-gradient(90deg,#23a9e112 0 1px,transparent 1px 70px);transform:perspective(450px) rotateX(58deg);transform-origin:bottom;z-index:-1;pointer-events:none}.layout{--screen-width:clamp(250px,calc((100svh - 136px)*.585365),480px);display:grid;grid-template-columns:minmax(215px,1fr) calc(var(--screen-width) + 24px) minmax(215px,1fr);gap:clamp(18px,2.2vw,34px);max-width:1480px;min-height:100svh;align-items:center;align-content:center;margin:auto;padding:24px 38px;position:relative;isolation:isolate}.layout:before{content:'';position:absolute;inset:12px 16px;border:1px solid #314d6538;border-radius:36px;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#5889af06,#0c263d11);box-shadow:0 0 100px #0c87d216}.arcade-panel{position:relative;align-self:stretch;display:flex;flex-direction:column;gap:17px;min-width:0;margin:0;padding:22px 22px 17px;border:2px solid #294f6d;border-radius:23px;background:linear-gradient(115deg,#21425a88,#112a3f 18%,#0a1e30 75%,#203d5380);box-shadow:inset 0 1px 0 #95bfd033,inset 3px 0 0 #051422,inset -3px 0 0 #03131e,0 12px 30px #0006;overflow:hidden}.arcade-panel:before,.arcade-panel:after{content:'';position:absolute;top:37px;bottom:37px;width:3px;border-radius:4px;background:linear-gradient(#8deaff22,#7ae6ff,#25a3e5 75%,#6fd8ff22);box-shadow:0 0 12px #39bfff77;pointer-events:none}.arcade-panel:before{left:6px}.arcade-panel:after{right:6px}.arcade-right:before,.arcade-right:after{background:linear-gradient(#ffe3a122,#f1cb77,#ca9c54 75%,#ffe3a122);box-shadow:0 0 10px #d8aa524d}.machine-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px}.machine-header .brand{color:#e5f7ff;gap:10px}.machine-header .brand>b{font-size:34px;letter-spacing:-4px;line-height:1}.machine-header .brand em{font-size:7px;letter-spacing:1.5px;line-height:1.7;color:#8faec7;margin-left:4px}.machine-header .brand b span{font-size:13px;right:-6px;top:-7px}.power-light{width:7px;height:7px;border-radius:50%;background:#94f1cf;box-shadow:0 0 0 4px #9cf7d613,0 0 15px #81ffd299;flex:none}.cabinet-title{text-align:center;position:relative;padding:12px 0 0}.cabinet-title>p,.mission-heading>p{font-size:7px;letter-spacing:2px;font-weight:700;color:#7aabc8;margin:0 0 14px}.cabinet-title h1{font-family:'Noto Sans TC',system-ui,sans-serif;font-size:clamp(28px,3.3vw,44px);font-weight:900;line-height:1.15;letter-spacing:1px;margin:0;color:#e1f4ff;-webkit-text-stroke:.5px #e7f9ff;text-shadow:0 3px 0 #206ca6,0 6px 0 #071828,0 0 22px #61c7ff33;transform:rotate(-4deg)}.cabinet-title h1 span{display:block;margin-top:8px;color:#ffdc81;-webkit-text-stroke:.5px #fff0b4;text-shadow:0 3px 0 #a57429,0 6px 0 #071828,0 0 22px #f9d07d22}.cabinet-edition{display:inline-block;margin-top:17px;font-family:system-ui,sans-serif;font-size:7px;letter-spacing:2px;color:#7a9eb8;border:1px solid #5682a44a;padding:6px 10px;border-radius:3px}.cabinet-mascot{flex:1;min-height:100px;max-height:240px;width:100%;max-width:270px;margin:-6px auto -10px;filter:drop-shadow(0 15px 10px #020d1980)!important;position:relative}.cabinet-mascot:after{content:'';position:absolute;left:20%;right:20%;bottom:2%;height:8%;border-radius:50%;background:#40a9e51a;filter:blur(12px);z-index:-1}.machine-display,.mission-meter{position:relative;background:linear-gradient(130deg,#03131e,#071927);border:1px solid #315d79;border-radius:10px;padding:13px 15px;box-shadow:inset 0 3px 9px #0009,0 1px 0 #8bb7d31a}.display-label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:7px;letter-spacing:1.6px;color:#729cb9;font-weight:700}.display-label b{font-size:7px;font-weight:700;color:#d6b977;letter-spacing:1px}.machine-display>strong{display:block;font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:clamp(22px,2.7vw,35px);font-weight:500;letter-spacing:3px;color:#b6f3ff;margin:8px 0 4px;text-shadow:0 0 13px #42b7e56b;font-variant-numeric:tabular-nums}.machine-display>small{font-size:8px;letter-spacing:2px;color:#5e88a5}.control-deck{position:relative;background:linear-gradient(165deg,#345068,#132a3d 65%);padding:13px 14px 12px;border:1px solid #5c7b904d;border-bottom:4px solid #061520;border-radius:12px;box-shadow:inset 0 1px 0 #a8c9db22,0 8px 13px #03101b44}.deck-label{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:2px;color:#b3c8d7}.deck-label span{margin-right:auto}.deck-label i{width:4px;height:4px;background:#5daacf;border-radius:50%;box-shadow:0 0 6px #46baff77}.deck-label i:last-child{background:#e5be71;box-shadow:0 0 6px #efc67c77}.move-controls{display:flex;align-items:center;justify-content:space-around;gap:16px;height:71px;margin-top:5px}.joystick{position:relative;width:67px;height:61px;flex:none}.joystick:before{content:'';position:absolute;left:6px;bottom:0;width:56px;height:22px;border-radius:50%;border:1px solid #5c7b8f;background:radial-gradient(ellipse,#2d4b61 10%,#061725 65%);box-shadow:0 5px 0 #06131e,0 6px 7px #020d1999}.joystick:after{content:'';position:absolute;bottom:11px;left:29px;width:10px;height:37px;transform:rotate(-12deg);transform-origin:bottom;border-radius:4px;background:linear-gradient(90deg,#364d5e,#bbd2df 45%,#758e9e 58%,#2d4659);box-shadow:3px 0 3px #071b2c55}.joystick i{position:absolute;left:8px;top:0;z-index:2;width:40px;height:36px;border-radius:50%;background:radial-gradient(circle at 31% 24%,#a9e6ff,#39a8e7 30%,#1766ac 65%,#0a3766);box-shadow:inset 0 2px 2px #d9f6ff77,0 5px 6px #03111c55}.arcade-direction{display:flex;gap:10px;padding-top:16px}.machine-button{position:relative;display:grid;place-items:center;flex:none;border-radius:50%;color:white;font-weight:900;touch-action:manipulation;user-select:none;transition:translate .12s,filter .12s}.blue-button{width:44px;height:43px;font-size:24px;background:radial-gradient(circle at 34% 22%,#9fe7ff,#329edc 45%,#2166ad 78%);border:3px solid #18354b;box-shadow:inset 0 2px 1px #d2f5ff77,0 5px 0 #051b2a,0 7px 0 #56809a55,0 10px 9px #020d1966;text-shadow:0 2px 0 #134372}.machine-button:active:not(:disabled){translate:0 4px;filter:brightness(.9)}.machine-button:hover:not(:disabled){filter:brightness(1.13)}.machine-button:disabled{cursor:default;filter:saturate(.7);opacity:.8}.deck-caption{margin:9px 0 0;text-align:right;font-size:9px;color:#93b4ca;letter-spacing:1px}.deck-caption kbd,.jump-label kbd{font-size:8px;background:#0c2030;border:1px solid #476279;border-bottom:2px solid #061521;border-radius:3px;padding:2px 4px;min-width:0;display:inline-block;color:#b9d5e8}.machine-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 2px;margin-top:auto}.machine-footer>span{font-family:system-ui,sans-serif;font-size:7px;letter-spacing:2px;color:#d9bb7d}.machine-footer>small{flex:0 0 100%;font-size:6px;letter-spacing:1.8px;color:#57778f}.speaker{width:53px;height:13px;background:repeating-linear-gradient(90deg,#020d16 0 3px,transparent 3px 6px);border-radius:3px;box-shadow:0 1px 0 #6a8ba11a}.game-wrap{position:relative;width:100%;max-width:none;padding:33px 10px 18px;border:2px solid #3b647d;border-radius:22px;background:linear-gradient(115deg,#2e5067,#071826 25%,#102b40 75%,#426079);box-shadow:inset 0 1px 0 #b6d5e955,0 0 0 4px #06121d,0 0 0 5px #4589b333,0 20px 55px #0009,0 0 55px #2aace51a}.game-wrap:before{content:'RG  /  HUYA CITY RUNNER';position:absolute;left:15px;right:15px;top:8px;text-align:center;font-family:system-ui,sans-serif;font-size:9px;letter-spacing:3px;font-weight:800;color:#afddf6;text-shadow:0 0 9px #65c8f9aa;line-height:15px}.game-wrap:after{content:'●   LIVE ARCADE SYSTEM   ●';position:absolute;left:15px;right:15px;bottom:5px;text-align:center;font-family:system-ui,sans-serif;font-size:6px;letter-spacing:2px;color:#5b8faa}#game{border:3px solid #061725;border-radius:13px;box-shadow:0 0 0 1px #6397b399,inset 0 0 14px #061321,0 0 20px #2586b933;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:480/820}.right-title>span{display:block;color:#b69c6b;font-size:6px;letter-spacing:2px;margin-bottom:4px}.right-title>strong{font-size:15px;font-weight:800;letter-spacing:3px;color:#dfebf5}.machine-status{font-family:ui-monospace,Consolas,monospace;font-size:7px;letter-spacing:1px;color:#a9e9cf;border:1px solid #356b664d;border-radius:4px;padding:5px 6px;background:#051c1b55}.mission-heading{text-align:center;padding-top:10px}.mission-heading>p{font-size:6px;letter-spacing:1.4px;color:#b39a71;margin-bottom:12px}.mission-heading h2{font-size:clamp(22px,2.7vw,35px);line-height:1.35;letter-spacing:1px;color:#e4edf6;margin:0;font-weight:900}.mission-heading h2 span{display:block;color:#efd59a;font-size:.85em}.mission-chest{flex:1;min-height:115px;max-height:230px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;margin-top:-8px}.mission-chest img{position:relative;width:110%;height:100%;max-height:230px;object-fit:contain;filter:drop-shadow(0 10px 14px #020c1688);animation:cabinetChestFloat 5s ease-in-out infinite}.chest-orbit{position:absolute;left:15%;right:15%;top:15%;bottom:10%;border-radius:50%;background:radial-gradient(ellipse,#e9be5120,transparent 65%)}.mission-tag{position:absolute;bottom:0;left:50%;translate:-50% 0;white-space:nowrap;font-family:system-ui,sans-serif;font-size:6px;letter-spacing:2px;padding:5px 9px;border:1px solid #ab8b4c44;border-radius:3px;background:#081b2bd9;color:#d8bb80}.mission-meter{padding:14px}.mission-meter .display-label{font-size:9px;letter-spacing:1px}.mission-meter .display-label b{font-family:ui-monospace,Consolas,monospace;font-size:19px;letter-spacing:-.5px;text-shadow:0 0 11px #e7c16b33;color:#f4db9e}.mission-track{position:relative;height:5px;border-radius:5px;background:#142e43;border:1px solid #35536a66;overflow:hidden;margin:12px 0 9px}.mission-track>i{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#be8c43,#f3d58a);box-shadow:0 0 9px #e3bd6999;transition:width .2s linear}.mission-meter p{font-size:8px;color:#688ba7;letter-spacing:.2px;margin:0;line-height:1.8}.jump-deck{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 15px;border:1px solid #5c6c784d;border-radius:12px;background:linear-gradient(165deg,#334859,#14293b);border-bottom:4px solid #071827;box-shadow:inset 0 1px 0 #c3d0d522,0 8px 13px #03101b44}.jump-label{display:flex;flex-direction:column;gap:5px}.jump-label>span{font-size:5px;letter-spacing:1.6px;color:#9aaebc}.jump-label>strong{font-size:13px;color:#d5e5f1;letter-spacing:2px}.jump-label>small{font-size:8px;color:#6f91a9}.jump-button{width:67px;height:65px;border:4px solid #3b2430;background:radial-gradient(circle at 32% 21%,#ffb9aa,#f16c62 35%,#c63b48 66%,#7f2236);box-shadow:inset 0 2px 1px #ffe0cc88,0 5px 0 #3c1724,0 7px 0 #a45a5b55,0 10px 9px #020d1966;text-shadow:0 2px 0 #8b263b;line-height:1}.jump-button>span{font-family:system-ui,sans-serif;font-size:9px;letter-spacing:1px;margin-top:7px}.jump-button>i{font-style:normal;font-size:20px;line-height:.7;margin-bottom:9px}.cabinet-start{position:relative;width:100%;padding:11px 12px;border:1px solid #ffdf93;border-radius:7px;background:linear-gradient(#ffe6a1,#e9bd64);color:#71471f;box-shadow:inset 0 1px 0 #fff4ce,0 3px 0 #7e582b66;font-size:11px;font-weight:900;letter-spacing:2px;transition:filter .15s,translate .15s}.cabinet-start span{float:right;font-size:9px;margin:2px 0}.cabinet-start:hover:not(:disabled){filter:brightness(1.08)}.cabinet-start:active:not(:disabled){translate:0 2px}.cabinet-start:disabled{cursor:default;color:#91adc2;border-color:#416781;background:linear-gradient(#254760,#193a53);box-shadow:inset 0 1px 0 #8cb3cf1a,0 3px 0 #05162666}.arcade-right .machine-footer{margin-top:auto}body[data-arcade-state=play] .machine-status{color:#8ae9fa;border-color:#3f8b9d66;box-shadow:0 0 10px #45b8d615}body[data-arcade-state=offer] .machine-status{color:#ffdd8c;border-color:#e2b85d66}body[data-arcade-state=result] .machine-status{color:#d4b7ed;border-color:#8b66aa66}@keyframes cabinetChestFloat{50%{transform:translateY(-5px) rotate(1deg)}}
}
@media(min-width:1000px) and (max-height:780px){.arcade-panel{gap:11px;padding:17px 19px 13px}.cabinet-title{padding-top:5px}.cabinet-title>p{margin-bottom:9px;font-size:6px}.cabinet-title h1{font-size:29px}.cabinet-edition{margin-top:11px;font-size:6px;padding:4px 8px}.cabinet-mascot{min-height:70px;max-height:160px}.machine-display{padding:9px 12px}.machine-display>strong{font-size:25px;margin-top:5px}.control-deck{padding:10px 12px}.move-controls{height:58px}.joystick{scale:.85;transform-origin:center bottom}.blue-button{width:38px;height:37px;font-size:21px}.deck-caption{margin-top:6px;font-size:8px}.mission-heading{padding-top:5px}.mission-heading h2{font-size:26px}.mission-heading>p{font-size:5px;margin-bottom:7px}.mission-chest{min-height:90px;max-height:165px}.mission-meter{padding:10px 12px}.jump-deck{padding:10px 12px}.jump-button{width:58px;height:56px}.cabinet-start{padding:9px 12px}.machine-footer>small{font-size:5px}}
@media(min-width:701px) and (max-width:999px){body{background:radial-gradient(ellipse at 50% 20%,#1d5475,#081b2e 70%)}.layout{display:block;max-width:520px;padding:20px;min-height:100svh}.arcade-panel{display:none!important}.game-wrap{max-width:min(480px,55svh);margin:auto}#game{border-color:#3c6682;box-shadow:0 0 0 3px #091a2b,0 15px 50px #03101e66}}
@media(max-width:700px){.arcade-panel{display:none!important}}
@media(prefers-reduced-motion:reduce){.mission-chest img{animation:none!important}.mission-track>i{transition:none}}