*{box-sizing:border-box}body{margin:0;background:#fff;color:#535353;font:13px Arial,sans-serif}button,input{font:inherit;color:inherit;background:#fff;border:1px solid #ddd;border-radius:4px;padding:9px 13px}button{cursor:pointer}button:hover{background:#f3f3f3}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #555;outline-offset:3px}header,main{width:min(1000px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.wordmark{font:600 21px monospace;text-decoration:none;color:inherit}.tools{display:flex;gap:8px}.setup{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 30px}.modes{display:flex;gap:6px}.mode{min-width:60px}.mode.active{background:#555;color:#fff;border-color:#555}.options{display:flex;align-items:center;gap:20px}.toggle{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}input[type=checkbox]{accent-color:#555}#name{width:120px}.gamebar{display:flex;align-items:center;justify-content:space-between;font:12px monospace;padding:0 5px 8px}.gamebar b{font-weight:400}#connection{margin-left:15px;color:#999;font-size:10px}#best{color:#aaa;margin-right:24px}#score{letter-spacing:2px}.stage{position:relative;overflow:hidden}canvas{display:block;width:100%;aspect-ratio:1000/400;image-rendering:pixelated}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#overlay[hidden]{display:none}#start{background:#fff;border-color:#999;font:13px monospace;padding:10px 25px}#overlayTag,#overlayTitle,#overlayText{display:none}.underbar{display:flex;justify-content:space-between;gap:16px;padding:12px 5px;font:10px monospace;color:#999;min-height:40px}kbd{font:inherit;color:#666;margin:0 3px}#status{max-width:50%;text-align:right}#online{margin-top:25px}#online[hidden],#roomInfo[hidden]{display:none}.room-actions,#roomInfo{display:flex;align-items:center;justify-content:center;gap:8px}#code{width:130px;text-transform:uppercase}#roomInfo{margin-top:15px}#roomCode{font:16px monospace;letter-spacing:3px;margin-right:10px}#lobby{text-align:center;color:#999;font-size:11px;margin:14px 0}.credits{display:block;text-align:right;color:#aaa;font-size:10px;margin-top:24px;text-decoration:none}.touch{display:none}.stage:fullscreen{display:flex;align-items:center;background:#fff}.stage:fullscreen canvas{width:100%;max-height:100vh;object-fit:contain}@media(max-width:600px){header,main{width:calc(100% - 24px)}header{padding:18px 0}.setup{flex-wrap:wrap;margin:12px 0 28px;gap:16px}.modes{width:100%}.mode{flex:1}.options{width:100%;justify-content:space-between}canvas{min-height:220px;aspect-ratio:1000/450}.gamebar{font-size:10px}#connection{font-size:8px}.underbar{font-size:9px;line-height:1.7;min-height:50px}.touch{display:flex;gap:7px;position:sticky;bottom:8px;background:#fff;padding:8px 0;z-index:5}.touch button{flex:1;touch-action:none;padding:14px 5px}.touch button[data-key=f],.touch button[data-key=i],.touch button[data-key=p]{display:none}body.fight .touch button{display:block}.room-actions button{padding:9px}.room-actions{gap:6px}}
body.game-view{overflow:hidden}body.game-view header,body.game-view .setup,body.game-view #online,body.game-view .credits,body.game-view .underbar,body.game-view .gamebar{display:none}body.game-view main{width:100%;margin:0}body.game-view .stage{position:fixed;inset:0;width:100vw;height:100dvh;background:#fff;display:flex;align-items:center;justify-content:center}body.game-view canvas{width:100vw;height:100dvh;aspect-ratio:auto;object-fit:contain;min-height:0}body.game-view #overlay{z-index:2;flex-direction:column;gap:14px}#overlayTitle:not([hidden]){display:block;font:14px monospace;margin:0}body.game-view .touch{position:fixed;bottom:10px;left:12px;right:12px;background:transparent}body.game-view .touch button{background:#ffffffcc}@media(min-width:601px){body.game-view .touch{display:none}}