*{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)}.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)}}