*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#120a06;width:100%;height:100%;font-family:Teko,Bebas Neue,Impact,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}button{cursor:pointer;font-family:inherit}#hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#hud .top{align-items:flex-start;gap:1.2vw;display:flex;position:absolute;top:14px;left:2vw;right:2vw}#hud .side{flex:1;align-items:center;gap:10px;display:flex}#hud .side.right{flex-direction:row-reverse}#hud .portrait{border:3px solid var(--accent,#fff);object-fit:cover;background:radial-gradient(circle,#3a2a20,#120a06);border-radius:8px;width:70px;height:70px;box-shadow:0 0 14px #0009}#hud .bar-wrap{flex:1}#hud .name{letter-spacing:2px;text-shadow:2px 2px #000;color:var(--accent,#fff);font-size:26px;line-height:1}#hud .side.right .name{text-align:right}#hud .hp{background:#2a0b08;border:3px solid #f2e2b8;height:24px;position:relative;overflow:hidden;transform:skew(-18deg);box-shadow:0 3px 10px #00000080}#hud .side.right .hp{transform:skew(18deg)scaleX(-1)}#hud .hp-trail,#hud .hp-fill{width:100%;position:absolute;top:0;bottom:0;left:0}#hud .hp-trail{background:#e4202a}#hud .hp-fill{background:linear-gradient(#fff27a,#ffc21a 55%,#e09000);transition:width 80ms linear}#hud .hp-fill.danger{background:linear-gradient(#ffd27a,#ff7a1a 55%,#d04000);animation:.5s infinite alternate pulse}#hud .wins{gap:6px;margin-top:6px;display:flex}#hud .side.right .wins{justify-content:flex-end}#hud .win{background:#0006;border:2px solid #f2e2b8;border-radius:50%;width:16px;height:16px}#hud .win.on{background:radial-gradient(circle,#fff6b0,#ffb000);box-shadow:0 0 10px #ffb000}#timer{text-align:center;color:#fff2c0;text-shadow:3px 3px #a33a00,0 0 18px #ffa00099;min-width:80px;font-family:Bebas Neue,Impact,sans-serif;font-size:64px;line-height:1}#timer.low{color:#ff5a3a;animation:.5s infinite alternate pulse}#hud .bottom{justify-content:space-between;display:flex;position:absolute;bottom:40px;left:2vw;right:2vw}#hud .meter{width:32vw}#hud .meter.right{text-align:right}#hud .meter-label{letter-spacing:2px;text-shadow:2px 2px #000;color:#ffe3a0;font-size:22px}#hud .meter-bar{background:#0000008c;border:2px solid #ffe3a0;height:14px;overflow:hidden}#hud .meter.right .meter-bar{transform:scaleX(-1)}#hud .meter-fill{background:linear-gradient(90deg,#f93,#fff 50%,#138808);width:0;height:100%}#hud .meter.ready .meter-bar{animation:.35s infinite alternate pulse;box-shadow:0 0 16px #ffd000}#hud .meter.ready .meter-label{color:#fff35a;animation:.35s infinite alternate pulse}#hud .combo{color:#fff;text-shadow:3px 3px #b00,0 0 12px #f80;opacity:0;font-size:34px;position:absolute;top:130px}#hud .combo b{color:#ffd84a;font-size:58px}#hud .combo.left{left:3vw}#hud .combo.right{right:3vw}#hud .combo.show{animation:1.4s ease-out forwards combo}#pause-btn{pointer-events:auto;color:#ffe3a0;background:#0006;border:2px solid #ffe3a0;border-radius:6px;width:38px;height:30px;font-size:18px;position:absolute;top:96px;left:50%;transform:translate(-50%)}#announce{text-align:center;letter-spacing:6px;pointer-events:none;opacity:0;background:linear-gradient(#fffbe0 10%,#fc3 50%,#ff6a00 90%);color:#0000;filter:drop-shadow(4px 4px #400)drop-shadow(0 0 20px #ff780099);-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(56px,11vw,150px);font-style:italic;position:fixed;top:36%;left:0;right:0}#announce.show{animation:.35s cubic-bezier(.2,1.6,.4,1) forwards announce}#announce.ko{background:linear-gradient(#fff 10%,#ff4a3a 55%,#8a0000 95%);-webkit-background-clip:text;background-clip:text;font-size:clamp(80px,16vw,220px)}#announce.fight{font-size:clamp(80px,15vw,200px)}#announce.perfect,#announce.win{background:linear-gradient(#fff 10%,#7affb0 50%,#138808 95%);-webkit-background-clip:text;background-clip:text}#announce.lose{background:linear-gradient(#fff 10%,#9ab 50%,#345 95%);-webkit-background-clip:text;background-clip:text}#flash{pointer-events:none;opacity:0;position:fixed;top:0;bottom:0;left:0;right:0}#vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#000000bf 100%);transition:opacity .4s;position:fixed;top:0;bottom:0;left:0;right:0}#vignette.on{opacity:1}#super-banner{pointer-events:none;opacity:0;border-top:3px solid var(--accent,#fff);border-bottom:3px solid var(--accent,#fff);background:linear-gradient(90deg,#0000,#000000d9 15% 85%,#0000);align-items:center;gap:18px;height:120px;padding:0 6vw;display:flex;position:fixed;top:58%;left:0;right:0}#super-banner img{object-fit:cover;width:110px;height:110px}#super-banner small{color:var(--accent);letter-spacing:3px;font-size:24px;display:block}#super-banner span{letter-spacing:4px;color:#fff;text-shadow:0 0 18px var(--accent);font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(36px,6vw,80px);font-style:italic}#super-banner.show{animation:1.7s ease-in-out forwards banner}#super-banner.from-right{text-align:right;flex-direction:row-reverse}#popups{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.popup{letter-spacing:2px;white-space:nowrap;text-shadow:2px 2px #000,0 0 10px;font-family:Bebas Neue,Impact,sans-serif;font-size:34px;animation:1.1s ease-out forwards popup;position:absolute;transform:translate(-50%,-50%)}.speech{color:#222;white-space:nowrap;background:#fff;border-radius:16px;padding:6px 16px;font-size:28px;animation:2s ease-out forwards speech;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px #0000004d}.speech:after{content:"";border:8px solid #0000;border-top-color:#fff;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.screen{text-align:center;background:radial-gradient(#14080226,#0a0400bf);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loading,#pause,#result{background:#0a0400c7}.logo{letter-spacing:4px;background:linear-gradient(#fff 5%,#ffb84a 45%,#e05a00 60%,#ffe28a 95%);color:#0000;filter:drop-shadow(5px 5px #3a0e00)drop-shadow(0 0 30px #ff780080);-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(64px,12vw,170px);font-style:italic;line-height:.9}.logo span{background:linear-gradient(#fff 5%,#7ec8ff 50%,#1a4fd6 95%);-webkit-background-clip:text;background-clip:text;display:block}.tag{letter-spacing:6px;color:#ffe3a0;text-shadow:2px 2px #000;font-size:30px}.press{letter-spacing:4px;text-shadow:2px 2px #000;margin-top:30px;font-size:34px;animation:.7s infinite alternate pulse}.disclaimer{opacity:.75;font-size:18px;position:absolute;bottom:18px}#select h1,#pause h1,#result h1{letter-spacing:6px;color:#ffe3a0;text-shadow:4px 4px #6a1a00;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(44px,6vw,80px);font-style:italic}#select{background:linear-gradient(#0a04008c,#0000 22% 70%,#0a0400bf);justify-content:flex-start;gap:8px;padding-top:2vh}.cards{flex:1;justify-content:space-between;align-items:center;width:96vw;min-height:0;display:flex}.card{cursor:pointer;background:linear-gradient(#000000bf,#0000008c);border:3px solid #ffffff40;border-radius:14px;width:min(250px,30vw);padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s}.card img{aspect-ratio:1;object-fit:cover;background:radial-gradient(circle,#4a3020,#120a06);border-radius:10px;width:100%;max-height:30vh}.card h2{letter-spacing:4px;color:var(--accent);margin-top:6px;font-family:Bebas Neue,Impact,sans-serif;font-size:40px;line-height:1}.card .party{opacity:.8;font-size:20px}.card .super-name{color:#ffe3a0;font-size:22px}.card .desc{opacity:.85;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.35}.card.selected{border-color:var(--accent);box-shadow:0 0 30px var(--accent);transform:scale(1.06)}.roster{flex-direction:column;align-self:flex-start;gap:10px;width:min(340px,30vw);margin-top:1vh;display:flex}.roster-label{letter-spacing:6px;color:#ffe3a0;text-shadow:3px 3px #6a1a00;font-family:Bebas Neue,Impact,sans-serif;font-size:30px;font-style:italic}.roster[data-side=cpu] .roster-label{text-align:right}.roster .card{text-align:left;grid-template-columns:88px 1fr;align-items:center;column-gap:12px;width:auto;padding:8px;display:grid}.roster .card img{width:88px;height:88px;max-height:none}.roster .card h2{margin-top:0;font-size:36px}.roster .card .party{font-size:18px;line-height:1.1}.roster .card .super-name{font-size:19px;line-height:1.2}.roster .card .desc{grid-column:1/-1;margin-top:6px;display:none}.roster[data-side=player] .card.selected .desc{display:block}.roster .card.selected{transform:scale(1.03)}.roster .card.disabled{opacity:.3;filter:grayscale();cursor:not-allowed}@media (max-height:880px){html:not(.touch) .roster{gap:6px;margin-top:0}html:not(.touch) .roster-label{font-size:26px}html:not(.touch) .roster .card{grid-template-columns:64px 1fr;column-gap:10px;padding:6px}html:not(.touch) .roster .card img{width:64px;height:64px}html:not(.touch) .roster .card h2{font-size:30px}html:not(.touch) .roster .card .party{font-size:15px}html:not(.touch) .roster .card .super-name{font-size:16px}html:not(.touch) .roster .card .desc{margin-top:4px;font-size:12px}html:not(.touch) .roster:has(>.card:nth-child(5)) .card{grid-template-columns:54px 1fr}html:not(.touch) .roster:has(>.card:nth-child(5)) .card img{width:54px;height:54px}html:not(.touch) .roster:has(>.card:nth-child(5)) .card .party{display:none}}@media (max-height:700px){html:not(.touch) .roster .card .desc{display:none!important}}.vs{color:#ff5a1a;text-shadow:4px 4px #000;align-self:flex-start;font-family:Bebas Neue,Impact,sans-serif;font-size:90px;font-style:italic}#vs-line{letter-spacing:2px;text-shadow:2px 2px #000;font-size:26px}.options{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.options .difficulty button{padding:2px 12px;font-size:20px}.difficulty small{opacity:.8;text-align:left;min-width:170px;font-size:16px}.difficulty{align-items:center;gap:8px;font-size:24px;display:flex}.difficulty button,.screen button{letter-spacing:2px;color:#fff;background:#0009;border:2px solid #ffe3a0;border-radius:8px;padding:4px 18px;font-size:24px}.difficulty button.selected{color:#200;background:#ffb000}.screen button.big{color:#fff;text-shadow:2px 2px #600;background:linear-gradient(#ffb84a,#e05a00);border-color:#fff2c0;padding:2px 48px;font-size:40px}.controls{background:#0000008c;border-radius:8px;max-width:900px;margin-bottom:1.5vh;padding:8px 16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;line-height:1.6}.controls b{color:#ffcf6a}#result-sub{font-size:30px}#touch{pointer-events:none;justify-content:space-between;padding:0 16px;display:none;position:fixed;bottom:56px;left:0;right:0}@media (pointer:coarse){body.in-battle #touch{display:flex}}#touch button{pointer-events:auto;color:#ffe3a0;background:#00000059;border:2px solid #ffe3a0b3;border-radius:12px;font-size:18px}#touch button.active{background:#ffb00099}#touch .dpad{grid-template-rows:repeat(2,56px);grid-template-columns:repeat(3,56px);gap:6px;display:grid}#touch .dpad [data-touch=up]{grid-area:1/2}#touch .dpad [data-touch=left]{grid-area:2/1}#touch .dpad [data-touch=down]{grid-area:2/2}#touch .dpad [data-touch=right]{grid-area:2/3}#touch .actions{align-items:flex-end;gap:8px;display:flex}#touch .actions button{border-radius:50%;width:76px;height:76px}#touch .actions .super{border-color:#ffd000}@keyframes pulse{0%{opacity:1}to{opacity:.55}}@keyframes announce{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}@keyframes banner{0%{opacity:0;transform:translate(-30%)skew(-12deg)}15%{opacity:1;transform:translate(0)skew(-12deg)}80%{opacity:1;transform:translate(0)skew(-12deg)}to{opacity:0;transform:translate(30%)skew(-12deg)}}@keyframes popup{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}@keyframes speech{0%{opacity:0;transform:translate(-50%,-80%)scale(.6)}10%{opacity:1;transform:translate(-50%,-100%)scale(1)}85%{opacity:1}to{opacity:0}}@keyframes combo{0%{opacity:0;transform:scale(1.6)}12%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}#newsdesk{pointer-events:none;position:absolute;bottom:0;left:0;right:0}#newsdesk .desk{background:linear-gradient(#140808d9,#050a19d9);border:2px solid #ffd000;border-radius:6px;align-items:stretch;gap:4px;width:min(560px,31vw);padding:4px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #0009}#newsdesk .live{color:#fff;letter-spacing:1px;background:#e01b1b;border-radius:3px;padding:0 6px;font-size:14px;animation:.8s infinite alternate pulse;position:absolute;top:-12px;left:8px}#newsdesk .vs-mini{color:#ffd000;align-self:center;font-size:16px}#newsdesk .anchor{flex:1;align-items:center;gap:5px;min-width:0;display:flex}#newsdesk .anchor.troll{text-align:right;flex-direction:row-reverse}#newsdesk .anchor img{border-radius:4px;flex:none;width:44px;height:44px}#newsdesk .anchor .meta{flex-direction:column;min-width:0;line-height:1.05;display:flex}#newsdesk .channel{letter-spacing:1px;color:#ff8a3a;font-size:13px}#newsdesk .troll .channel{color:#4fb3ff}#newsdesk .who{opacity:.7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:10px}#newsdesk .line{color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}#newsdesk .anchor.talking img{animation:.18s infinite alternate shout}#newsdesk .anchor.talking .line{color:#fff35a}#newsdesk .ticker{background:linear-gradient(#b00000,#7a0000);border-top:2px solid #ffd000;align-items:center;height:32px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#newsdesk .tag{z-index:1;color:#7a0000;letter-spacing:2px;background:#ffd000;flex:none;align-items:center;height:100%;padding:0 12px;font-size:22px;display:flex}#newsdesk .ticker-window{flex:1;height:100%;position:relative;overflow:hidden}#newsdesk .ticker-track{white-space:nowrap;will-change:transform;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}#newsdesk .item{letter-spacing:1px;color:#fff;padding-right:48px;font-size:22px}#newsdesk .item:after{content:"◆";color:#ffd000;margin-left:48px}#newsdesk .item.breaking{color:#fff35a}@keyframes shout{0%{transform:translate(-1px)rotate(-3deg)}to{transform:translate(1px,-1px)rotate(3deg)}}@media (pointer:coarse){#newsdesk .desk{display:none}}.speech.small{padding:3px 12px;font-size:20px}#announce.cow{color:#111;-webkit-text-fill-color:#111;filter:none;letter-spacing:3px;white-space:nowrap;background:#ffd000;-webkit-background-clip:border-box;background-clip:border-box;border:5px solid #111;border-radius:12px;padding:4px 24px;font-size:clamp(24px,3.4vw,46px);font-style:normal;top:13%;left:50%;right:auto;transform:translate(-50%);box-shadow:0 6px #0006}#announce.cow small{letter-spacing:2px;font-size:.45em;display:block}#announce.cow.show{animation:.5s cubic-bezier(.2,1.6,.4,1) forwards cowsign}@keyframes cowsign{0%{opacity:0;transform:translate(-50%)scale(.4)rotate(-8deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(-2deg)}}.pause-sub{opacity:.85;font-size:26px}#result{gap:10px}.paper{color:#1b1b1b;background:#f4efe2;width:min(760px,92vw);padding:14px 22px 18px;font-family:Georgia,Times New Roman,serif;animation:.7s cubic-bezier(.2,1.3,.4,1) paperIn;position:relative;transform:rotate(-1.2deg);box-shadow:0 10px 40px #0009}.paper .masthead{text-align:center;border-bottom:3px double #222;font-family:Old English Text MT,UnifrakturCook,Georgia,serif;font-size:clamp(30px,5vw,54px);line-height:1.1}.paper .dateline{text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #222;padding:3px 0;font-size:12px}.paper .headline{text-align:center;margin:8px 0;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(36px,6.5vw,72px);line-height:.95}.paper-body{text-align:left;gap:16px;display:flex}.paper figure{flex:none;width:34%}.paper figure img{filter:grayscale()contrast(1.15);border:1px solid #222;width:100%}.paper figcaption{font-size:11px;font-style:italic}.paper .cols{font-size:14px;line-height:1.4}.paper .paper-sub{margin-bottom:6px;font-size:18px;font-weight:700}.paper .excuse{margin-bottom:6px;font-style:italic}.paper .filler{color:#444}.stamp{letter-spacing:3px;opacity:.85;border:5px solid;border-radius:8px;padding:4px 18px;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(30px,5vw,56px);animation:.4s cubic-bezier(.3,1.8,.5,1) .6s both stamp;position:absolute;bottom:18px;right:18px;transform:rotate(-14deg)}.stamp.win{color:#138808}.stamp.lose{color:#c0392b}.result-buttons{align-items:center;gap:14px;display:flex}@keyframes paperIn{0%{opacity:0;transform:rotate(-200deg)scale(.2)}to{opacity:1;transform:rotate(-1.2deg)scale(1)}}@keyframes stamp{0%{opacity:0;transform:rotate(-14deg)scale(2.5)}to{opacity:.85;transform:rotate(-14deg)scale(1)}}.press-touch,.touch-help,#rotate{display:none}html.touch,html.touch body{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}html.touch .press{display:none}html.touch .press-touch{letter-spacing:4px;text-shadow:2px 2px #000;margin-top:24px;font-size:30px;animation:.7s infinite alternate pulse;display:block}@media (orientation:portrait){html.touch #rotate{z-index:1000;text-align:center;background:radial-gradient(#3a1606,#0a0400 75%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}html.touch #rotate h2{letter-spacing:3px;color:#ffe3a0;font-family:Bebas Neue,Impact,sans-serif;font-size:40px}html.touch #rotate p{opacity:.8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px}html.touch #rotate .phone-icon{border:4px solid #ffb84a;border-radius:12px;width:56px;height:96px;animation:1.8s ease-in-out infinite rotate-phone}}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}html.touch body.in-battle #touch{display:flex}html.touch #touch{left:0;right:0;bottom:calc(34px + env(safe-area-inset-bottom));padding:0 calc(18px + env(safe-area-inset-right)) 0 calc(18px + env(safe-area-inset-left));z-index:20;justify-content:space-between;align-items:flex-end}html.touch #touch .stick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#0000002e 0%,#0000006b 70%);border:2px solid #ffe3a073;border-radius:50%;width:132px;height:132px;position:relative;box-shadow:inset 0 0 18px #00000073}html.touch #touch .stick .ring{border:1px dashed #ffe3a040;border-radius:50%;position:absolute;top:22%;bottom:22%;left:22%;right:22%}html.touch #touch .stick .knob{background:radial-gradient(circle at 35% 30%,#fff3cf,#ffb84a 55%,#b8580a);border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;transition:transform 60ms linear;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px #00000080}html.touch #touch .stick.active{border-color:#ffd278d9}html.touch #touch .actions{grid-template-rows:repeat(2,66px);grid-template-columns:repeat(2,66px);gap:10px 12px;display:grid;transform:rotate(-12deg)}html.touch #touch .actions button{letter-spacing:1px;color:#fff;text-shadow:1px 1px #000;touch-action:none;background:#0000006b;border:2px solid #ffffff8c;border-radius:50%;width:66px;height:66px;font-family:Teko,Bebas Neue,Impact,sans-serif;font-size:17px;transition:transform 50ms,background 50ms;transform:rotate(12deg)}html.touch #touch .actions button.active{transform:rotate(12deg)scale(.9)}html.touch #touch .actions button.punch{background:#ff993380;border-color:#ffb466}html.touch #touch .actions button.kick{background:#2e9bff7a;border-color:#7cc0ff}html.touch #touch .actions button.grab{background:#13880880;border-color:#7fd46e}html.touch #touch .actions button.super{color:#ffffff8c;background:#3c3c3c73;border-color:#ffffff59}html.touch #touch .actions button.active{filter:brightness(1.5)}html.touch #touch .actions button.super.ready{color:#3a1600;text-shadow:none;background:radial-gradient(circle,#fff6b0,#ffb000 60%,#c86a00);border-color:#fff;animation:.5s infinite alternate super-ready}@keyframes super-ready{0%{box-shadow:0 0 6px #ffd000}to{box-shadow:0 0 22px 6px #ffd000}}@media (orientation:landscape) and (max-height:560px){html.touch #hud .top{top:calc(6px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));gap:10px}html.touch #hud .side{gap:6px}html.touch #hud .portrait{border-width:2px;border-radius:6px;width:40px;height:40px}html.touch #hud .name{letter-spacing:1px;font-size:17px}html.touch #hud .hp{border-width:2px;height:14px}html.touch #hud .wins{gap:4px;margin-top:3px}html.touch #hud .win{width:10px;height:10px}html.touch #timer{min-width:54px;font-size:40px}html.touch #hud .bottom{top:calc(60px + env(safe-area-inset-top));bottom:auto;left:calc(58px + env(safe-area-inset-left));right:calc(58px + env(safe-area-inset-right))}html.touch #hud .meter{width:30vw}html.touch #hud .meter-label{letter-spacing:1px;font-size:13px;line-height:1}html.touch #hud .meter-bar{border-width:1px;height:7px}html.touch #pause-btn{top:calc(52px + env(safe-area-inset-top));pointer-events:auto;width:34px;height:26px;font-size:14px}html.touch #hud .combo{font-size:20px;top:92px}html.touch #hud .combo b{font-size:34px}html.touch #newsdesk .ticker{height:24px;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}html.touch #newsdesk .tag{padding:0 8px;font-size:15px}html.touch #newsdesk .item{padding-right:28px;font-size:15px}html.touch #newsdesk .item:after{margin-left:28px}html.touch #touch{bottom:calc(30px + env(safe-area-inset-bottom))}html.touch #touch .stick{width:118px;height:118px}html.touch #touch .stick .knob{width:50px;height:50px;margin:-25px 0 0 -25px}html.touch #touch .actions{grid-template-rows:repeat(2,58px);grid-template-columns:repeat(2,58px);gap:8px 10px}html.touch #touch .actions button{width:58px;height:58px;font-size:15px}html.touch #announce{top:30%}html.touch #super-banner{gap:10px;height:66px;top:52%}html.touch #super-banner img{width:60px;height:60px}html.touch #super-banner small{font-size:15px}html.touch #super-banner span{font-size:34px}html.touch .speech{padding:3px 10px;font-size:17px}html.touch .popup{font-size:22px}html.touch .logo{font-size:clamp(48px,11vw,110px)}html.touch .tag{letter-spacing:3px;font-size:18px}html.touch .press-touch{margin-top:10px;font-size:24px}html.touch .disclaimer{bottom:calc(8px + env(safe-area-inset-bottom));font-size:13px}html.touch #select{padding:calc(6px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));gap:4px}html.touch #select h1{letter-spacing:3px;font-size:28px;line-height:1}html.touch .cards{width:100%}html.touch .card{border-width:2px;border-radius:10px;width:min(190px,24vw);padding:6px}html.touch .card img{aspect-ratio:auto;object-fit:cover;object-position:center 30%;width:100%;height:24vh;max-height:none;display:block}html.touch .card h2{margin-top:2px;font-size:24px}html.touch .card .party,html.touch .card .super-name{font-size:13px;line-height:1.1}html.touch .card .desc,html.touch #stage-sub,html.touch .controls{display:none}html.touch .card.selected{transform:scale(1.04)}html.touch .roster{gap:4px;width:min(230px,29vw)}html.touch .roster-label{letter-spacing:3px;font-size:15px;line-height:1}html.touch .roster .card{grid-template-columns:38px 1fr;column-gap:7px;padding:3px 6px}html.touch .roster .card img{object-position:center;width:38px;height:38px}html.touch .roster .card h2{font-size:19px}html.touch .roster .card .party{display:none}html.touch .roster .card .super-name{font-size:11px}html.touch .roster .card.selected{transform:scale(1.03)}html.touch .vs{font-size:44px}html.touch #vs-line{font-size:16px}html.touch .options{gap:14px}html.touch .difficulty{gap:5px;font-size:15px}html.touch .options .difficulty button{border-width:1px;padding:2px 9px;font-size:14px}html.touch .screen button.big{padding:0 34px;font-size:26px}html.touch .touch-help{opacity:.85;background:#00000080;border-radius:6px;padding:3px 10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px;display:block}html.touch #pause h1{font-size:36px}html.touch .pause-sub{font-size:18px}html.touch #result{padding:calc(6px + env(safe-area-inset-top)) 12px calc(6px + env(safe-area-inset-bottom));gap:6px}html.touch .paper{width:min(560px,72vw);padding:8px 14px 10px}html.touch .paper .masthead{font-size:26px}html.touch .paper .dateline{font-size:9px}html.touch .paper .headline{margin:4px 0;font-size:30px}html.touch .paper figure{width:22%}html.touch .paper .cols{font-size:11px;line-height:1.3}html.touch .paper .paper-sub{font-size:13px}html.touch .paper .filler,html.touch .paper figcaption{display:none}html.touch .stamp{border-width:3px;font-size:26px;bottom:8px;right:10px}html.touch #result-sub{font-size:18px}html.touch .result-buttons{gap:10px}html.touch .screen button{font-size:18px}}html.touch body:has(#pause:not(.hidden)) #touch{display:none}html.touch body:has(#result:not(.hidden)) #touch{display:none}#sound-btn{z-index:60;cursor:pointer;background:#00000073;border:2px solid #ffe3a0b3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:20px;line-height:1;display:flex;position:fixed;top:12px;right:14px}#sound-btn:hover{background:#000000a6}#sound-btn.locked{animation:.9s infinite alternate sound-pulse}body.in-battle #sound-btn{display:none}@keyframes sound-pulse{0%{box-shadow:0 0 #ffb84ab3}to{box-shadow:0 0 0 9px #ffb84a00}}html.touch #sound-btn{top:calc(8px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:38px;height:38px;font-size:17px}html.ios-scroll,html.ios-scroll body{touch-action:pan-y;height:auto;overflow:hidden auto}html.ios-scroll body{min-height:200vh}html.touch #ios-swipe{z-index:990;padding:16px calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left));text-align:center;touch-action:pan-y;background:radial-gradient(#3a1606eb,#0a0400f5 75%);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}html.touch #ios-swipe h2{letter-spacing:3px;color:#ffe3a0;text-shadow:3px 3px #6a1a00;font-family:Bebas Neue,Impact,sans-serif;font-size:34px}html.touch #ios-swipe p{opacity:.8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}html.touch #ios-swipe .swipe-skip{color:#fff;opacity:.7;background:0 0;border:1px solid #ffffff59;border-radius:999px;margin-top:6px;padding:6px 14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px}html.touch #ios-swipe .swipe-hand{border-top:6px solid #f93;border-left:6px solid #f93;width:46px;height:46px;animation:1.1s ease-in-out infinite swipe-up;transform:rotate(45deg)}@keyframes swipe-up{0%{opacity:0;transform:translateY(26px)rotate(45deg)}30%{opacity:1}to{opacity:0;transform:translateY(-22px)rotate(45deg)}}html.touch #touch .stick{margin-left:clamp(40px,7vw,96px)}html.touch #newsdesk{display:none!important}.screen button.online-btn{letter-spacing:3px;color:#fff;text-shadow:2px 2px #062a66;background:linear-gradient(#4fb0ff,#1450b8);border:2px solid #cfe8ff;border-radius:12px;margin-top:18px;padding:6px 26px 2px;font-family:Bebas Neue,Impact,sans-serif;font-size:30px;box-shadow:0 4px #00000073}.online-btn small{letter-spacing:1px;opacity:.85;vertical-align:middle;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px}#online{background:radial-gradient(#1408028c,#0a0400e0)}#online h1{color:#ffe3a0;text-shadow:4px 4px #6a1a00;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(34px,6vw,64px);font-style:italic}.on-panel{background:linear-gradient(#000000b3,#00000080);border:2px solid #ffe3a040;border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-width:min(440px,90vw);padding:18px 26px;display:flex}.on-or,.on-wait,#on-error-text{letter-spacing:1px;font-size:22px}.on-join{gap:10px;display:flex}.on-join input{letter-spacing:6px;text-align:center;text-transform:uppercase;color:#fff;background:#0009;border:2px solid #ffe3a0;border-radius:8px;width:6.5ch;padding:4px 8px 0;font-family:Bebas Neue,Impact,sans-serif;font-size:40px}.on-label{letter-spacing:5px;color:#ffe3a0;font-family:Bebas Neue,Impact,sans-serif;font-size:22px}.on-code{letter-spacing:16px;text-shadow:4px 4px #6a1a00;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(64px,12vw,120px);line-height:1}.on-share{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#on-wa{background:linear-gradient(#39d27a,#12863f);border-color:#b9f5cf}.on-wait{align-items:center;gap:10px;display:flex}.on-wait .dot,#net-away .dot{background:#ffb347;border-radius:50%;width:12px;height:12px;animation:.8s infinite alternate pulse}.screen button.on-back{opacity:.8;font-size:20px}.online-bar{display:none}body.online .online-bar{letter-spacing:1px;text-shadow:2px 2px #000;align-items:center;gap:14px;font-size:20px;display:flex}body.online .online-bar button{padding:2px 12px;font-size:16px}body.online .cpu-level{display:none!important}body.online .roster[data-side=cpu] .card{pointer-events:none}body.online .roster[data-side=cpu] .card:not(.selected){opacity:.25;filter:grayscale()}body.online.guest [data-stage]{pointer-events:none;opacity:.6}body.online .roster[data-side=player] .card.taken{opacity:.3;filter:grayscale();cursor:not-allowed}body.online #fight-btn.waiting{background:linear-gradient(#39d27a,#12863f)}#net-away{z-index:60;letter-spacing:2px;text-shadow:2px 2px #000;background:#0a04008c;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:32px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#net-away.hidden{display:none}html.touch #online h1{font-size:30px}html.touch .on-panel{gap:8px;padding:10px 18px}html.touch .on-code{font-size:64px}html.touch .online-btn{margin-top:10px;font-size:24px}#select{background:linear-gradient(#0a04009e,#0000 22% 52%,#0a0400e0);padding:0;display:block}#select h1{pointer-events:none;font-size:clamp(34px,4.4vw,62px);line-height:1;position:absolute;top:12px;left:0;right:0}#title .controls,#title .touch-help{top:calc(10px + env(safe-area-inset-top));opacity:.92;pointer-events:none;background:#00000094;border:1px solid #ffe3a040;border-radius:8px;width:max-content;max-width:92vw;margin:0;padding:5px 14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;line-height:1.45;position:absolute;left:50%;transform:translate(-50%)}#title .touch-help b,#select .touch-help b{color:#ffe3a0}#select .controls,#select .touch-help{opacity:.85;pointer-events:none;width:max-content;max-width:92vw;margin:0;padding:4px 12px;font-size:11px;line-height:1.5;position:absolute;top:calc(18px + clamp(34px,4.4vw,62px));left:50%;transform:translate(-50%)}.sel-vs{color:#ff5a1a;text-shadow:4px 4px #000,0 0 24px #ff5a1a99;pointer-events:none;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(64px,9vw,120px);font-style:italic;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)skew(-8deg)}#select .plate{text-align:left;color:#fff;background:linear-gradient(90deg, var(--accent) 0 7px, #000000bd 7px);clip-path:polygon(0 0,100% 0,92% 100%,0 100%);letter-spacing:0;border:none;border-radius:0;flex-direction:column;align-items:flex-start;gap:2px;width:min(340px,27vw);padding:10px 26px 12px 18px;transition:filter .15s;display:flex;position:absolute;bottom:22px}#select .plate.p1{left:0}#select .plate.p2{text-align:right;background:linear-gradient(270deg, var(--accent) 0 7px, #000000bd 7px);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);align-items:flex-end;padding:10px 18px 12px 26px;right:0}.plate-tag{letter-spacing:3px;color:var(--accent);font-family:Bebas Neue,Impact,sans-serif;font-size:17px}.plate-name{letter-spacing:2px;text-shadow:3px 3px #000000b3;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(40px,4.4vw,64px);font-style:italic;line-height:.92}.plate-party{opacity:.75;font-size:18px}.plate-super{letter-spacing:1px;color:#ffe3a0;font-size:18px}.plate-desc{opacity:.8;max-width:290px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;line-height:1.3}#select .plate.active .plate-tag{animation:.6s infinite alternate pulse}#select .plate.active{filter:drop-shadow(0 0 10px var(--accent))}.sel-center{flex-direction:column;align-items:center;gap:9px;width:min(520px,42vw);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pick-prompt{letter-spacing:5px;color:#ffb347;text-shadow:2px 2px #000;font-family:Bebas Neue,Impact,sans-serif;font-size:22px}.pick-prompt.p2{color:#6cb6ff}.grid{justify-content:center;gap:8px;padding-top:12px;display:flex}#select .tile{background:radial-gradient(circle at 50% 30%,#4a3020,#120a06);border:3px solid #ffffff38;border-radius:6px;width:84px;height:96px;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;position:relative;transform:skew(-6deg)}.grid:has(>.tile:nth-child(6)) .tile{width:72px;height:84px}#select .tile:hover{border-color:#fff9;transform:skew(-6deg)translateY(-3px)}.tile img{object-fit:cover;object-position:center 22%;border-radius:3px;width:100%;height:100%;display:block}.tile-name{letter-spacing:2px;color:#fff;background:linear-gradient(#0000,#000000e6 60%);border-radius:0 0 3px 3px;padding:10px 0 0;font-family:Bebas Neue,Impact,sans-serif;font-size:17px;position:absolute;bottom:0;left:0;right:0}.tile-q{color:#ffe3a0;text-shadow:3px 3px #6a1a00;font-family:Bebas Neue,Impact,sans-serif;font-size:62px;line-height:1;position:absolute;top:6px;left:0;right:0}.tile .cur{letter-spacing:1px;border-radius:4px;padding:0 6px;font-family:Bebas Neue,Impact,sans-serif;font-size:16px;font-style:normal;line-height:1.3;display:none;position:absolute;top:-14px;box-shadow:0 2px #00000080}.tile .cur.p1{color:#2a0d00;background:#f93;left:-6px}.tile .cur.p2{color:#fff;background:#2e9bff;right:-6px}.tile.p1 .cur.p1,.tile.p2 .cur.p2{display:block}#select .tile.p1{border-color:#f93;box-shadow:0 0 16px #f93}#select .tile.p2{border-color:#2e9bff;box-shadow:0 0 16px #2e9bff}#select .tile.taken{cursor:not-allowed;opacity:.6}#select .tile.p1.p2{border-color:#fff;box-shadow:-7px 0 14px #f93,7px 0 14px #2e9bff}#select .options{gap:18px}#select .difficulty{letter-spacing:3px;gap:6px;font-size:18px}#select .difficulty>span{opacity:.75}#select .options .difficulty button{padding:1px 10px;font-size:18px}.sel-actions{align-items:center;gap:12px;display:flex}#select .sel-actions .online-btn{letter-spacing:2px;border-radius:10px;margin:0;padding:6px 16px 3px;font-size:22px}#select .sel-actions button.big{padding:2px 40px;font-size:38px}body.online #select .online-btn{display:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}#net-badge{left:calc(12px + env(safe-area-inset-left));z-index:15;color:#ffffffd9;text-shadow:1px 1px #000;pointer-events:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px;position:fixed;bottom:6px}#net-badge.bad{color:#ff8a70}html:not(.touch) body.in-battle #net-badge{bottom:66px;left:calc(2vw + 84px)}html.touch #net-badge{bottom:calc(6px + env(safe-area-inset-bottom));font-size:10px}html.touch #title .touch-help{top:calc(6px + env(safe-area-inset-top));padding:3px 10px;font-size:10px;line-height:1.35}html.touch #select h1{top:calc(4px + env(safe-area-inset-top));letter-spacing:3px;font-size:22px}html.touch #select .touch-help{top:calc(28px + env(safe-area-inset-top));background:#0000008c;border-radius:6px;padding:2px 8px;font-size:9.5px;line-height:1.25}html.touch .sel-vs{font-size:54px;top:30%}html.touch #select .plate{bottom:calc(8px + env(safe-area-inset-bottom));gap:0;width:24vw;padding:5px 16px 6px 12px}html.touch #select .plate.p1{left:env(safe-area-inset-left)}html.touch #select .plate.p2{right:env(safe-area-inset-right);padding:5px 12px 6px 16px}html.touch .plate-tag{letter-spacing:2px;font-size:12px}html.touch .plate-name{font-size:28px}html.touch .plate-super{font-size:11px}html.touch .plate-party,html.touch .plate-desc{display:none}html.touch .sel-center{width:46vw;bottom:calc(6px + env(safe-area-inset-bottom));gap:5px}html.touch .pick-prompt{letter-spacing:3px;font-size:14px}html.touch .grid{gap:6px;padding-top:9px}html.touch .grid:has(>.tile:nth-child(6)) .tile{width:45px;height:52px}html.touch #select .tile{border-width:2px;width:52px;height:58px}html.touch .tile-name{letter-spacing:1px;padding-top:6px;font-size:11px}html.touch .tile-q{font-size:36px;top:3px}html.touch .tile .cur{padding:0 4px;font-size:11px;top:-11px}html.touch #select .options{gap:4px 12px}html.touch #select .difficulty{letter-spacing:1px;gap:4px;font-size:12px}html.touch #select .options .difficulty button{border-width:1px;padding:1px 7px;font-size:12px;position:relative}html.touch #select .options .difficulty button:after{content:"";position:absolute;top:-6px;bottom:-6px;left:-2px;right:-2px}html.touch #select .sel-actions .online-btn{padding:4px 9px 2px;font-size:13px}html.touch #select .sel-actions button.big{padding:0 24px;font-size:22px}html.touch body.online .online-bar{font-size:12px}.net-away-msg{align-items:center;gap:12px;display:flex}#net-away-leave{letter-spacing:2px;color:#fff;cursor:pointer;background:#0009;border:2px solid #ffe3a0;border-radius:8px;padding:4px 22px 1px;font-family:Bebas Neue,Impact,sans-serif;font-size:22px}html.touch #net-away{font-size:22px}html.touch #net-away-leave{font-size:18px}
