@font-face{font-family:Yoster;src:url(/assets/yoster-BLLR-hds.ttf)format("truetype");font-display:swap}:root{color:#efe2b3;font-synthesis:none;text-rendering:optimizespeed;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;background:#120c09;font-family:Yoster,monospace;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{overflow:hidden}button,input{font:inherit}h1,h2,p{margin:0}.mk-shell,.game-shell{min-height:100vh}.mk-shell{place-items:center;padding:.5rem;display:grid}.pixel-font{font-family:Yoster,monospace}.stone-panel{background:linear-gradient(#00000026,#ffffff0a),repeating-linear-gradient(0deg,#7f7f7f 0 4px,#878787 4px 8px),repeating-linear-gradient(90deg,#737373 0 4px,#818181 4px 8px);border:4px solid #1f1f1f;gap:1rem;width:min(720px,100%);min-height:min(760px,100vh - 1rem);max-height:calc(100vh - 1rem);padding:1rem;display:grid;overflow:auto;box-shadow:inset 0 0 0 3px #9f9f9f,inset 0 0 0 6px #4d4d4d}.menu-panel-pixel{align-content:start;justify-items:center}.compact-panel{align-content:start;justify-items:stretch;width:min(680px,100%)}.select-panel{align-content:start;justify-items:stretch;width:min(940px,100%)}.stone-frame{background:linear-gradient(#ffffff0a,#00000029),repeating-linear-gradient(0deg,#616161 0 5px,#6b6b6b 5px 10px),repeating-linear-gradient(90deg,#626262 0 5px,#6f6f6f 5px 10px);border:4px solid #4c4c4c;box-shadow:inset 0 0 0 3px #9a9a9a}.title-frame,.footer-frame{text-align:center;padding:1rem}.list-frame,.settings-frame,.guide-frame{padding:1.25rem 1rem}.mk-title{color:#b40d0d;letter-spacing:.08em;text-transform:uppercase;text-shadow:2px 2px #320000;margin:0;font-size:clamp(2rem,7vw,4rem);line-height:.95}.mk-title.small{font-size:clamp(1.4rem,5vw,2.5rem)}.mk-menu-item{color:#f0f0f0;width:100%;font:inherit;text-transform:uppercase;letter-spacing:.12em;text-align:center;background:0 0;border:0;padding:.45rem .5rem;font-size:clamp(1rem,3vw,1.6rem);display:block}.mk-menu-item.active,.mk-menu-item:hover,.mk-menu-item:focus-visible{color:#8fe26c}.mk-menu-item.disabled{color:#8a8a8a}.settings-frame,.guide-frame{color:#f0f0f0;gap:1rem;display:grid}.guide-touch-boards{gap:.9rem;display:grid}.guide-touch-board{gap:.4rem;display:grid}.guide-arena-shot{background:#20120c;border:3px solid #4f4f4f;min-height:100px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #9d9d9d}.guide-arena-shot:before,.guide-arena-shot:after{content:"";pointer-events:none;position:absolute;inset:0}.guide-arena-shot:before{background-image:linear-gradient(#78583529 1px,#0000 1px),linear-gradient(90deg,#78583529 1px,#0000 1px);background-size:24px 24px}.guide-arena-shot:after{background:#d2b47859;width:2px;left:50%;right:auto}.guide-zone{text-transform:uppercase;background:#00000040;padding:.2rem .35rem;font-size:.7rem;position:absolute;top:.5rem}.move-zone{color:#8fe26c;left:.5rem}.fire-zone{color:#efe2b3;right:.5rem}.left-zone{left:.5rem}.left-fire{left:22%;right:auto}.right-zone{left:52%}.right-fire{right:.5rem}.guide-mini-paddle{background:#d9b08a;border:2px solid #4f4f4f;width:10px;height:42px;position:absolute;top:32px}.left-mini{left:12%}.right-mini{right:12%}.settings-frame label{gap:.5rem;font-size:.95rem;display:grid}.settings-frame input[type=range]{width:100%}.check-row{grid-template-columns:1fr auto;align-items:center}.select-copy{text-align:center;color:#f5f1e2;text-transform:uppercase;margin:0;font-size:.95rem}.character-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.character-empty{min-height:1px}.character-card{color:#f3f3f3;min-height:152px;font:inherit;text-align:center;background:linear-gradient(#ffffff0a,#0000002e),#5f5f5f;border:3px solid #4f4f4f;align-content:start;gap:.45rem;padding:.65rem;display:grid;box-shadow:inset 0 0 0 2px #9d9d9d}.character-card.disabled{opacity:.35}.character-preview{background:#242424;border:3px solid #4a4a4a;place-items:center;height:88px;display:grid;box-shadow:inset 0 0 0 2px #adadad}.preview-paddle{border:2px solid #444;width:24px;height:64px;display:grid;overflow:hidden}.preview-paddle span,.character-card strong,.character-card small{display:block}.character-card strong{font-size:.82rem}.character-card small{color:#ddd1b3;font-size:.7rem}.result-actions,.pause-actions{justify-content:center;gap:.75rem;display:flex}.pixel-stage{background:radial-gradient(circle at top,#5c180a2e,#0000 24%),linear-gradient(#150d08 0%,#090806 100%);place-items:center;width:100%;min-height:100svh;display:grid}.arena-stage{width:100%;height:100svh;position:relative}.arena{width:100vw;height:100svh;image-rendering:pixelated;object-fit:contain;display:block}.arena-scoreboard{pointer-events:none;position:absolute;top:.8rem;left:0;right:0}.pong-score{color:#efe2b3;letter-spacing:.12em;text-shadow:2px 2px #3b2410;font-size:clamp(1.6rem,4vw,3rem);position:absolute}.left-score{left:1rem}.right-score{right:1rem}.fighter-tags{color:#bda37b;pointer-events:none;justify-content:space-between;font-size:.72rem;display:flex;position:absolute;top:.9rem;left:5.2rem;right:5.2rem}.round-callout,.score-winner-callout{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.score-winner-callout p{color:#f3dfb1;text-transform:uppercase;letter-spacing:.12em;text-shadow:2px 2px #5a0c0c;font-size:clamp(1.5rem,5vw,3rem);animation:.5s steps(2,start) infinite blink-winner}.round-callout p{color:#c6aa78;text-transform:uppercase;letter-spacing:.12em;text-shadow:2px 2px #341a10;font-size:clamp(1.4rem,6vw,3.2rem)}.bounce-callout p{color:#f3dfb1;animation:.85s ease-out forwards bounce-callout}.pause-overlay{background:#0a0706b8;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.touch-surface{z-index:3;touch-action:none;display:none;position:absolute;inset:0}.touch-pause{color:#f3f3f3;min-width:5.5rem;min-height:3rem;font:inherit;text-transform:uppercase;letter-spacing:.08em;touch-action:manipulation;z-index:4;background:linear-gradient(#ffffff0a,#0000002e),#5f5f5f;border:3px solid #4f4f4f;position:absolute;bottom:.75rem;right:.75rem;box-shadow:inset 0 0 0 2px #9d9d9d}.pause-card{color:#efe2b3;text-align:center;width:min(520px,100%);padding:1rem}@keyframes bounce-callout{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.18)}}@keyframes blink-winner{0%,49%{opacity:1}50%,to{opacity:.2}}@media (width<=720px){.stone-panel{gap:.7rem;width:100%;min-height:calc(100vh - 1rem);max-height:calc(100vh - 1rem);padding:.7rem}.list-frame,.settings-frame,.guide-frame,.title-frame,.footer-frame{padding:.8rem}.mk-title{font-size:clamp(1.5rem,9vw,2.2rem)}.mk-menu-item{padding:.28rem .4rem;font-size:.86rem}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.character-empty{display:none}.character-card{min-height:132px;padding:.45rem}.touch-surface{display:block}.character-preview{height:70px}.preview-paddle{height:50px}}@media (pointer:coarse){.touch-surface{display:block}}