*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#05070b;color:#f8e8c5;font-family:MSWUI,Arial,sans-serif}body{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #9de3ff;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}#game{position:relative;width:min(100vw,calc((100dvh - 42px)*16/9));aspect-ratio:16/9;overflow:hidden;background:#0d0c0a}canvas,#screen{position:absolute;inset:0;width:100%;height:100%}canvas{object-fit:contain}#screen{overflow:auto;scrollbar-width:thin}footer{height:42px;display:flex;width:min(100%,1500px);padding:0 18px;gap:20px;align-items:center;justify-content:space-between;font-size:13px;color:#b3a58a}footer button{background:none;border:0;color:#e7c887;font-size:14px}.view{position:relative;min-height:100%;padding:2.2% 4%;background:linear-gradient(90deg,#05070bd9,#05070b45,#05070bc9);display:flex;flex-direction:column;align-items:center;gap:12px}.logo{width:44%;max-height:20vh;object-fit:contain;filter:drop-shadow(0 8px 10px #000)}h1,h2,h3{font-family:MSWDisplay,Georgia,serif;color:#f4d28b;margin:0;text-shadow:0 2px 6px #000}h1{font-size:clamp(24px,3.6vw,58px)}h2{font-size:clamp(22px,3vw,46px)}p{margin:5px 0;color:#e3d3b1;text-align:center;overflow-wrap:anywhere}.gold{border:0;background:transparent url('/assets/ui/button-normal.png') center/100% 100% no-repeat;min-height:52px;min-width:220px;padding:12px 26px;font-family:MSWDisplay,serif;font-weight:700;font-size:clamp(18px,1.7vw,27px);text-shadow:0 2px 2px #000}.gold:hover{background-image:url('/assets/ui/button-hover.png');filter:brightness(1.18)}.gold:active{background-image:url('/assets/ui/button-pressed.png')}.menu{align-self:flex-start;display:grid;gap:9px;width:31%;min-width:250px;margin-top:1%;z-index:2}.menu .gold{width:100%}.hero{position:absolute;bottom:0;width:42%;max-height:77%;object-fit:contain;object-position:bottom;pointer-events:none;filter:drop-shadow(0 10px 20px #000)}.hero.one{left:29%}.hero.two{right:-3%}.tagline{position:absolute;bottom:3%;right:9%;font-family:MSWDisplay;font-size:24px;text-shadow:0 2px 5px #000}.row{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.small{min-width:140px;min-height:42px;font-size:19px;padding:10px 18px}.muted{color:#baad92;font-size:14px}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:92%;margin:auto}.fighter{position:relative;padding:0;overflow:hidden;aspect-ratio:1.22;background:#090c11cc;border:2px solid #987439;border-radius:5px;box-shadow:0 5px 15px #000b}.fighter img{width:100%;height:100%;object-fit:contain;object-position:bottom}.fighter strong{position:absolute;bottom:0;left:0;right:0;padding:7px 3px;background:linear-gradient(transparent,#05070bf5 25%);font:700 clamp(13px,1.3vw,22px)/1.05 MSWDisplay;text-shadow:0 2px 3px #000}.fighter.active{border-color:#ffe69e;box-shadow:0 0 16px #ffad36}.fighter .badge{position:absolute;left:7px;top:7px;background:#edbc59;color:#1c1206;padding:2px 8px;border-radius:3px}.arena-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin:auto}.arena-card{padding:0;background:#080b10;border:2px solid #977344;color:#f8d794;font-family:MSWDisplay;font-size:clamp(15px,1.5vw,25px)}.arena-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.arena-card span{display:block;padding:12px}.arena-card.active{border-color:#ffe7a1;box-shadow:0 0 20px #fb9f3b}.vs{display:flex;align-items:center;justify-content:center;gap:25px;flex:1;min-height:0;width:100%}.vs article{width:37%;text-align:center}.vs img{max-height:46vh;width:100%;object-fit:contain}.vs b{font:700 clamp(40px,9vw,130px) MSWDisplay;color:#f9cf78;text-shadow:0 0 25px #e28b20}.panel{background:#070a0fee;border:2px solid #ae813d;box-shadow:0 12px 50px #000;border-radius:8px;padding:28px;max-width:640px;width:85%;margin:auto}.panel .gold{display:block;width:100%;margin:10px 0}.settings label{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:20px 0;font-size:22px}.settings input[type=range]{width:50%;accent-color:#e8ba62}.settings input[type=checkbox]{width:24px;height:24px;accent-color:#e8ba62}.controls-note{font-size:clamp(12px,1.2vw,19px);line-height:1.6;max-width:750px}.controls-note b{color:#ffe19b}.fight-ui{position:absolute;top:15px;left:16px;display:flex;gap:9px}.chip{border:1px solid #b1884b;background:#080b10d9;padding:8px 16px;border-radius:5px;font-size:16px}.fight-bottom{position:absolute;bottom:8px;width:100%;text-align:center;pointer-events:none;color:#d0c0a0;font-size:13px;text-shadow:0 1px 3px #000}.result .portrait{position:absolute;left:1%;bottom:0;width:48%;height:82%;object-fit:contain;object-position:bottom;pointer-events:none}.result .panel{margin:auto 0 auto 47%;width:50%;text-align:center;background:#080b10df}.score{font:700 clamp(42px,7vw,100px) MSWDisplay;color:#f8d794}.bracket{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;flex:1;align-items:center}.bracket h3{text-align:center;font-size:clamp(20px,2vw,30px)}.pair{margin:12px 0;padding:8px 14px;background:#080b10dc;border:1px solid #8e6b35;border-radius:5px;font-size:clamp(13px,1.3vw,20px)}.pair div{padding:4px 0}.pair .winner{color:#ffdc80}.pair .lost{opacity:.45}#toast{position:absolute;bottom:15%;left:10%;right:10%;text-align:center;pointer-events:none;color:#ffda88;text-shadow:0 1px 8px #000;font-size:22px}#touch{position:absolute;bottom:8px;left:1%;right:1%;display:flex;justify-content:space-between;pointer-events:none}#touch[hidden]{display:none}.pad{display:grid;grid-template-columns:repeat(4,42px);gap:4px;pointer-events:auto;touch-action:none}.pad button{height:37px;background:#10151dcc;border:1px solid #bc9457;border-radius:6px;color:#f9dfaa;touch-action:none;user-select:none}.pad button:active{background:#79501d}@media(pointer:coarse){.fight-bottom{display:none}}@media(max-width:700px){footer{font-size:10px;padding:0 7px;gap:8px}footer #hint{display:none}.view{gap:6px;padding:2%}.logo{width:40%;max-height:15vh}.menu{min-width:160px;width:37%;gap:2px;margin-top:0}.gold{font-size:17px;min-width:150px;min-height:36px;padding:7px 14px}.small{font-size:14px;min-width:100px;min-height:30px}.hero.one{left:30%}.tagline{font-size:15px;bottom:2%}.roster{width:100%;gap:5px}.fighter strong{font-size:12px;padding:4px}.fighter .badge{font-size:10px}.view h1{font-size:22px}.view p{font-size:12px}.arena-grid{gap:6px}.arena-card span{padding:5px}.panel{padding:10px}.settings label{font-size:16px;margin:10px 0}.result .panel{width:53%;margin-left:45%}.chip{padding:5px 10px;font-size:12px}.fight-ui{top:4px;left:8px}.bracket{gap:8px}.pair{margin:6px 0;padding:4px 6px}.vs img{max-height:34vh}.muted{font-size:11px}}@media(orientation:portrait){#game{width:100vw;min-height:62dvh;aspect-ratio:auto}canvas{object-fit:contain}.view{padding:20px 12px}.menu{margin-top:25px;width:65%;gap:8px}.logo{max-height:none;width:80%}.hero{height:55%;opacity:.7}.hero.one{left:20%}.hero.two{right:-15%}.tagline{font-size:16px}.roster{grid-template-columns:repeat(2,1fr)}.fighter{aspect-ratio:1.4}.arena-grid{grid-template-columns:repeat(2,1fr)}.vs{gap:10px}.vs article{width:44%}.vs img{max-height:32vh}.vs b{font-size:44px}.result .portrait{width:85%;opacity:.5}.result .panel{margin:auto;width:90%;z-index:1}.bracket{gap:8px}.bracket h3{font-size:17px}.pair{font-size:12px}.controls-note{font-size:12px}.pad{grid-template-columns:repeat(4,35px)}.pad button{height:33px}.fight-ui{top:9%}.fight-bottom{display:none}}

