button,canvas,.touch-controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}button{-webkit-tap-highlight-color:transparent}.hero-copy:before,.hero-art:before,.hero-art:after{content:none!important}.cover-hero{position:relative;min-height:700px;background:url('generated/v03/cover.webp') center/cover no-repeat;border:1px solid #809eaa40;display:block;margin-top:8px;isolation:isolate}.cover-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061321e0 0%,#06132155 33%,transparent 53%);z-index:-1}.cover-hero .hero-copy{width:43%;padding:32px 0 20px 36px;position:relative;z-index:1}.cover-hero h1{font-family:'Microsoft JhengHei',sans-serif;font-weight:1000;text-shadow:5px 5px #071524;transform:skew(-5deg);font-size:clamp(60px,6.5vw,112px);letter-spacing:-.08em;line-height:1.08;margin:54px 0 35px}.cover-hero h1 em{color:#dff4d4}.player-row{display:flex;gap:12px;align-items:center;font-size:13px;color:#e5f1ee}.player-row button{padding:7px 11px;border:1px solid #b4dcca66;background:#091a29bb;font-size:11px}.hero-meta{gap:36px}.hero-meta strong{font-size:25px}.hero-meta span{font-size:10px}.welcome-panel{min-height:650px;background:linear-gradient(90deg,#071422f5,#071422ae),url('generated/v03/cover.webp') center/cover;display:flex;align-items:center;justify-content:space-around;gap:40px;padding:50px}.welcome-title{font-size:85px;font-weight:950;letter-spacing:-.07em;line-height:1.15;transform:skew(-5deg)}.welcome-title em{font-style:normal;color:#dff4d4}.welcome-panel form{background:#0c1b29ee;padding:35px;border:1px solid #78959066;width:380px;max-width:100%}.welcome-panel h1{font-size:24px;margin:0 0 25px}.welcome-panel p{font-size:11px;color:var(--muted);line-height:1.7}.welcome-panel input{font-size:18px}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-icon{font-size:42px}.mode-card{min-height:280px}.record-score{display:flex;align-items:baseline;gap:14px;padding:25px 0}.record-score strong,.queue-score{font-size:52px;color:#c5eec7}.record-score span{font-size:11px}.record-score b{font-size:14px}.record-list{margin:15px 0 28px}.record-list>div{display:flex;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #52677244;font-size:12px}.record-list small{margin-left:auto;color:var(--muted)}.queue-panel{text-align:center;max-width:600px;margin:45px auto;padding:50px;border:1px solid #66857a66;background:#0e1c28}.queue-panel p{font-size:13px;color:var(--muted)}.queue-panel h2{font-size:28px;margin:30px 0}.queue-note{margin:30px 0}.rotate-prompt{display:none}.touch-controls{touch-action:none}.touch-controls button{touch-action:none}.touch-controls .pressed{background:#afd5c6!important;color:#102526!important}.touch-hint{display:none}
@media(max-width:1000px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-title{font-size:64px}.cover-hero .hero-copy{padding-left:25px;width:55%}.cover-hero h1{font-size:80px}}
@media(pointer:coarse),(max-width:760px){.arena-controls{display:none}.touch-controls{display:flex;position:relative;justify-content:space-between;align-items:flex-end;margin:12px 0 28px;padding:0 4px}.touch-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:4px}.touch-pad .touch-up{grid-column:2;grid-row:1}.touch-pad .touch-left{grid-column:1;grid-row:2}.touch-pad .touch-down{grid-column:2;grid-row:2}.touch-pad .touch-right{grid-column:3;grid-row:2}.touch-actions{display:grid;grid-template-columns:46px 56px;grid-template-rows:42px 56px;gap:7px}.touch-controls button{margin:0;min-width:0;min-height:0;border-radius:50%;border:1px solid #b6d8cc80;background:#0c223de0;box-shadow:0 3px 0 #030c1a88;color:#e5eee8;font-size:19px;font-weight:bold}.touch-attack,.touch-skill{background:#315b5ee8!important}.touch-ultimate{color:#ffc976!important}.touch-hint{display:block;position:absolute;bottom:-23px;left:0;width:100%;text-align:center;font-size:9px;color:#acbeca}.rotate-prompt{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);padding:10px 3px}.rotate-prompt button{border:1px solid #859f9866;padding:6px 9px;font-size:10px}.cover-hero{min-height:640px;background-position:64% center}.cover-hero .hero-copy{width:100%;padding:24px}.cover-hero:after{background:linear-gradient(90deg,#061321dd,#06132166 65%,#06132111)}.cover-hero h1{font-size:77px;margin-top:66px}.cover-hero .hero-meta{margin-top:35px}.cover-hero .actions{flex-wrap:wrap;gap:10px}.welcome-panel{padding:28px 18px;flex-direction:column;gap:20px;min-height:640px}.welcome-title{font-size:54px;align-self:flex-start}.welcome-panel form{padding:25px}.mode-card{min-height:215px}.mode-icon{font-size:34px}.record-score{flex-wrap:wrap}.queue-panel{padding:25px;margin:15px auto}.record-list>div{flex-wrap:wrap;gap:8px}}
@media(pointer:coarse) and (orientation:landscape),(max-height:550px) and (orientation:landscape){body:has(.battle-screen){overflow:hidden;background:#07121d}body:has(.battle-screen) header,body:has(.battle-screen) footer{display:none}.battle-screen{padding:0!important;width:100vw;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center}.battle-screen .arena-wrap{width:min(100vw,177.7778dvh);height:min(100dvh,56.25vw);margin:0;border:0}.battle-screen #arena{width:100%;height:100%;object-fit:contain}.battle-top{position:fixed;z-index:8;top:4px;right:9px;background:transparent;margin:0;min-height:0}.battle-top>span{display:none}.battle-top .btn{padding:7px 10px;font-size:10px;background:#091825c9}.battle-screen .touch-controls{position:fixed;inset:auto 13px 12px;z-index:7;margin:0;pointer-events:none}.touch-controls>div{pointer-events:auto;opacity:.82}.touch-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}.touch-actions{grid-template-columns:48px 58px;grid-template-rows:42px 58px}.touch-hint,.rotate-prompt{display:none}.pause-layer,.results-layer{position:fixed}.pause-layer h2,.results-layer h2{font-size:28px}.results-stat{margin:10px 0}.arena-wrap:fullscreen{height:100dvh}.battle-top .actions{gap:5px}}

.fighter-card.selected canvas{filter:brightness(1)}.fighter-card:hover canvas{filter:brightness(1.02)}