@font-face{font-family:Marker;src:url(/assets/marker.ttf);font-display:swap}@font-face{font-family:Hand;src:url(/assets/hand.ttf);font-display:swap}:root{font-family:Hand,cursive;color:#282b28;background:#eeeade;--paper: #eeeade;--ink: #282b28;--red: #b7372e;--muted: #706f60;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:4px}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}a{color:inherit;text-underline-offset:4px}#arena{position:relative;width:100%;height:100svh;min-height:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#topbar{position:absolute;z-index:9;left:4%;right:4%;top:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}#topbar>div{display:flex;align-items:center;gap:20px;pointer-events:auto}#mini-brand{font-family:Marker;font-size:21px;opacity:0}.playing #mini-brand{opacity:1}.quiet{border:0;background:none;padding:9px 12px;font-size:18px}.quiet:hover{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px}.icon-button{border:0;background:var(--paper);width:40px;height:40px;display:grid;place-items:center;border-radius:45% 40% 44% 39%}.icon-button:hover{transform:rotate(-5deg)}#lobby{position:absolute;inset:0;background:linear-gradient(90deg,#eeeadef5 10%,#eeeadee5 36%,#eeeade88 60%,#eeeade22);pointer-events:none}#lobby button{pointer-events:auto}.menu-stack{position:absolute;left:10%;top:13%;width:36%}h1{font-family:Marker;font-weight:400;font-size:clamp(62px,7.3vw,112px);line-height:.95;margin:0 0 45px;letter-spacing:-3px;transform:rotate(-3deg)}h1 span{color:var(--red)}#main-menu{display:flex;align-items:start;flex-direction:column;gap:8px}.menu-action{font-family:Marker;background:none;border:0;font-size:30px;padding:9px 10px;position:relative;text-align:left;transition:color .12s,transform .12s;min-width:210px}.menu-action:before{content:"›";position:absolute;left:-28px;opacity:0;font-size:40px;top:-2px;color:var(--red)}.menu-action:hover,.menu-action:focus-visible{color:var(--red);transform:translate(5px);outline:0}.menu-action:focus-visible:before,.menu-action:hover:before{opacity:1}.menu-action.chosen{color:var(--red)}.menu-action.smaller{font-size:22px;margin-top:8px}.fighter-showcase{position:absolute;right:13%;top:11%;width:28%;height:65%;display:flex;align-items:center;flex-direction:column;pointer-events:auto}#preview{width:100%;height:calc(100% - 50px);display:block}#customize-button{transform:rotate(-2deg);white-space:nowrap}#customize-button svg{width:19px;height:19px;margin-left:6px}#arena-picker{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;gap:17px;pointer-events:auto}.arena-choice{position:relative;width:178px;height:75px;padding:0;border:2px solid #69665b;background:var(--paper);overflow:hidden;border-radius:3px 6px 2px 4px;transform:rotate(1deg)}.arena-choice img{width:100%;height:100%;object-fit:cover;opacity:.7;filter:contrast(.8)}.arena-choice span{position:absolute;bottom:0;left:0;right:0;background:#eeeadeeb;font-size:17px;padding:2px 5px}.arena-choice.selected{border-color:var(--ink);box-shadow:3px 3px var(--red);transform:rotate(-2deg)}.arena-choice:hover img{opacity:1}.menu-controls{position:absolute;bottom:37px;left:4%}.sketch-button{font-family:Marker;font-size:17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--ink);padding:11px 19px;background:var(--paper);border-radius:3px 7px 2px 5px;box-shadow:3px 3px var(--ink);line-height:1.25}.sketch-button:hover:not(:disabled){background:#e3decc}.sketch-button.primary{background:var(--red);color:#fff4df;border-color:var(--red)}.sketch-button.primary:hover:not(:disabled){background:#a92c24}.sketch-button.small{font-size:13px;padding:7px 12px}.wide{width:100%}h2{font-family:Marker;font-size:38px;line-height:1.05;margin:0 0 26px;font-weight:400}label{display:block;font-size:17px;margin:0 0 5px}input:not([type=checkbox],[type=range]),select{width:100%;background:#f8f5ed;border:1px solid #a9a392;border-bottom:2px solid var(--ink);border-radius:3px;font-size:19px;padding:9px 10px;color:var(--ink);margin-bottom:16px}input:focus{background:#fffaf0}input[type=checkbox]{accent-color:var(--red);width:21px;height:21px}input[type=range]{accent-color:var(--red);width:145px}dialog{background:#f3efe3;color:var(--ink);border:2px solid var(--ink);border-radius:5px 2px 8px 3px;box-shadow:7px 7px var(--ink);padding:36px;width:430px;max-width:calc(100vw - 36px);max-height:calc(100svh - 50px);overflow:auto}dialog::backdrop{background:#34332785}dialog p{font-size:18px;line-height:1.3}dialog.wide-dialog{width:760px}.close-dialog{border:0;background:none;position:absolute;right:12px;top:8px;font-family:Hand;font-size:32px;line-height:1;padding:0 6px}.divider{text-align:center;font-size:18px;color:var(--muted);padding:15px 0}.form-error{color:var(--red);font-size:16px;min-height:0;margin:0 0 15px}.form-error:empty{display:none}.subtle{font-size:15px!important;color:var(--muted)}.floating-panel{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1deg);background:#f3efe3;padding:35px;border:2px solid var(--ink);box-shadow:7px 7px var(--ink);width:390px;max-width:90vw;text-align:center}.floating-panel h2{margin:0 0 18px}.floating-panel .sketch-button{width:100%;margin-top:12px}.floating-panel>.quiet{margin-top:12px}.floating-panel p{font-size:20px;margin:12px 0}#room-code{display:block;font-family:Marker;letter-spacing:4px;font-size:36px;margin:10px 0 18px}#invite-link{font-size:15px;text-align:center}#waiting-status{color:var(--muted);font-size:17px}#result .score{font-family:Marker;font-size:34px}#result-reward{color:var(--red);min-height:24px}#toast{position:fixed;z-index:50;left:50%;bottom:25px;transform:translate(-50%);background:var(--ink);color:var(--paper);border:2px solid var(--paper);padding:12px 22px;font-size:19px;max-width:90vw;text-align:center;pointer-events:none}#hud{position:absolute;left:5%;right:5%;top:82px;display:flex;align-items:start;gap:30px;pointer-events:none}.fighter-hud{flex:1;min-width:0}.name-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:Marker;font-size:19px;padding-bottom:7px}.name-row b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-row>span{letter-spacing:5px;font-size:23px;color:var(--red);white-space:nowrap}.health{border:2px solid var(--ink);height:23px;padding:3px;background:var(--paper);transform:skew(-7deg);box-shadow:2px 2px var(--ink)}.health i{height:100%;display:block;width:100%;background:var(--ink);transition:width .06s linear}.energy{height:5px;background:#a8a08b66;margin-top:9px}.energy i{display:block;height:100%;background:#92805a}.ammo{display:block;font-size:18px;margin:5px 0;color:#685936}.enemy{text-align:right}.enemy .health i,.enemy .energy i{margin-left:auto}.enemy .health i{background:var(--red)}.round-hud{width:75px;text-align:center;flex-shrink:0}.round-hud b{display:block;font-family:Marker;font-size:47px;line-height:1.1;font-weight:400}.round-hud small{font-size:11px;letter-spacing:1px}#announcement{position:absolute;top:30%;left:12%;right:12%;text-align:center;font-family:Marker;color:var(--red);font-size:54px;pointer-events:none;text-shadow:3px 2px var(--paper);overflow-wrap:anywhere}#match-bar{position:absolute;left:4%;right:4%;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}#move-hints{display:flex;gap:20px;font-size:14px;align-items:center}#move-hints span{white-space:nowrap}#move-hints kbd{font-size:15px;margin-right:4px}#connection{font-size:13px;color:#5b5a4e;background:#eeeadeb0;padding:4px}kbd{font-family:Hand;display:inline-block;min-width:24px;line-height:24px;padding:0 4px;text-align:center;border:1.4px solid var(--ink);border-radius:3px 1px 3px 2px;box-shadow:1px 1px #696454;background:var(--paper);font-size:17px;margin:0 3px;white-space:nowrap}#touch{display:none;position:absolute;left:3%;right:3%;bottom:76px;justify-content:space-between;pointer-events:none;gap:30px}#touch>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;pointer-events:auto}#touch button{height:43px;min-width:48px;padding:3px;background:#eeeadee0;border:2px solid var(--ink);border-radius:6px 2px 7px 3px;font-size:15px;touch-action:none;-webkit-user-select:none;user-select:none}#touch button:active{background:var(--red);color:var(--paper)}.dialog-title{display:flex;justify-content:space-between;align-items:start}.coin-balance{font-size:25px;color:#8f631f;white-space:nowrap}.wardrobe{display:grid;grid-template-columns:220px 1fr;gap:28px}.outfit-preview{display:flex;align-items:center;flex-direction:column}.outfit-preview canvas{width:210px;height:315px}.outfit-preview #outfit-note{display:block;font-size:14px;margin-top:15px;max-width:200px;text-align:center;color:var(--muted)}#shop-tabs{display:flex;gap:4px;justify-content:space-between;border-bottom:1px solid #b6ae9a;margin-bottom:15px}#shop-tabs button,.control-tabs button{border:0;background:none;font-size:18px;padding:7px 8px;border-bottom:3px solid transparent}#shop-tabs button.active,.control-tabs button.active{border-color:var(--red);color:var(--red)}#items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cosmetic{position:relative;background:#eee8d8;border:1px solid #b3aa94;border-radius:3px 1px 4px 2px;padding:0;overflow:hidden;min-width:0}.cosmetic canvas{display:block;width:100%;height:82px}.cosmetic.selected{border:2px solid var(--red);background:#f8f3e7}.cosmetic .price{position:absolute;right:4px;bottom:4px;font-size:12px;background:var(--paper);padding:1px 4px}.cosmetic .lock{position:absolute;top:5px;right:5px;width:13px;height:13px;opacity:.75}.cosmetic.locked canvas{opacity:.62}#item-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;min-height:40px}#item-name{font-size:19px;font-weight:400}.shop-note{font-size:14px;color:var(--muted);margin:13px 0 0}.account-stats{display:flex;justify-content:space-between;gap:10px;margin-bottom:25px}.account-stats span{text-align:center;color:var(--muted)}.account-stats b{display:block;color:var(--ink);font-family:Marker;font-weight:400;font-size:23px}details{margin-top:25px}summary{cursor:pointer;font-size:18px;margin-bottom:14px}.setting{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:20px}.control-tabs{display:flex;gap:12px;margin-bottom:20px}.moves-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;font-size:18px}.moves-grid dt{white-space:nowrap}.moves-grid dd{margin:0}#controller-bindings{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}#controller-bindings label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px}#controller-bindings select{width:92px;margin:0;padding:5px;font-size:15px}.combo-notes{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;border-top:1px solid #b6ae9a;margin-top:20px;padding-top:15px;font-size:15px;color:#696555}table{width:100%;border-collapse:collapse;font-size:19px;text-align:left}th{font-size:15px;font-weight:400;color:var(--muted);padding:8px;border-bottom:2px solid var(--ink)}td{padding:11px 8px;border-bottom:1px solid #d4ccb9}td:first-child{font-family:Marker;color:var(--red)}.inline-form{display:flex;gap:12px;align-items:start}.inline-form input{margin:0}.admin-user{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #ccc3ad}.admin-user small{display:block;color:var(--muted)}.admin-user button{font-size:13px;flex-shrink:0}@media(pointer:coarse){#touch{display:flex}#move-hints{display:none}}@media(max-width:900px){.menu-stack{left:8%;top:16%}h1{font-size:80px}.menu-action{font-size:25px}.fighter-showcase{right:9%;width:32%}#move-hints{gap:10px}#move-hints span:nth-last-child(-n+2){display:none}.wardrobe{gap:20px;grid-template-columns:180px 1fr}.outfit-preview canvas{width:180px;height:280px}}@media(max-width:650px){#arena{min-height:0}#topbar{left:5%;right:5%;top:13px}#topbar>div{gap:9px}.quiet{font-size:16px}#mini-brand{font-size:15px}.icon-button{height:35px;width:35px}.menu-stack{top:16%;left:8%;width:50%}h1{font-size:58px;line-height:1;margin-bottom:30px;letter-spacing:-2px}.menu-action{font-size:23px;min-width:155px;padding:9px 3px}.menu-action.smaller{font-size:18px;margin-top:5px}.menu-action:before{left:-17px;font-size:31px;top:3px}.fighter-showcase{right:3%;top:26%;width:39%;height:43%}#customize-button{font-size:13px;padding:9px 11px}#customize-button svg{display:none}#lobby{background:linear-gradient(90deg,#eeeadeee 2%,#eeeadecc 50%,#eeeade55)}#arena-picker{bottom:64px;width:84%;gap:14px}.arena-choice{width:50%;height:65px}.arena-choice span{font-size:15px}.menu-controls{left:50%;transform:translate(-50%);bottom:13px;font-size:15px}#hud{left:4%;right:4%;top:66px;gap:13px}.name-row{font-size:13px;padding-bottom:7px;gap:3px}.name-row span{font-size:17px;letter-spacing:1px}.round-hud{width:48px}.round-hud b{font-size:34px}.round-hud small{font-size:9px}.health{height:18px}.ammo{font-size:15px}.energy{margin-top:7px;height:4px}#announcement{font-size:36px;left:6%;right:6%;top:26%}#move-hints{display:none}#match-bar{left:4%;right:4%;bottom:15px}#connection{font-size:12px}#touch{display:flex;left:4%;right:4%;bottom:66px;gap:18px}#touch>div{gap:5px}#touch button{min-width:40px;width:44px;height:42px;font-size:12px}.floating-panel{padding:27px}h2,.floating-panel h2{font-size:31px}#room-code{font-size:29px;letter-spacing:3px}dialog{padding:28px 23px;max-width:calc(100vw - 26px);max-height:calc(100svh - 32px)}.wardrobe{grid-template-columns:105px 1fr;gap:14px}.outfit-preview canvas{width:110px;height:235px}.outfit-preview .sketch-button{padding:8px;font-size:13px}.outfit-preview #outfit-note{font-size:12px}#shop-tabs{gap:0}#shop-tabs button{font-size:14px;padding:7px 5px}#items{grid-template-columns:repeat(2,1fr);gap:8px}.cosmetic canvas{height:72px}.cosmetic .price{font-size:10px}.coin-balance{font-size:22px}#item-detail{flex-direction:column;align-items:start;gap:8px;margin-top:12px}#item-name{font-size:16px}.shop-note{font-size:12px}.moves-grid{grid-template-columns:130px 1fr;gap:9px 10px;font-size:15px}.moves-grid kbd{font-size:14px;min-width:20px;line-height:21px;margin:0 2px}.combo-notes{grid-template-columns:1fr;font-size:14px}#controller-bindings{grid-template-columns:1fr}table{font-size:16px}th,td{padding:9px 4px}.account-stats b{font-size:21px}}@media(max-height:660px)and (min-width:651px){.menu-stack{top:12%}h1{font-size:70px;margin-bottom:23px}.menu-action{font-size:23px;padding:6px 10px}.fighter-showcase{top:7%;height:69%}#arena-picker{bottom:22px}.arena-choice{height:61px}#hud{top:65px}#announcement{top:32%;font-size:40px}}@media(max-height:600px)and (max-width:650px){.menu-stack{top:13%}h1{font-size:46px;margin-bottom:17px}.menu-action{font-size:19px;padding:6px 3px}.menu-action.smaller{font-size:16px}.fighter-showcase{top:21%;height:48%}.arena-choice{height:54px}#arena-picker{bottom:57px}#hud{top:57px}}@media(prefers-reduced-motion:reduce){button,.health i{transition:none!important}}.playing #account-button{display:none}@media(max-height:500px)and (min-width:651px){#topbar{top:8px}#hud{top:51px}h1{font-size:49px;margin-bottom:15px}.menu-action{font-size:19px;padding:4px 9px}.menu-action.smaller{font-size:15px}.menu-stack{top:11%}.fighter-showcase{top:8%;width:22%;height:64%}#arena-picker{bottom:17px}.arena-choice{height:44px}#match-bar{bottom:10px}#touch{bottom:55px}#touch button{height:33px}}#arena-picker{width:auto;gap:12px;align-items:center}#arena-button{width:210px;flex:0 0 210px}.arena-arrow{width:38px;height:54px;border:0;background:transparent;font:42px Marker;padding:0}#arenas-dialog{width:min(890px,94vw);max-width:94vw}#arena-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.arena-tile{position:relative;aspect-ratio:1.45;overflow:hidden;padding:0;border:2px solid #817b6d;background:var(--paper);border-radius:3px 6px 2px 5px}.arena-tile img{width:100%;height:100%;object-fit:cover;opacity:.85}.arena-tile span{position:absolute;left:0;bottom:0;right:0;padding:5px;background:#eeeadeee;font:19px Marker}.arena-tile svg{position:absolute;left:6%;top:49%;width:88%;height:27%;stroke:#282b28;stroke-width:16;stroke-linecap:round;filter:drop-shadow(0 2px 1px #eeeade)}.arena-tile.selected{border-color:var(--ink);box-shadow:3px 3px var(--red)}.arena-tile:hover img{opacity:1}.arena-tile:focus-visible{outline:3px solid var(--red);outline-offset:3px}@media(max-width:650px){#arena-button{width:190px;flex-basis:190px}#arena-picker{gap:8px}#arena-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arena-tile{aspect-ratio:1.05}.arena-tile span{font-size:15px;padding:4px 1px}#arenas-dialog{padding:22px 17px}}@media(max-width:390px){#arena-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-tile{aspect-ratio:1.5}}#game:focus{outline:none}