@import "https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Nunito:wght@700;900&display=swap";:root{color:#241c42;font-synthesis:none;background:#6d39cb;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;touch-action:manipulation;margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.page{min-height:100dvh;position:relative;overflow:hidden}.round-btn,.leave{color:#55309a;background:#fff;border:0;border-radius:50%;width:56px;height:56px;font-size:2.4rem;line-height:1;box-shadow:0 5px #d7c9ef}.creator{background:linear-gradient(150deg,#7d45dc,#4b2d9d)}header{z-index:10;position:relative}.creator>header,.rooms-page>header{color:#fff;justify-content:space-between;align-items:center;height:86px;padding:14px 24px;display:flex}.creator h1,.rooms-page h1{letter-spacing:1px;text-shadow:0 4px #3d1f7b;margin:0;font-family:Bowlby One SC;font-size:clamp(1.6rem,4vw,2.6rem)}.done{color:#183f14;background:#73e247;border:0;border-radius:20px;padding:15px 24px;font-family:Bowlby One SC;font-size:1.1rem;box-shadow:0 6px #3aa729}.creator-stage{background:radial-gradient(#b28df6 0,#7547c8 40%,#0000 70%);justify-content:center;align-items:center;height:calc(100dvh - 360px);min-height:285px;display:flex;position:relative}.spotlight{opacity:.45;background:#2e1667;border-radius:50%;width:360px;height:55px;position:absolute;bottom:14px}.name-input{z-index:10;text-align:center;color:#3b2472;background:#fff;border:4px solid #38206c;border-radius:20px;width:210px;padding:8px;font-size:1.25rem;font-weight:900;position:absolute;bottom:8px}.parts-panel{background:#fff3d7;border-radius:34px 34px 0 0;width:100%;padding:8px 18px 14px;position:absolute;bottom:0;box-shadow:0 -8px #3f237b}.category-tabs{justify-content:center;gap:6px;margin-top:-40px;display:flex}.category-tabs button{color:#5e418d;text-transform:uppercase;background:#d8c9f5;border:4px solid #fff3d7;border-radius:18px 18px 0 0;padding:8px 14px;font-size:.68rem;font-weight:900}.category-tabs button span{font-size:1.35rem;display:block}.category-tabs .active{color:#41225f;background:#ffcc3a;transform:translateY(-5px)}.part-options{justify-content:center;align-items:center;gap:10px;height:105px;display:flex;overflow-x:auto}.part-options button{color:#4f337d;text-transform:capitalize;background:#fff;border:3px solid #dfcee8;border-radius:18px;min-width:86px;height:84px}.part-options button.chosen{background:#fff0ba;border-color:#ff8a00;transform:translateY(-4px);box-shadow:0 5px #ffb000}.mini-part{color:var(--skin);text-shadow:0 2px #44246f;font-size:2rem}.mini-part.head.alien{transform:scaleX(1.5)}.mini-part.body.noodle{transform:scaleX(.5)}.mini-part.feet.flippers{transform:scaleX(1.7)}.colors{justify-content:center;gap:10px;display:flex}.colors button{border:4px solid #fff;border-radius:50%;width:36px;height:36px;box-shadow:0 2px #aaa}.colors button.chosen{outline:4px solid #2e185f;transform:scale(1.15)}.fighter{--skin:#ff5d7a;filter:drop-shadow(0 8px #2d165d40);width:220px;height:310px;transition:transform .12s;position:relative}.fighter .head{z-index:4;background:var(--skin);border:6px solid #2e185f;border-radius:48% 48% 42% 42%;width:110px;height:94px;position:absolute;top:0;left:55px}.head.alien{border-radius:60% 60% 38% 38%;width:142px;height:85px;left:39px}.head.toad{border-radius:45%;width:130px;left:45px}.head.vampire:before{content:"▲";color:#30204d;font-size:2rem;position:absolute;top:-20px;left:30px}.head.cyclops .e1{left:44px}.head.cyclops .e2{display:none}.head.robot{background:linear-gradient(#c9d2d9,#7d8a98);border-radius:18px}.eye{background:#fff;border:4px solid #2e185f;border-radius:50%;width:21px;height:27px;position:absolute;top:23px}.eye:after{content:"";background:#24123e;border-radius:50%;width:7px;height:9px;position:absolute;top:7px;left:5px}.e1{left:20px}.e2{right:20px}.mouth{border-bottom:5px solid #2e185f;border-radius:50%;width:30px;height:13px;position:absolute;bottom:14px;left:38px}.fighter .torso{z-index:3;background:var(--skin);border:6px solid #2e185f;border-radius:35% 35% 22% 22%;width:126px;height:125px;position:absolute;top:83px;left:47px}.torso.wide,.torso.mega{width:172px;left:24px}.torso.noodle{width:76px;height:142px;left:72px}.torso.triangle{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.torso.tiny{width:82px;height:90px;left:69px}.torso.spots{background:radial-gradient(circle at 25% 30%,#fff 0 7%,transparent 8%),radial-gradient(circle at 70% 65%,#fff 0 8%,transparent 9%),var(--skin)}.torso.stripes{background:repeating-linear-gradient(0deg,var(--skin) 0 15px,#fff 15px 28px)}.torso.armor{background:linear-gradient(135deg,#e7eef3,#8796a4)}.torso.tutu:after{content:"";clip-path:polygon(0 0,100% 0,90% 100%,70% 35%,50% 100%,30% 35%,10% 100%);background:#ff9fdb;width:calc(100% + 40px);height:35px;position:absolute;bottom:-18px;left:-20px}.torso.stars:before{content:"★";color:#fff03a;font-size:2.2rem;position:absolute;top:25%;left:36%}.torso.cape:before{content:"";z-index:-1;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:#8b1a49;position:absolute;inset:5px -24px -18px}.arm{background:var(--skin);transform-origin:top;border:6px solid #2e185f;border-radius:25px;width:38px;height:105px;position:absolute;top:8px}.arm.a1{left:-34px;transform:rotate(15deg)}.arm.a2{right:-34px;transform:rotate(-15deg)}.legs{z-index:2;justify-content:space-between;width:92px;height:76px;display:flex;position:absolute;top:196px;left:64px}.legs i{background:var(--skin);border:6px solid #2e185f;border-radius:16px;width:31px;height:78px}.legs.short{height:54px;top:205px}.legs.stumpy i{width:39px;height:61px}.legs.springy i{background:repeating-linear-gradient(0deg,var(--skin) 0 9px,#2e185f 9px 13px)}.legs.chunky{width:116px;left:52px}.legs.chunky i{width:48px}.legs.stick i{width:20px}.legs.bendy i:first-child{transform:rotate(15deg)}.legs.bendy i:last-child{transform:rotate(-15deg)}.feet{z-index:5;justify-content:space-between;width:136px;display:flex;position:absolute;top:260px;left:42px}.feet i{background:#ffe14d;border:6px solid #2e185f;border-radius:50% 50% 35% 35%;width:61px;height:37px}.feet.flippers{width:170px;left:25px}.feet.flippers i{width:78px}.feet.sneakers i{background:#fff}.feet.claws i{clip-path:polygon(0 0,100% 0,100% 100%,70% 65%,45% 100%,25% 65%,0 100%)}.feet.tiny{width:86px;left:67px}.feet.tiny i{width:37px}.feet.moon i{background:#c6f1ff;border-radius:50% 10% 50% 50%}.fighter.small{transform-origin:50%;transform:scale(.53)}.fighter.right{transform:scaleX(-1)}.fighter.attack{animation:.18s ease-out attack}.fighter.hit{animation:.42s ease-out hit}.fighter.clash{animation:.4s clash}.fighter.windup{transform:rotate(-4deg)translate(-8px)}.fighter.right.windup{transform:scaleX(-1)rotate(-4deg)translate(-8px)}.fighter.ko{transform:rotate(-82deg)translate(-80px,40px)}.fighter.right.ko{transform:scaleX(-1)rotate(-82deg)translate(-80px,40px)}@keyframes attack{50%{transform:translate(70px)rotate(8deg)}}.fighter.right.attack{animation-name:attackR}@keyframes attackR{50%{transform:scaleX(-1)translate(70px)rotate(8deg)}}@keyframes hit{30%{transform:translate(-50px)rotate(-12deg)}70%{transform:translate(14px)rotate(7deg)}}.fighter.right.hit{animation-name:hitR}@keyframes hitR{30%{transform:scaleX(-1)translate(-50px)rotate(-12deg)}70%{transform:scaleX(-1)translate(14px)rotate(7deg)}}@keyframes clash{50%{filter:brightness(2);transform:scale(1.07)}}.roster{background:linear-gradient(#5525ac,#7c49d4);padding:18px 4vw 110px}.burst-bg{background:repeating-conic-gradient(from 0deg at 50% 15%,#ffffff0b 0 8deg,transparent 8deg 18deg);position:absolute;inset:0}.hero{text-align:center;color:#fff}.logo{font-family:Bowlby One SC;line-height:.8;transform:rotate(-2deg)}.logo b{color:#ffe348;text-shadow:0 7px #f04a3f,0 12px #29145c;font-size:clamp(2.5rem,7vw,5rem);display:block}.logo span{color:#fff;text-shadow:0 5px #29145c;font-size:clamp(1.7rem,4.5vw,3.1rem)}.hero p{margin:14px;font-size:1.25rem}.fighter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;max-width:950px;margin:auto;display:grid;position:relative}.fighter-card,.new-card{text-align:center;background:#f5e8ff;border:5px solid #351970;border-radius:25px;height:220px;position:relative;overflow:hidden;box-shadow:0 8px #351970}.fighter-card.selected{background:#fff7c9;border-color:#ffe139;transform:translateY(-6px)}.card-stage{justify-content:center;height:160px;display:flex;overflow:hidden}.fighter-card strong{text-transform:uppercase;font-size:1.25rem}.card-actions{gap:5px;display:flex;position:absolute;top:8px;right:8px}.card-actions button{color:#fff;background:#55309a;border:0;border-radius:50%;width:32px;height:32px}.pick-badge{color:#fff;background:#65db45;border-radius:50%;width:32px;height:32px;font-size:1.3rem;position:absolute;top:8px;left:8px}.new-card{color:#7048ae;border-style:dashed;place-content:center;display:grid}.new-card b{font-size:4rem}.new-card span{font-weight:900}.mega-button{z-index:20;color:#3a1964;background:#ffcc28;border:5px solid #401679;border-radius:25px;width:min(500px,86vw);padding:18px;font-family:Bowlby One SC;font-size:1.5rem;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px #e7582b}.mega-button:active{transform:translate(-50%,6px);box-shadow:0 2px #e7582b}.rooms-page{background:linear-gradient(145deg,#22bfe0,#5576e7);padding-bottom:35px}.rooms-page>header>div:nth-child(2){text-align:center}.rooms-page h1{font-size:2.1rem}.rooms-page p{margin:0}.tiny-fighter{justify-content:center;width:60px;height:65px;display:flex;overflow:hidden}.tiny-fighter .fighter{transform-origin:top;transform:scale(.2)}.player-name{color:#fff;justify-content:center;align-items:center;gap:12px;font-weight:900;display:flex}.player-name input{color:#34216d;border:4px solid #253b91;border-radius:16px;width:180px;padding:9px 14px}.room-grid{grid-template-columns:repeat(5,1fr);gap:18px;max-width:950px;margin:25px auto;padding:0 25px;display:grid}.room-tile{color:#302070;background:#fff3cb;border:5px solid #253b91;border-radius:25px;height:170px;position:relative;box-shadow:0 8px #253b91}.room-tile:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #253b91}.room-number{font-family:Bowlby One SC;font-size:3.3rem;line-height:1;display:block}.dots{justify-content:center;gap:8px;margin:8px;display:flex}.dots i{background:#d2c8e9;border:3px solid #362077;border-radius:50%;width:22px;height:22px}.fill-1 .dots i:first-child{background:#64dc4c}.fill-2{filter:grayscale(.7);opacity:.75}.fill-2 .dots i{background:#ff647c}.room-tile b{font-size:.85rem}.error-pop{color:#5d2350;background:#ffdf50;border:4px solid #5d2350;border-radius:14px;width:max-content;margin:10px auto;padding:8px 15px}.arena{background:#83dcf0;padding-bottom:160px}.battle-top{background:#49258e;border-bottom:7px solid #2c175f;grid-template-columns:1fr 110px 1fr;align-items:center;gap:16px;height:105px;padding:10px 70px;display:grid}.leave{width:48px;height:48px;position:absolute;top:19px;left:10px}.health-box{color:#fff;position:relative}.health-box.b{text-align:right}.health-box strong{text-transform:uppercase;font-size:1.05rem;display:block}.health-track{background:#241242;border:4px solid #fff;border-radius:20px;height:29px;overflow:hidden;box-shadow:0 3px #201041}.health-track i{background:linear-gradient(#8df151,#41c948);height:100%;transition:width .25s;display:block}.health-box small{font-weight:900;position:absolute;bottom:3px;right:8px}.health-box.b small{left:8px;right:auto}.room-chip{text-align:center;color:#3a1964;background:#ffca28;border:4px solid #2c175f;border-radius:17px;padding:5px;font-family:Bowlby One SC;transform:rotate(-2deg)}.room-chip small{font-size:.65rem;display:block}.battlefield{background:linear-gradient(#6bd2ef 0 60%,#65d771 60%);height:calc(100dvh - 245px);min-height:350px;position:relative;overflow:hidden}.battlefield:after{content:"";background:repeating-linear-gradient(90deg,#c49254 0 28px,#ae7c42 28px 55px);border-top:8px solid #80572d;width:100%;height:18%;position:absolute;bottom:0}.cloud{opacity:.8;background:#fff;border-radius:50%;width:180px;height:55px;position:absolute;top:16%;left:10%}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;width:80px;height:80px;position:absolute;top:-33px;left:25px}.cloud:after{width:95px;height:95px;left:75px}.cloud.c2{top:25%;left:auto;right:8%;transform:scale(.65)}.crowd{opacity:.8;background:radial-gradient(circle at 5% 100%,#673cab 0 45px,#0000 46px),radial-gradient(circle at 17% 100%,#ef4770 0 38px,#0000 39px),radial-gradient(circle at 29% 100%,#ffbd2e 0 48px,#0000 49px),radial-gradient(circle at 43% 100%,#4b73dd 0 40px,#0000 41px),radial-gradient(circle at 56% 100%,#ef4770 0 50px,#0000 51px),radial-gradient(circle at 70% 100%,#673cab 0 42px,#0000 43px),radial-gradient(circle at 84% 100%,#ffbd2e 0 46px,#0000 47px),radial-gradient(circle at 97% 100%,#4b73dd 0 40px,#0000 41px);height:85px;position:absolute;bottom:18%;left:0;right:0}.fighter-wrap{z-index:3;position:absolute;bottom:13%;left:14%}.fighter-wrap.right{left:auto;right:14%}.ground{background:#30344033;border-radius:50%;height:28px;position:absolute;bottom:13%;left:10%;right:10%}.waiting{z-index:8;text-align:center;background:#fff8da;border:6px solid #4b268c;border-radius:25px;padding:20px 35px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px #4b268c}.waiting h2{margin:5px;font-family:Bowlby One SC}.waiting p{margin:0}.spinner{font-size:2.4rem;animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.countdown{z-index:15;color:#ffe235;-webkit-text-stroke:7px #402080;text-shadow:0 12px #ec4a46;font-family:Bowlby One SC;font-size:9rem;animation:.7s pop;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.1)rotate(-15deg)}60%{transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)scale(1)}}.lobby-panel,.move-picker{z-index:12;background:#fff6d5;border:6px solid #42237d;border-radius:28px;justify-content:center;align-items:center;gap:14px;width:min(920px,94vw);min-height:140px;padding:12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 7px #42237d}.mode-picks{gap:8px;display:flex}.mode-picks button{color:#51387b;background:#fff;border:4px solid #cab9d7;border-radius:18px;width:130px;height:95px}.mode-picks span{font-size:2.3rem;display:block}.mode-picks button.chosen{background:#ffe97b;border-color:#ff9f1c}.hp-picks{text-align:center;grid-template-columns:repeat(4,48px);gap:6px;display:grid}.hp-picks>b{grid-column:1/-1}.hp-picks button{background:#fff;border:3px solid #6a4d93;border-radius:11px;padding:7px 2px}.hp-picks button.chosen{background:#72de4c}.ready-button,.lock-button{color:#194b13;background:#71e04a;border:4px solid #285918;border-radius:20px;padding:20px;font-family:Bowlby One SC;font-size:1.25rem;box-shadow:0 6px #339522}.ready-button:disabled{background:#a7e896}.host-note{position:absolute;bottom:4px;right:20px}.slap-button{z-index:13;color:#fff;text-shadow:0 4px #a51f29;background:linear-gradient(#ff726b,#ee353e);border:7px solid #7c171e;border-radius:38px;grid-template-columns:100px 1fr;place-items:center;width:min(620px,85vw);height:125px;font-family:Bowlby One SC;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px #971f28}.slap-button:active{bottom:10px;box-shadow:0 4px #971f28}.slap-button span{grid-row:1/3;font-size:4.5rem}.slap-button b{align-self:end;font-size:2.8rem;line-height:1}.slap-button small{letter-spacing:3px;align-self:start}.move-picker{flex-wrap:wrap;min-height:154px}.slots{gap:7px;display:flex}.slots button{color:#927da8;background:#e8dcf0;border:4px dashed #927da8;border-radius:13px;width:48px;height:48px;font-size:1.5rem}.slots button.filled{background:#fff;border-style:solid;border-color:#ff9d22}.move-buttons{gap:7px;display:flex}.move-buttons button{border:4px solid color-mix(in srgb,var(--move),#333 30%);background:var(--move);color:#fff;text-shadow:0 2px #333;border-radius:17px;width:85px;height:88px}.move-buttons span{font-size:2.2rem;display:block}.locked{color:#664299;text-align:center;font-family:Bowlby One SC;font-size:1.5rem}.locked small{font:900 .9rem Nunito;display:block}.watching{z-index:10;background:#ffdf3a;border:5px solid #49258e;border-radius:18px;padding:14px 30px;font-family:Bowlby One SC;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.exchange{z-index:10;align-items:center;gap:12px;font-size:2.5rem;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.exchange b{font-family:Bowlby One SC;font-size:1rem}.result-overlay{z-index:30;background:#251046c7;place-items:center;display:grid;position:fixed;inset:0}.result-card{text-align:center;background:#fff4c9;border:8px solid #ffbe24;border-radius:35px;width:min(500px,85vw);padding:20px;animation:.45s cubic-bezier(.2,1.8,.4,1) resultIn;box-shadow:0 15px #5f2c9d}@keyframes resultIn{0%{transform:scale(.2)rotate(-10deg)}}.trophy{font-size:6rem}.result-card h1{color:#572691;font-family:Bowlby One SC;font-size:2.5rem}.result-card button{background:#71e04a;border:5px solid #285918;border-radius:20px;padding:18px 35px;font-family:Bowlby One SC;font-size:1.4rem;box-shadow:0 6px #339522}.result-card small{margin-top:14px;display:block}.loading{color:#fff;background:#6435ba;place-items:center;font-family:Bowlby One SC;font-size:2rem;display:grid}@media (width<=760px){.room-grid{grid-template-columns:repeat(2,1fr)}.room-tile{height:130px}.room-number{font-size:2.5rem}.fighter-grid{grid-template-columns:repeat(2,1fr)}.battle-top{grid-template-columns:1fr 72px 1fr;gap:5px;padding:9px 45px}.leave{width:38px;height:38px;top:30px}.fighter-wrap{transform-origin:bottom;left:3%;transform:scale(.82)}.fighter-wrap.right{left:auto;right:3%}.lobby-panel{gap:6px}.mode-picks button{width:105px}.hp-picks{display:none}.move-picker{bottom:6px}.slots{justify-content:center;width:100%}.move-buttons button{width:70px}.creator-stage{height:calc(100dvh - 330px)}.category-tabs button{padding:7px 6px}.part-options{justify-content:flex-start}.arena{padding-bottom:150px}}@media (orientation:portrait) and (width<=760px){.rooms-page:before{content:"↻ Turn sideways for more room!";text-align:center;background:#ffdf4a;padding:5px;font-weight:900;display:block}.battlefield{min-height:390px}.fighter-wrap,.fighter-wrap.right{transform:scale(.62)}.move-buttons b{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}