@font-face{font-family:pixel;src:url(/h5-controller/assets/fusion-pixel-10px-monospaced-zh_hans-CsW9rN4P.otf) format("opentype");font-display:swap}:root{--u: min(.1333333333vw, .6933333333px);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#898989;color:#333;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}button{font:inherit;border:0;padding:0;cursor:pointer;background:transparent;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.5}button:focus-visible,[role=slider]:focus-visible{outline:3px solid #f1d56c;outline-offset:3px}img{display:block;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.control-wrap{width:calc(750 * var(--u));min-height:calc(1631 * var(--u));margin:auto;padding-top:calc(1 * var(--u) + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);position:relative;background:url(/h5-controller/assets/7887d874c4514cb0ad9a4db2e1665452-BQmRZbvo.jpg) repeat-y;background-size:calc(750 * var(--u)) calc(1631 * var(--u))}.screen-box{width:calc(653 * var(--u));height:calc(398 * var(--u));margin:calc(65 * var(--u)) auto 0;padding-top:calc(86 * var(--u));background:url(/h5-controller/assets/ce91f0a693914aa7a9c78f316e647eab-DiZm37Y3.png) no-repeat;background-size:100% 100%;font-family:pixel,monospace;color:#77635e;font-size:calc(35 * var(--u));line-height:calc(35 * var(--u))}.site{margin-left:calc(58 * var(--u));max-width:calc(530 * var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-box .game-mode{font-size:calc(106 * var(--u));height:calc(106 * var(--u));line-height:calc(106 * var(--u));text-align:center;white-space:nowrap}.screen-box .game-mode.switching{font-size:calc(53 * var(--u));color:#fff}.query-box{width:calc(488 * var(--u));height:calc(69 * var(--u));display:flex;justify-content:space-between;margin:calc(43 * var(--u)) auto 0}.query-box>div:not(.line){white-space:nowrap}.query-box .line{height:calc(69 * var(--u));border-left:calc(3 * var(--u)) solid #77635e}.mode-box{width:calc(652 * var(--u));height:calc(197 * var(--u));margin:calc(120 * var(--u)) auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;align-content:space-between}.image-button{display:flex;align-items:center;justify-content:space-between;border:calc(2 * var(--u)) solid #898989;border-radius:calc(50 * var(--u))}.image-button.mode{width:calc(322 * var(--u));height:calc(82 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(35 * var(--u))}.image-button.mode .button-label{width:calc(107 * var(--u));height:calc(55 * var(--u))}.image-button.mode .button-art{width:calc(120 * var(--u));height:calc(62 * var(--u))}.image-button img{width:100%;height:100%;object-fit:contain}.pressed{display:none}button:not(:disabled):active>.normal,button:not(:disabled):active>span>.normal,.image-button.active .normal{display:none}button:not(:disabled):active>.pressed,button:not(:disabled):active>span>.pressed,.image-button.active .pressed{display:block}.setting-box{width:calc(653 * var(--u));height:calc(694 * var(--u));margin:calc(85 * var(--u)) auto 0;display:flex;justify-content:space-between}.setting-list{width:calc(300 * var(--u))}.set-list{width:calc(300 * var(--u));height:calc(363 * var(--u));display:flex;flex-direction:column;justify-content:space-between;align-items:center}.image-button.setting{width:calc(299 * var(--u));height:calc(82 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(16 * var(--u))}.image-button.setting .button-label{width:calc(108 * var(--u));height:calc(52 * var(--u))}.image-button.setting .button-art{width:calc(137 * var(--u));height:calc(62 * var(--u))}.play-button{display:block;width:calc(291 * var(--u));height:calc(291 * var(--u));margin-top:calc(40 * var(--u));border-radius:50%}.play-button img{width:100%;height:100%}.control-column{width:calc(337 * var(--u));height:calc(694 * var(--u));display:flex;flex-direction:column;align-items:center}.control-surface{width:100%;flex:1;min-height:0;display:flex;justify-content:center;align-items:center}.round-box{width:calc(337 * var(--u));height:calc(337 * var(--u));position:relative;background:url(/h5-controller/assets/d3b192ad9f0040268db259de2ee81ed3-j8h00Gg6.png);background-size:100% 100%}.direction-button{position:absolute;width:calc(84 * var(--u));height:calc(84 * var(--u));display:flex;justify-content:center;align-items:center}.direction-button.top{top:0;left:50%;transform:translate(-50%)}.direction-button.bottom{bottom:0;left:50%;transform:translate(-50%)}.direction-button.left{left:0;top:50%;transform:translateY(-50%)}.direction-button.right{right:0;top:50%;transform:translateY(-50%)}.direction-button.top img,.direction-button.bottom img{width:calc(42 * var(--u));height:calc(25 * var(--u))}.direction-button.left img,.direction-button.right img{width:calc(25 * var(--u));height:calc(43 * var(--u))}.slider-wrap{width:calc(168 * var(--u));height:calc(756 * var(--u));position:relative;flex-shrink:0;margin-top:calc(-12 * var(--u));margin-left:calc(109 * var(--u));background:url(/h5-controller/assets/4a2d65f9167349d3be50c29fff4ea1b9-C0yNwEhw.png) no-repeat;background-size:calc(168 * var(--u)) calc(756 * var(--u))}.slider-track{position:absolute;left:calc(80 * var(--u));top:calc(82 * var(--u));width:calc(54 * var(--u));height:calc(595 * var(--u));background:url(/h5-controller/assets/eaa7dd0c424a4ade9dce7cf92b2678bf-DqVxBugs.png) no-repeat;background-size:100% 100%;touch-action:none;cursor:ns-resize}.slider-track:after{content:"";position:absolute;inset:0 calc(-20 * var(--u))}.slider-thumb{position:absolute;left:50%;transform:translate(-50%);width:calc(84 * var(--u));height:calc(33 * var(--u));border-radius:calc(30 * var(--u));background:#be6840;border:calc(5 * var(--u)) solid #ba5e33;pointer-events:none}.slider-wrap.disabled{opacity:.5}.right-left-box{width:calc(337 * var(--u));height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background:#ffffff19;border-radius:calc(20 * var(--u));padding:calc(10 * var(--u)) calc(20 * var(--u))}.swing-group{display:flex;flex-direction:column;align-items:center}.swing-group .title{color:#fff;font-size:calc(24 * var(--u));font-weight:700;margin-bottom:calc(12 * var(--u))}.count-wrap{width:calc(120 * var(--u));height:calc(200 * var(--u));padding:calc(10 * var(--u));border:calc(4 * var(--u)) solid #727171;background:#898989;border-radius:calc(40 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:space-between}.count-wrap button{width:calc(84 * var(--u));height:calc(54 * var(--u));display:flex;align-items:center;justify-content:center}.count-wrap button img{width:calc(60 * var(--u))}.count{width:calc(80 * var(--u));height:calc(60 * var(--u));border:calc(4 * var(--u)) solid #727171;border-radius:calc(30 * var(--u));background:#595757;color:#fff;display:flex;align-items:center;justify-content:center;font-size:calc(24 * var(--u));font-weight:700}.status-strip{min-height:calc(70 * var(--u));margin:calc(16 * var(--u)) calc(48 * var(--u)) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:calc(14 * var(--u))}.status{margin:0;color:#3e3431;font-size:max(11px,21 * var(--u));line-height:1.5;text-align:center}.status.failed{color:#751124;font-weight:600}.reconnect{font-size:max(13px,26 * var(--u));padding:8px 20px;margin-top:8px;background:#ece7e1;border:1px solid #777;border-radius:20px}.controller-dialog{border:0;padding:0;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow-y:auto;background:transparent;color:#333}.controller-dialog::backdrop{background:#000b}.mode-dialog-panel{width:calc(623 * var(--u));height:calc(960 * var(--u));padding-top:calc(83 * var(--u));background:url(/h5-controller/assets/7d7401bb04ee48f3b189293245844ff8-Bjqj74tx.png) no-repeat;background-size:100% 100%}.game-img{display:flex;justify-content:center;height:calc(108 * var(--u))}.game-img .game{width:calc(198 * var(--u));height:calc(108 * var(--u))}.game-img .common{width:calc(237 * var(--u));height:calc(101 * var(--u))}.mode-options{max-height:calc(710 * var(--u));overflow-y:auto;overscroll-behavior:contain;padding:0 0 calc(10 * var(--u))}.image-button.choice{width:calc(517 * var(--u));height:calc(98 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(35 * var(--u));margin:calc(39 * var(--u)) auto 0}.image-button.choice .button-label{width:calc(149 * var(--u));height:calc(66 * var(--u))}.image-button.choice .button-art{width:calc(273 * var(--u));height:calc(74 * var(--u))}.close-dialog{display:block;margin:calc(32 * var(--u)) auto 0;width:calc(72 * var(--u));height:calc(72 * var(--u))}.close-dialog img{width:100%;height:100%}.notice-panel{width:calc(600 * var(--u));padding:calc(40 * var(--u));background:#e3dfda;border:calc(5 * var(--u)) solid #777;border-radius:calc(25 * var(--u))}.notice-panel h2{margin:0 0 calc(20 * var(--u));font-size:calc(36 * var(--u))}.notice-panel p{line-height:1.7;font-size:calc(29 * var(--u))}.notice-actions{display:flex;justify-content:flex-end}.notice-actions button{border:calc(2 * var(--u)) solid #777;border-radius:calc(30 * var(--u));padding:calc(18 * var(--u)) calc(25 * var(--u));font-size:calc(27 * var(--u));background:#c6c1ba}.notice-actions [data-confirm-start]{background:#7c1630;color:#fff;border-color:#681029}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}