:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#02060c}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}body{background:radial-gradient(circle at 50% 20%,#17324a 0,#07121f 45%,#02060c)}#app{display:grid;place-items:center;padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}canvas{display:block;max-width:100%;max-height:100%;box-shadow:0 18px 60px #00000073}.fighter-name-input{width:min(310px,68vw);height:38px;border:3px solid #d7ad3e;border-radius:4px;outline:3px solid rgb(3 16 24 / 82%);background:linear-gradient(#102d40,#071722);box-shadow:0 6px #02070b,inset 0 1px #ffffff29;color:#fff;font:800 17px/1 Arial Black,Arial,sans-serif;letter-spacing:1px;text-align:center;text-transform:uppercase}.fighter-name-input::placeholder{color:#78939d}.fighter-name-input:focus{border-color:#73ff9f;box-shadow:0 6px #02070b,0 0 16px #73ff9f59}@media(orientation:landscape)and (max-height:520px){#app{padding:2px max(4px,env(safe-area-inset-right)) 2px max(4px,env(safe-area-inset-left))}}