#screen{overflow-x:hidden}
@media(orientation:landscape){.view:has(.roster){height:100%;gap:6px}.view:has(.roster)>.logo{max-height:14%;width:auto;max-width:40%;flex-shrink:0}.view:has(.roster)>.roster{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));margin:0 auto}.view:has(.roster) .fighter{aspect-ratio:auto;min-height:0}.view:has(.roster)>h1,.view:has(.roster)>.row{flex-shrink:0}.view:has(.roster)>.muted{margin:0}}
.team-lobby{display:flex;align-items:center;justify-content:center;gap:45px;max-width:100%;font-family:system-ui}.team-qr{width:min(31vh,260px);height:min(31vh,260px);background:white;border:8px solid white}.team-lobby a{color:#f0cc87}.team-lobby p{font-size:18px}.gold:disabled{opacity:.4;cursor:wait}@media(max-width:600px){.team-lobby{flex-direction:column;gap:8px}.team-lobby p{font-size:14px}}
.team-card{text-align:center;min-width:0}.team-card h2{font-size:clamp(18px,2vw,32px)}.team-card h3{margin:8px 0}.two-teams{width:100%;gap:30px;align-items:flex-start}.two-teams .team-card{width:48%;padding:12px;background:#070a0fbf;border:1px solid #ba8f4a;border-radius:8px}.two-teams .team-card:nth-child(2){border-color:#80c6ec}.two-teams .team-qr{width:min(24vh,210px);height:min(24vh,210px)}.two-teams p{font-size:clamp(12px,1.2vw,18px);margin:3px 0}.pause-qr{display:flex;justify-content:center;gap:24px}.team-view{gap:8px}.menu{gap:5px}.menu .gold{min-height:45px;padding:8px 16px}@media(max-width:600px) and (orientation:portrait){.two-teams .team-card{width:100%}}