@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900;1000&display=swap";*{box-sizing:border-box}body{color:#f4f5ff;background:#0b1430;margin:0;font-family:Nunito,ui-rounded,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;transition:transform .2s,background .2s}button:active{transform:scale(.94)}button:disabled{cursor:default;opacity:.45}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline-offset:4px;outline:3px solid #ffd55a}main{background:radial-gradient(at 50% 5%,#263365 0,#0000 55%),radial-gradient(at 90% 70%,#22204d,#0000 60%);min-height:100dvh;padding:20px 24px 0;overflow:hidden}header{justify-content:space-between;align-items:center;gap:10px;max-width:1000px;margin:auto;display:flex}.brand{color:#fff;font-size:30px;font-weight:1000;line-height:.9;text-decoration:none;transform:rotate(-3deg)}.brand span{color:#ffd55a}.brand small{letter-spacing:2.3px;margin-top:8px;font-size:9px;display:block}nav{gap:7px;display:flex}.small{background:#ffffff12;border:1px solid #ffffff20;border-radius:12px;padding:9px 12px;font-size:13px}.welcome{text-align:center;max-width:820px;margin:50px auto 0}.eyebrow{color:#acb5e4;letter-spacing:2.5px;font-size:11px;font-weight:900}h1{margin:18px 0;font-size:clamp(32px,6vw,56px);font-weight:1000;line-height:1.05}h1 em{color:#ffd55a;font-style:normal}.welcome>p{color:#c0c7e7;max-width:470px;margin:20px auto;line-height:1.6}.heroart{justify-content:center;align-items:center;gap:10px;height:225px;margin:26px 0;display:flex;position:relative}.heroart img{object-fit:cover;border:5px solid #b48bff;border-radius:19px;width:145px;height:215px;transform:rotate(-10deg);box-shadow:0 15px 35px #0008}.heroart img:nth-of-type(2){border-color:#ffd55a;transform:rotate(10deg)}.versus{color:#ffd55a;z-index:1;text-shadow:0 5px #0005;font-size:55px;font-weight:1000}.spark{color:#ffd55a;font-size:50px;position:absolute;top:0;right:20%}.entry{background:#172341e6;border:1px solid #ffffff20;border-radius:24px;max-width:420px;margin:20px auto;padding:24px;box-shadow:0 20px 60px #0003}.tabs{background:#090f26;border-radius:12px;margin-bottom:20px;padding:5px;display:flex}.tabs button{color:#9da9d1;background:0 0;border-radius:9px;flex:1;padding:12px 7px;font-size:14px}.tabs button.active{color:#fff;background:#7162de}label{text-align:left;color:#c8ceea;margin:15px 0;font-size:13px;font-weight:800;display:block}input{color:#fff;background:#0b1430;border:1px solid #ffffff26;border-radius:12px;width:100%;margin-top:7px;padding:14px 16px;font-size:18px;display:block}.codeinput{text-transform:uppercase;letter-spacing:6px}.primary{background:#8b77f1;border:1px solid #b5a5ff;border-radius:14px;min-height:52px;padding:15px 22px;font-size:17px;font-weight:900;box-shadow:0 5px #493774}.entry .primary{width:100%}.gold{color:#21193a;background:#ffd55a;border-color:#ffe899;box-shadow:0 5px #9d7320}.hint{color:#99a6cf;margin:18px 0 0;font-size:11px;line-height:1.6}.textbutton{color:#b4bedf;background:0 0;margin:15px 10px;font-size:13px;text-decoration:underline;display:inline-block}.panel{text-align:center;background:#172341;border:1px solid #ffffff20;border-radius:24px;max-width:660px;margin:35px auto;padding:35px;position:relative}.panel p{color:#bfc8e6;line-height:1.6}.roomline{color:#a1aed4;letter-spacing:1px;justify-content:space-between;max-width:850px;margin:24px auto 14px;font-size:11px;display:flex}.roomline b{color:#fff;letter-spacing:3px;margin-left:8px}.online{color:#9adfbc}.offline{color:#ffd55a}.roomcode{letter-spacing:8px;margin:28px;font-size:clamp(28px,7vw,48px);font-weight:1000}.players{justify-content:center;gap:14px;display:flex}.lobbyplayers{margin:34px 0}.lobbyplayers>div{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.avatar{background:#7762d331;border:1px solid #ffffff20;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:inline-flex}.ghost{color:#99a6cf}.players small{color:#a8b5d8;margin-top:3px;font-size:11px;display:block}.scoreboard{max-width:850px;margin:0 auto}.scoreboard>div{background:#ffffff06;border:1px solid #ffffff16;border-radius:17px;flex:1;align-items:center;gap:10px;padding:13px;display:flex}.scoreboard>div.current{background:#ffd55a0d;border-color:#ffd55a;box-shadow:0 0 18px #ffd55a15}.scoreboard b{font-size:14px}.scoreboard strong{color:#ffd55a}.arena{text-align:center;max-width:750px;margin:28px auto 20px;position:relative}.arena h2{min-height:36px;margin:10px 0 22px;font-size:clamp(23px,4vw,32px);line-height:1.1}.battlecard{background:#17213e;border:4px solid #bda0ff;border-radius:17px;width:165px;height:230px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.battlecard img,.herocard img{object-fit:cover;width:100%;height:100%}.power{color:#111a35;background:#ffd55a;border:2px solid #fff;border-radius:10px;min-width:34px;padding:2px 6px;font-size:23px;font-weight:1000;position:absolute;top:5px;left:5px;box-shadow:0 3px 10px #0005}.cardname{color:#fff;background:linear-gradient(#0000,#071022);padding:18px 5px 8px;font-size:11px;font-weight:1000;line-height:1.15;position:absolute;bottom:0;left:0;right:0}.emptycard{color:#c6cbea;flex-direction:column;justify-content:center;height:100%;font-size:17px;font-weight:900;display:flex}.emptycard span{margin-bottom:10px;font-size:50px}.battlehint{color:#c3cbea;font-size:16px;line-height:1.6}.battlehint b,.greater{color:#ffd55a;font-size:25px;font-weight:1000}.battlehint small{color:#95a4ca;font-size:11px;display:block}.hand{max-width:850px;margin:24px auto}.handtitle{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.handtitle h3{margin:0;font-size:16px}.handtitle span{color:#a9b7db;font-size:12px}.handcards{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.herocard{aspect-ratio:2/3;background:#192442;border:3px solid #3e486b;border-radius:12px;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 10px #0004}.herocard .power{border-radius:7px;min-width:27px;padding:1px 4px;font-size:18px}.herocard .cardname{padding-bottom:6px;font-size:8px}.herocard.playable{border-color:#ffd55a;animation:2s infinite glow;box-shadow:0 0 12px #ffd55a4a}.herocard.dim,.herocard:disabled{opacity:.52}.surrender{background:#536185;border-color:#8794b1;margin:20px auto;display:block}.highfive{background:#ffffff10;border:1px solid #ffffff30;border-radius:50px;margin:25px auto;padding:13px 30px;font-size:17px;font-weight:900;display:block}.countnumber{color:#ffd55a;margin:14px 0 0;font-size:45px;font-weight:1000;display:block}.capture>b{color:#c5cbe6;font-size:14px;display:block}.countdots{flex-wrap:wrap;justify-content:center;gap:5px;max-width:500px;margin:12px auto 20px;display:flex}.countdots span{color:#364466;font-size:24px}.countdots .lit{color:#ffd55a;animation:.6s both pop}.trophy{margin:30px;font-size:90px}.cheertoast{color:#1e2144;z-index:30;text-align:center;background:#ffd55a;border-radius:20px;width:max-content;max-width:90%;padding:20px 24px;font-weight:1000;animation:.6s both pop;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0005}.error{color:#ffe8e4;text-align:center;background:#712e42;border:1px solid #c56982;border-radius:12px;max-width:600px;margin:20px auto;padding:15px;font-size:14px}.modal{z-index:50;background:#03091de8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal .panel{max-height:90dvh;margin:20px auto;overflow:auto}.modal h2{color:#ffd55a}.modal ol{text-align:left;padding-left:22px;font-size:14px;line-height:1.6}.modal li{margin-bottom:12px}.close{color:#a7b2d5;background:0 0;font-size:30px;position:absolute;top:12px;right:15px}footer{text-align:center;color:#68789e;margin-top:30px;padding:20px 0 25px;font-size:11px}.arrival{animation:1.2s cubic-bezier(.2,.7,.2,1) both arrive}.victory{border-color:#ffd55a;animation:2.6s infinite victory;box-shadow:0 0 50px #ffd55a44}.celebrating .arena:before,.celebrating .arena:after{content:"✦ ★ ✦";color:#ffd55a;pointer-events:none;font-size:35px;animation:2s infinite spark;position:absolute;top:85px}.celebrating .arena:before{left:10%;transform:rotate(-20deg)}.celebrating .arena:after{animation-delay:.3s;right:10%;transform:rotate(20deg)}@keyframes arrive{0%{opacity:0;transform:translateY(50px)scale(.6)rotate(-12deg)}65%{transform:translateY(-10px)scale(1.06)rotate(3deg)}to{opacity:1;transform:none}}@keyframes victory{0%,to{transform:rotate(-3deg)scale(1)}50%{transform:rotate(3deg)scale(1.06)}}@keyframes pop{0%{opacity:0;scale:.6}70%{scale:1.08}to{opacity:1;scale:1}}@keyframes glow{50%{transform:translateY(-3px);box-shadow:0 0 18px #ffd55a77}}@keyframes spark{50%{opacity:.4;translate:0 -15px}}@media (max-width:540px){main{padding:16px 14px 0}.welcome{margin-top:40px}.welcome>p{padding:0 10px;font-size:14px}.heroart{height:185px}.heroart img{width:120px;height:175px}.spark{font-size:35px;right:8%}.entry{padding:20px}.panel{padding:27px 19px}.scoreboard{gap:8px}.scoreboard>div{gap:7px;padding:10px 8px}.scoreboard .avatar{width:32px;height:32px;font-size:20px}.scoreboard b{font-size:12px}.scoreboard small{font-size:9px}.arena{margin-top:22px}.battlecard{width:145px;height:204px}.handcards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.herocard .power{min-width:25px;font-size:17px}.herocard .cardname{font-size:7px}.celebrating .arena:before,.celebrating .arena:after{font-size:23px;top:100px}.celebrating .arena:before{left:0}.celebrating .arena:after{right:0}.small{padding:8px 9px;font-size:11px}.roomline{margin-top:25px}}@media (orientation:landscape) and (max-height:600px){.arena{margin:15px auto}.battlecard{width:130px;height:180px}.welcome{margin-top:25px}.heroart{display:none}.entry{margin-top:25px}.handcards{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.scoreboard,.lobbyplayers{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.players b{overflow-wrap:anywhere;min-width:0}.lobbyplayers>div{padding:10px}.scoreboard>div>div{min-width:0}@media (min-width:760px){.scoreboard,.lobbyplayers{grid-template-columns:repeat(4,minmax(0,1fr))}}.characterart{background-repeat:no-repeat;background-size:500% 200%;position:absolute;inset:0}.cardinfo{background:linear-gradient(#0000,#081431 12%);padding:14px 7px 7px;position:absolute;bottom:0;left:0;right:0}.cardinfo .cardname{text-transform:uppercase;background:0 0;min-height:25px;padding:0;font-size:11px;line-height:1.2;display:block;position:static}.powerline{justify-content:center;align-items:center;gap:7px;margin-top:3px;display:flex}.cardinfo .power{box-shadow:none;border-radius:7px;min-width:30px;padding:0 5px;font-size:22px;line-height:1.2;position:static}.stars{color:#ffd55a;text-shadow:0 1px #694800;grid-template-columns:repeat(5,1fr);gap:1px;font-size:12px;line-height:1.1;display:grid}.sidebadge{color:#fff;white-space:nowrap;background:#145a74e8;border:1px solid #fff6;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:900;position:absolute;top:5px;left:50%;transform:translate(-50%)}.sidebadge.villain{background:#7a315be8}.herocard .cardinfo{padding:11px 3px 4px}.herocard .cardinfo .cardname{min-height:23px;font-size:9px;line-height:1.1}.herocard .cardinfo .power{border-width:1px;min-width:24px;padding:0 3px;font-size:18px}.herocard .stars{gap:0;font-size:9px}.herocard .powerline{gap:3px}.herocard .sidebadge{padding:1px 5px;font-size:8px}.herocard.selected{opacity:1;border-color:#81fff2;transform:translateY(-6px);box-shadow:0 0 25px #81fff280}.playchoice{text-align:center;z-index:10;background:#152548f5;border:2px solid #ffd55a;border-radius:18px;max-width:440px;margin:22px auto 8px;padding:14px;position:sticky;bottom:12px;box-shadow:0 8px 30px #0008}.playchoice>b{margin-bottom:10px;font-size:14px;display:block}.playchoice button{width:100%;font-size:16px}.comparison{color:#ffd55a;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:15px auto;display:flex}.comparison>b{font-size:30px}.comparison>span{font-size:28px;font-weight:1000}.comparison small{color:#c5cbea;flex-basis:100%;font-size:14px}.battlecard{width:180px;height:260px}.handcards{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.herocard{aspect-ratio:2/3.15}@media (max-width:540px){.handcards{grid-template-columns:repeat(3,minmax(0,1fr))}.battlecard{width:170px;height:250px}.herocard .cardinfo .cardname,.herocard .stars{font-size:10px}.herocard .cardinfo .power{font-size:21px}.herocard .sidebadge{font-size:9px}}.characterart{background-position:50%;background-size:100% 100%}.sidebadge{color:#b1efff;letter-spacing:1px;text-transform:uppercase;background:#153047;border:0;border-radius:0;justify-content:center;align-items:center;height:17%;display:flex;top:0;left:0;right:0;transform:none}.sidebadge.villain{color:#efc7ff;background:#321947}.cardinfo{background:#081431;height:33%;padding-top:8px}.energyMark{text-align:center;color:#fff4a5;text-shadow:0 0 25px #fff9;font-size:64px;animation:2s infinite glow;position:absolute;top:24%;left:0;right:0}.herocard .energyMark{font-size:40px}.herocard .cardinfo{height:34%;padding-top:6px}.herocard .sidebadge{font-size:10px}.battlecard .cardinfo .cardname{min-height:27px;font-size:12px}.battlecard .stars{font-size:15px}.battlecard .power{font-size:28px}.heroart img{clip-path:inset(17% 0 20% round 10px)}.bigNumber{text-shadow:0 3px #fff4,0 6px 12px #0007;justify-content:center;align-items:center;height:50%;font-size:100px;font-weight:1000;line-height:1;display:flex;position:absolute;top:17%;left:0;right:0}.herocard .bigNumber{font-size:65px}.numberstars{grid-template-columns:repeat(5,1fr);max-width:135px;margin:3px auto 0;gap:3px!important;font-size:21px!important}.herocard .numberstars{max-width:100px;gap:1px!important;font-size:16px!important}.strength{color:#bdc9eb;margin-top:4px;font-size:11px;display:block}.herocard .strength{font-size:9px}.comparison>b{overflow-wrap:anywhere;max-width:40%;font-size:18px}.comparison small{line-height:1.4}.battlehint>b{font-size:19px}@media (max-width:380px){.herocard .numberstars{font-size:14px!important}.herocard .bigNumber{font-size:58px}}.numberback{background:radial-gradient(at 50% 35%,#2562a766,#0000 62%),repeating-conic-gradient(from -12deg at 50% 40%,#ffffff0d 0deg 8deg,#0000 8deg 24deg)!important}.bigNumber{-webkit-text-stroke:1.5px #f7faff;filter:drop-shadow(0 5px #06142e)drop-shadow(0 0 15px);font-size:112px;font-weight:1000;transform:rotate(-5deg)}.herocard .bigNumber{-webkit-text-stroke:1px #fff;font-size:72px}.herocard,.battlecard{border-color:#e6bb63;box-shadow:inset 0 0 0 2px #101c3d,0 8px 22px #0007}.numberback:after{content:"";border:1px solid #ffffff50;border-radius:50%;position:absolute;inset:19% 6% 36%;box-shadow:0 0 25px #ffffff10,inset 0 0 25px #ffffff10}.numberstars span{filter:drop-shadow(0 1px 1px #fff5)}.cardinfo{background:linear-gradient(#162745,#07112b);border-top:1px solid #e6bb6360}.numberstars{font-size:23px!important}.herocard .numberstars{font-size:18px!important}.characterart[style*=new-characters]~.sidebadge{height:12%}.characterart[style*=new-characters]~.cardinfo{height:28%}.characterart[style*=new-characters]{filter:saturate(1.1)}@media (max-width:380px){.herocard .bigNumber{font-size:61px}.herocard .numberstars{font-size:15px!important}}.herocard:has(.numberback) .cardinfo{height:40%;padding-top:5px}.herocard:has(.numberback) .cardname{min-height:14px;font-size:10px;line-height:1.2}.herocard:has(.numberback) .bigNumber{height:46%;top:14%}.battlecard:has(.numberback) .cardname{min-height:19px}.herocard .stars{line-height:1.05}.herocard .completecard,.battlecard .completecard{object-fit:fill;width:100%;height:100%;display:block}.modal select{color:#fff;width:100%;font:inherit;background:#0b1430;border:1px solid #ffffff40;border-radius:12px;margin-top:8px;padding:12px;display:block}.herocard.playable .completecard{animation:2.8s ease-in-out infinite cardBreathe}@keyframes cardBreathe{50%{filter:brightness(1.12)}}.same-device{color:#1a2140;background:#ffd55a;border:1px solid #ffedab;border-radius:16px;max-width:420px;margin:20px auto;padding:17px 20px;font-size:20px;font-weight:1000;text-decoration:none;display:block;box-shadow:0 4px #957223}.same-device span{margin-top:6px;font-size:12px;font-weight:700;display:block}.same-device:active{transform:translateY(3px)}.play-modes{background:#0b1430;border:1px solid #ffffff30;border-radius:15px;gap:5px;max-width:420px;margin:0 auto 24px;padding:5px;display:flex}.play-modes>*{border-radius:11px;flex:1;padding:12px 7px;font-size:14px;font-weight:900;text-decoration:none}.play-modes span{color:#fff;background:#7864da}.play-modes a{color:#ffd55a}.play-modes a:hover{background:#ffffff10}header{flex-wrap:wrap}header nav{flex-wrap:wrap;justify-content:flex-end}.mode-link{color:#ffd55a;white-space:nowrap;align-items:center;font-weight:900;text-decoration:none;display:inline-flex}.mode-link:hover{background:#ffffff20}@media (max-width:390px){header nav{gap:5px}.mode-link{font-size:11px}header{gap:12px}}.cardface,.powered{isolation:isolate;border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.powered{--burst:#ff982d;--hue:0deg;box-shadow:0 0 22px var(--burst),inset 0 0 16px var(--burst);animation:2s ease-in-out infinite powerPulse}.burst-orange{--burst:#ff982d;--hue:0deg}.burst-green{--burst:#42eb91;--hue:85deg}.burst-purple{--burst:#bd79ff;--hue:230deg}.powered>img{filter:sepia(.65) saturate(2) hue-rotate(var(--hue));object-fit:fill;width:100%;height:100%}.powered:after{content:"";background:linear-gradient(135deg,transparent 10%,var(--burst) 46%,#fff8 49%,var(--burst) 52%,transparent 85%);mix-blend-mode:soft-light;pointer-events:none;animation:2.5s ease-in-out infinite powerShine;position:absolute;inset:0}.burst-label{color:#fff9c1;text-align:center;text-shadow:0 1px 3px #000;z-index:2;background:linear-gradient(#132959,#051636);border:2px solid #f1cf6a;border-radius:6px;padding:4px 2px;font-size:clamp(10px,2vw,16px);font-weight:900;position:absolute;bottom:7%;left:5%;right:5%}.game-mode{gap:8px;max-width:320px;margin:16px auto;font-weight:800;display:grid}.game-mode select{font:inherit;color:#fff;background:#112650;border:2px solid #e8c768;border-radius:10px;padding:12px}.mixer-area{text-align:center;color:#fff;background:radial-gradient(at 50% 45%,#214a81,#081733);border:2px solid #d5ad58;border-radius:20px;margin:12px 0 20px;padding:16px 10px}.mixer-area h3{color:#ffe38e;margin:0 0 12px}.mixer-area p{max-width:430px;min-height:21px;margin:12px auto;font-size:14px;line-height:1.5}.mixer-area>.small,.mixer-area>.btn{margin:6px}.power-slot{color:#c6ddff;cursor:pointer;background:linear-gradient(145deg,#18335d,#061127);border:3px solid #b6c8e1;border-radius:14px;width:134px;height:188px;margin:auto;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #031124,0 3px 12px #0008}.power-slot>span{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:10px;font-size:18px;font-weight:900;display:flex}.power-slot small{margin-top:12px;font-size:13px;font-weight:600;line-height:1.5;display:block}.power-slot.mix-active{border-color:#ffe395}.power-slot[class*=burst-]{border-color:var(--burst);box-shadow:0 0 30px var(--burst)}.mixed-light{background:radial-gradient(circle,#fff7,var(--burst) 40%,#061b3b 90%);animation:2s ease-in-out infinite powerPulse;color:#fff!important}.mix-reject{animation:.9s ease-in-out both mixReturn}.slotted{opacity:.25!important;transform:scale(.94)!important}.primary-color{outline-offset:2px;outline:2px solid #fff6a9}.capture-tray{isolation:isolate;width:300px;max-width:100%;height:190px;margin:12px auto;position:relative}.capture-piece,.burst-echo{border-radius:10px;width:108px;height:152px;position:absolute;top:12px;left:calc(50% - 54px);box-shadow:0 7px 18px #0009}.capture-piece{z-index:2;transition:opacity .35s,translate .45s}.capture-piece img{object-fit:fill;width:100%;height:100%}.disperse .piece-1{z-index:1;animation:.85s ease-out both releaseLeft}.disperse .piece-2{z-index:1;animation:.85s ease-out both releaseRight}.disperse .piece-0{animation:.85s ease-out both releaseCenter}.burst-echo{z-index:4;pointer-events:none;animation:.7s ease-in-out both powerFade}.capture-piece.claimed{opacity:0;translate:0 -45px}.capture-piece .powered{animation:none}@keyframes powerPulse{50%{box-shadow:0 0 38px var(--burst);filter:brightness(1.15)}}@keyframes powerShine{50%{opacity:.3;transform:translate(8%)}}@keyframes mixReturn{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}to{opacity:.35;transform:translateY(10px)}}@keyframes releaseLeft{0%{transform:translate(0)rotate(0)}to{transform:translate(-88px)rotate(-12deg)}}@keyframes releaseRight{0%{transform:translate(0)rotate(0)}to{transform:translate(88px)rotate(12deg)}}@keyframes releaseCenter{0%{filter:brightness(1.6)}to{filter:brightness()}}@keyframes powerFade{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.powered,.powered:after,.mixed-light,.mix-reject,.capture-piece,.burst-echo{transition:none!important;animation:none!important}.burst-echo{display:none}.disperse .piece-1{transform:translate(-88px)}.disperse .piece-2{transform:translate(88px)}}.player-coin{object-fit:contain;vertical-align:middle;flex-shrink:0;width:68px;height:68px}.coin-empty{border:2px dashed #b9cbea;border-radius:50%;place-items:center;width:68px;height:68px;font-size:28px;display:grid}.coin-choices{flex-wrap:wrap;justify-content:center;gap:14px;margin:20px 0;display:flex}.coin-choice{color:#fff;background:#102448;border:2px solid #ffd778;border-radius:20px;min-width:108px;min-height:120px;padding:12px}.coin-choice .player-coin{width:96px;height:96px}.coin-choice span{display:block}.coin-choice:disabled{opacity:.5}.coin-choice:focus-visible{outline-offset:4px;outline:4px solid #fff}.lobbyplayers>div{flex-direction:column;align-items:center;gap:8px;display:flex}.scoreboard>div{align-items:center;gap:8px}select{font:inherit;border-radius:10px;min-height:44px;padding:12px}.surrender-prompt{z-index:1000;background:#07112799;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.surrender-action{color:#fff;width:min(100%,340px);font:inherit;cursor:pointer;text-align:center;background:linear-gradient(135deg,#244f8f,#322359);border:3px solid #ffe164;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:24px;font-size:24px;font-weight:900;display:flex;box-shadow:0 12px 40px #0008}.surrender-action .flag-icon{font-size:88px;line-height:1.1}.surrender-action small{color:#fff2ba;font-size:18px}.surrender-action:focus-visible{outline-offset:5px;outline:4px solid #fff}.surrender-action:disabled{opacity:.65;cursor:wait}