.hf-overlay{z-index:420;overscroll-behavior:contain;color:#f7e9b9;padding:12px max(10px,env(safe-area-inset-right)) 18px max(10px,env(safe-area-inset-left));-webkit-overflow-scrolling:touch;background:repeating-linear-gradient(0deg,#030d0e 0 3px,#091a20 3px 6px);position:fixed;inset:0;overflow-y:auto}.hf-panel{box-sizing:border-box;letter-spacing:.01em;background:#192632;border:3px solid #c3a16e;border-radius:8px;max-width:575px;margin:0 auto;padding:12px;font:800 13px Courier New,monospace;box-shadow:0 0 0 5px #101a24,0 13px 35px #000b}.hf-panel *{box-sizing:border-box}.hf-panel button{cursor:pointer;touch-action:manipulation;font:900 14px Courier New,monospace}.hf-panel button:focus-visible{outline-offset:2px;outline:3px solid #ffe187}.hf-panel button:disabled{opacity:.45;cursor:default}.hf-titlebar{border-bottom:3px solid #65747a;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.hf-titlebar small{letter-spacing:.05em;color:#b8ac8f;font-size:10px;display:block}.hf-titlebar h2{letter-spacing:-.07em;color:#ffde80;text-shadow:3px 3px #884a36;white-space:nowrap;margin:2px 0;font-family:Courier New,monospace;font-size:clamp(27px,8vw,39px);font-weight:1000}.hf-titlebar h2 span{color:#fe9a63}.hf-titlebar h2 sup{vertical-align:top;letter-spacing:0;font-size:9px}.hf-exit{color:#fff3cc;white-space:nowrap;background:#803a3c;border:2px solid #f6d6a3;border-radius:3px;min-height:45px;padding:8px 10px}.hf-scoreboard{grid-template-columns:repeat(4,1fr);gap:4px;margin:10px 0;display:grid}.hf-scoreboard>div{text-align:center;background:linear-gradient(#111a24,#263744);border:2px solid #647177;padding:6px 3px}.hf-scoreboard small{color:#e0bd89;letter-spacing:.04em;font-size:9px;display:block}.hf-scoreboard b{white-space:nowrap;color:#cfffad;text-shadow:2px 2px #223126;margin-top:2px;font-size:clamp(15px,4vw,23px);display:block}.hf-scoreboard b i{opacity:.8;font-size:11px;font-style:normal}.hf-playzone{background:#ba9a6c;border:4px solid #293843;width:100%;position:relative;box-shadow:0 0 0 2px #96836b}.hf-viewport{aspect-ratio:4/5;touch-action:none;width:100%}.hf-map{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.hf-status{color:#fada8f;text-align:center;background:#0d1721;border:2px solid #697d86;min-height:35px;margin-top:8px;padding:9px 8px;font-size:clamp(10px,2.5vw,13px)}.hf-controls{justify-content:space-between;align-items:center;gap:15px;min-height:142px;margin:12px 4px 7px;display:flex}.hf-joystick-wrap{justify-items:center;gap:6px;display:grid}.hf-joystick{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#323e50 0 38%,#132335 39% 63%,#71838a 65%,#273748 69%);border:3px solid #9ea9a8;border-radius:50%;width:126px;height:126px;position:relative;box-shadow:inset 0 5px 13px #0008,0 5px #0a1520}.hf-stick{pointer-events:none;background:radial-gradient(circle at 35% 26%,#d5aa75,#815740 70%);border:3px solid #f2c987;border-radius:50%;width:54px;height:54px;position:absolute;top:33px;left:33px;box-shadow:0 6px 12px #0008}.hf-joystick-wrap small{color:#c7d6c9;letter-spacing:.05em;font-size:9px}.hf-control-actions{flex-direction:column;gap:7px;width:min(180px,43%);display:flex}.hf-reload{color:#172435;background:#c0a569;border:3px solid #ffeab3;border-radius:8px;min-height:64px}.hf-reload span{vertical-align:middle;font-size:23px}.hf-finish{color:#ffe6d5;background:#5c4245;border:2px solid #af7b72;border-radius:5px;min-height:39px}.hf-control-actions small{text-align:center;letter-spacing:.06em;color:#b8c9c5;font-size:9px}.hf-footer{color:#d6c5a4;border-top:2px dashed #708087;justify-content:space-between;gap:8px;padding-top:8px;font-size:10px;display:flex}.hf-footnote{color:#b4c3c4;margin:10px 0 0;font-size:10px;font-weight:500;line-height:1.4}.hf-center-message{z-index:1;text-align:center;background:#10232bec;border:2px solid #fff0cc;border-radius:3px;width:min(87%,380px);max-height:90%;padding:14px 12px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 9px #07141e,0 0 0 4px #ddb778}.hf-center-message>b{color:#ffe294;font:900 clamp(18px,5vw,25px) Courier New,monospace;display:block}.hf-center-message p{color:#dce2d4;margin:10px 0;font:700 12px/1.4 Courier New,monospace}.hf-center-message button{color:#12252b;background:#a8d58b;border:3px solid #f7e9b7;border-radius:4px;min-height:48px;margin-top:8px;padding:11px 14px}.hf-results small{color:#f7d4a2;display:block}.hf-results>b{color:#bdf4a9;font-size:clamp(26px,6vw,36px)}.hf-results>b em{color:#ffdea2;font-size:12px;font-style:normal;display:block}.hf-results-grid{text-align:left;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.hf-results-grid span{color:#efdfbd;background:#203741;justify-content:space-between;gap:5px;padding:6px;font-size:10px;display:flex}.hf-results-grid strong{color:#d2ffb6}.hf-steel-down{opacity:.9}@media (width<=440px){.hf-overlay{padding:6px 5px 16px}.hf-panel{border-width:2px;padding:7px}.hf-titlebar h2{font-size:27px}.hf-titlebar small{font-size:8px}.hf-scoreboard{gap:2px}.hf-joystick{width:118px;height:118px}.hf-stick{top:30px;left:30px}.hf-controls{min-height:128px}.hf-center-message{width:92%;padding:12px 9px}}@media (prefers-reduced-motion:reduce){.hf-panel *{scroll-behavior:auto}}.hf-stage-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:11px 0 8px;display:grid}.hf-stage-picker button{color:#e2ddc1;background:#233746;border:2px solid #66747c;border-radius:5px;min-height:48px;padding:5px 2px;font-size:10px}.hf-stage-picker button b,.hf-stage-picker button span{display:block}.hf-stage-picker button b{color:#f6d48d;font-size:14px}.hf-stage-picker button span{overflow-wrap:anywhere;font-size:clamp(7px,1.7vw,10px)}.hf-stage-picker button.hf-stage-selected{color:#fff6d3;background:#776344;border-color:#f7d793}.hf-stage-picker button:disabled{opacity:.65}.hf-map .hf-competitor-sprite,.hf-map .hf-pixel-muzzle,.hf-map .hf-visual-impact{pointer-events:none}.hf-playzone{background:#ac8d62;box-shadow:0 0 0 2px #9b8865,inset 0 0 0 4px #443c33}.hf-viewport{image-rendering:pixelated}.hf-map{background:#ad8f65}.hf-hud-v12{color:#ffca78;font-weight:900}.hf-visual-impact{filter:drop-shadow(0 0 3px #fff0a6)}.hf-titlebar .hf-v12-label{color:#e9cb85}@media (prefers-reduced-motion:reduce){.hf-map *{animation:none!important}}.hf-standby{pointer-events:none}.hf-standby>b{color:#ffef9b;letter-spacing:.1em;font-size:clamp(21px,6vw,32px)}.hf-standby-count{color:#ffd38a;font-size:clamp(35px,10vw,58px);line-height:1;display:block}.hf-start-beep{z-index:5;pointer-events:none;color:#182b25;background:#ffe78d;border:4px solid #14262d;border-radius:6px;padding:12px 22px;font:1000 clamp(28px,8vw,48px) Courier New,monospace;position:absolute;top:26%;left:50%;transform:translate(-50%);box-shadow:0 5px #122530}.hf-titlebar .hf-brand{min-width:0}.hf-top-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.hf-top-actions .hf-finish,.hf-top-actions .hf-exit{white-space:nowrap;min-height:44px;padding:7px 10px;font-size:12px}.hf-top-actions .hf-finish{color:#ffe4d2;background:#6a4447;border:2px solid #d1a19b}.hf-top-actions .hf-finish:disabled{opacity:.35}.hf-bottom-deck{flex-direction:column;justify-content:center;min-height:70px;display:flex}.hf-bottom-deck .hf-stage-picker{margin:9px 0 0}.hf-bottom-deck .hf-controls{width:100%}@media (width<=600px){.hf-overlay{padding:4px max(3px,env(safe-area-inset-right)) 4px max(3px,env(safe-area-inset-left));overflow-y:auto}.hf-panel{border-width:2px;flex-direction:column;width:100%;max-width:575px;height:calc(100dvh - 8px);min-height:425px;padding:5px;display:flex;overflow:hidden}.hf-titlebar{border-bottom-width:2px;flex:none;gap:4px;padding-bottom:4px}.hf-titlebar .hf-brand small{display:none}.hf-titlebar h2{margin:0;font-size:clamp(23px,7vw,31px)}.hf-top-actions{gap:4px}.hf-top-actions .hf-finish,.hf-top-actions .hf-exit{min-height:38px;padding:5px 7px;font-size:10px}.hf-scoreboard{flex:none;margin:5px 0}.hf-scoreboard>div{padding:3px 1px}.hf-scoreboard small{font-size:8px}.hf-scoreboard b{font-size:clamp(14px,4vw,19px)}.hf-playzone{flex:auto;min-height:0;overflow:hidden}.hf-viewport{aspect-ratio:auto;width:100%;height:100%}.hf-map{width:100%;height:100%}.hf-center-message{width:min(90%,340px);max-height:90%;padding:8px}.hf-center-message p{margin:5px 0;font-size:10px}.hf-center-message button{min-height:42px;margin-top:4px;padding:6px 8px}.hf-status{flex:none;min-height:27px;margin-top:4px;padding:5px 6px;font-size:10px}.hf-bottom-deck{flex:none;min-height:68px}.hf-bottom-deck:has(.hf-prestart-deck){min-height:110px}.hf-bottom-deck .hf-stage-picker{margin:5px 0 1px}.hf-stage-picker button{min-height:50px}.hf-controls{gap:8px;min-height:100px;margin:5px 3px 2px}.hf-joystick{width:93px;height:93px}.hf-stick{width:44px;height:44px;top:22px;left:22px}.hf-joystick-wrap{gap:2px}.hf-joystick-wrap small,.hf-control-actions small{font-size:8px}.hf-control-actions{width:min(170px,47%)}.hf-reload{min-height:56px;font-size:16px}}@media (width<=355px){.hf-titlebar h2{font-size:21px}.hf-top-actions .hf-finish,.hf-top-actions .hf-exit{padding:4px 5px;font-size:9px}}@media (height<=600px) and (width<=600px){.hf-joystick{width:76px;height:76px}.hf-stick{width:36px;height:36px;top:17px;left:17px}.hf-controls{min-height:82px}.hf-reload{min-height:48px}}.hf-top-actions .hf-sound{color:#ffe4a7;white-space:nowrap;background:#233746;border:2px solid #899ba0;border-radius:4px;min-height:44px;padding:6px 8px;font-size:11px}.hf-top-actions .hf-sound[aria-pressed=true]{background:#405b47;border-color:#bee49c}@media (width<=600px){.hf-top-actions .hf-sound{min-height:38px;padding:4px 5px;font-size:9px}.hf-titlebar h2{font-size:clamp(21px,6vw,30px)}}@media (width<=355px){.hf-top-actions .hf-sound{padding:3px 4px;font-size:8px}.hf-titlebar h2{font-size:19px}}.hf-prestart-deck{gap:5px;width:100%;display:grid}.hf-prestart-deck .hf-stage-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:5px 0 0}.hf-prestart-deck .hf-stage-picker button{min-height:36px;padding:3px 1px}.hf-score-setup{align-items:center;gap:5px;min-width:0;display:flex}.hf-score-setup label{color:#e8c786;white-space:nowrap;font-size:9px}.hf-score-setup input{color:#dcffca;text-transform:uppercase;background:#0c1822;border:2px solid #8b9da5;border-radius:4px;flex:1;min-width:0;max-width:155px;padding:7px 6px;font:900 14px Courier New,monospace}.hf-score-setup button{color:#e4ffcd;white-space:nowrap;background:#354b42;border:2px solid #b6d097;border-radius:4px;min-height:35px;margin-left:auto;padding:6px;font-size:11px}.hf-score-setup input:focus-visible,.hf-score-setup button:focus-visible{outline-offset:1px;outline:3px solid #ffe187}.hf-board-overlay{z-index:8;overscroll-behavior:contain;background:#0e1d29f5;border:3px solid #ecc77e;flex-direction:column;align-items:stretch;gap:8px;min-height:0;padding:10px;display:flex;position:absolute;inset:5px;overflow-y:auto;box-shadow:inset 0 0 0 3px #243d4b}.hf-board-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.hf-board-head b{color:#fbd887;white-space:nowrap;font-size:clamp(14px,4vw,20px)}.hf-board-head button{color:#ffe7cf;background:#4e3236;border:2px solid #d7a89a;border-radius:3px;min-height:36px;padding:5px;font-size:10px}.hf-board-stage{text-align:center;color:#dbf0b6;font-size:clamp(12px,3.5vw,17px)}.hf-board-caption{color:#b2c8c6;text-align:center;font-size:9px;line-height:1.4}.hf-board-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.hf-board-list li{background:#213440;border:1px solid #4b6272;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:30px;padding:6px;font-size:11px;display:grid}.hf-board-list li:first-child{border-color:#f7d47c}.hf-board-list li:nth-child(2){border-color:#c4d4d8}.hf-board-list li:nth-child(3){border-color:#c59b75}.hf-board-list li.hf-board-me{background:#40553c}.hf-board-rank{color:#fbd887;font-weight:900}.hf-board-name{text-overflow:ellipsis;white-space:nowrap;color:#fff0c7;overflow:hidden}.hf-board-points{color:#ccffba;text-align:right;white-space:nowrap;font-weight:900}.hf-board-list li>small{color:#c1d5d9;white-space:nowrap;font-size:9px}.hf-board-empty{text-align:center;color:#fbd887;margin:auto;font-weight:900}.hf-board-best{text-align:center;color:#c7f3af;margin:0;font-weight:900}.hf-results-best{color:#bff0a2;margin-top:7px;font:900 11px Courier New,monospace}.hf-results .hf-results-board-btn{color:#12262c;background:#e1bc80;border-color:#f8ddaa;margin-left:4px}@media (width<=600px){.hf-prestart-deck .hf-stage-picker button{min-height:32px}.hf-prestart-deck .hf-stage-picker button b{font-size:12px}.hf-prestart-deck .hf-stage-picker button span{font-size:8px}.hf-score-setup input{padding:5px;font-size:12px}.hf-score-setup button{min-height:31px;font-size:10px}.hf-board-overlay{gap:5px;padding:6px;inset:2px}.hf-board-list li{gap:3px;padding:4px;font-size:10px}.hf-board-list li>small{font-size:8px}}@media (width<=360px){.hf-score-setup label{font-size:8px}.hf-score-setup input{max-width:108px}}.hf-board-tabs{grid-template-columns:1fr 1fr;gap:5px;display:grid}.hf-board-tabs button{color:#d9e7d9;background:#1e3341;border:2px solid #698395;border-radius:4px;min-height:32px;padding:4px;font-size:11px}.hf-board-tabs button[aria-pressed=true]{color:#fff3cc;background:#866f42;border-color:#ffdc93}.hf-board-connection{justify-content:space-between;align-items:center;gap:8px;display:flex}.hf-board-connection .hf-board-caption{text-align:left;flex:1}.hf-board-connection button{color:#ffebb2;background:#364d4a;border:2px solid #849e94;border-radius:4px;min-width:38px;min-height:30px}.hf-results-online{color:#c7ecb1;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:6px auto 0;font:800 10px Courier New,monospace;display:flex}.hf-results-online button{color:#eaffd6;background:#36504a;border:2px solid #fbd48f;min-height:30px!important;margin:0!important;padding:3px 6px!important;font-size:10px!important}@media (width<=600px){.hf-board-tabs button{min-height:28px;font-size:10px}.hf-board-head b{font-size:clamp(12px,4vw,17px)}.hf-board-connection .hf-board-caption{font-size:8px}.hf-results-online{font-size:9px}}:root{color:#f7e9b9;font-synthesis:none;background:#0b141d;font-family:Courier New,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}.hf-overlay{min-height:100dvh}