@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-vietnamese-400-normal-B6gKbkHm.woff2)format("woff2"),url(/assets/bungee-vietnamese-400-normal-CmjDSWyd.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-ext-400-normal-DWzJMwsA.woff2)format("woff2"),url(/assets/bungee-latin-ext-400-normal-DXe9_7Rr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-ext-600-normal-B85nYjL1.woff2)format("woff2"),url(/assets/outfit-latin-ext-600-normal-CWJcPgd7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-ext-700-normal-CI4iH74K.woff2)format("woff2"),url(/assets/outfit-latin-ext-700-normal-fjS8-Gm7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-ext-800-normal-DRv2ic_2.woff2)format("woff2"),url(/assets/outfit-latin-ext-800-normal-DyhPHUt-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(/assets/outfit-latin-800-normal-BRHLSPcU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/outfit-latin-ext-900-normal-D2Agn9b_.woff2)format("woff2"),url(/assets/outfit-latin-ext-900-normal-P1LUQYP8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/outfit-latin-900-normal-D7VxKg29.woff2)format("woff2"),url(/assets/outfit-latin-900-normal-DBTzQ72N.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gold:#ffd267;--gold-hi:#fff3bf;--gold-deep:#e09a2d;--gold-dark:#7a4a10;--blue:#4a96ff;--blue-hi:#9ed2ff;--red:#ff4d5e;--red-hi:#ff9aa2;--green:#4fd38a;--purple:#b84dff;--ink:#100b22;--panel:#130e26db;--glass:linear-gradient(180deg, #1e1634e0, #0c081ae6);--line:#ffd26738;--line-soft:#ffffff1a;--text:#fff;--muted:#b9a9d6;--muted2:#8f84a8;--elixir1:#d84dff;--elixir2:#8b2bff;--display:"Bungee", "Outfit", system-ui, sans-serif;--body:"Outfit", system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-touch-callout:none;background:#08060f;width:100%;margin:0;font-weight:700;position:fixed;overflow:hidden}#sky{background:linear-gradient(#24184f,#160f38 36%,#0c0820 66%,#05030c) 50%/cover no-repeat;position:fixed;top:0;bottom:0;left:0;right:0}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#vignette{pointer-events:none;background:radial-gradient(75% 65% at 50% 46%,#0000 40%,#0301096b 100%),linear-gradient(#04020a8c,#0000 15% 78%,#04020ab3);position:fixed;top:0;bottom:0;left:0;right:0}#overlay{pointer-events:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#ui,#ui *{touch-action:manipulation}#ui .hand .card,#ui .hand .card *,#ui #showcase-view{touch-action:none}.f-title{font-family:var(--display)}.hidden{display:none!important}b{font-weight:900}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes btnShine{0%{left:-60%}45%,to{left:130%}}@keyframes panelIn{0%{opacity:0;transform:scale(.92)translateY(14px)}to{opacity:1;transform:none}}.btn{--c1:#ffffff12;--c2:#ffffff08;--bd:#ffffff24;--tx:#e8def7;font-family:var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--tx);border:1px solid var(--bd);cursor:pointer;white-space:nowrap;background:linear-gradient(180deg, var(--c1), var(--c2));text-shadow:0 1px 2px #0009;border-radius:11px;outline:none;padding:12px 18px;font-size:13px;font-weight:900;transition:transform .13s,box-shadow .13s,filter .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff1a}.btn:hover:not(:disabled){filter:brightness(1.12);border-color:#ffd26780;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{filter:grayscale(.6)brightness(.7);cursor:not-allowed}.btn.dark{--c1:#251c3ce6;--c2:#0d091aeb;--bd:#ffd2672e}.btn.tile{--c1:#281d48eb;--c2:#0f0a1ef0;--bd:#ffd26733}.btn.gold{font-family:var(--display);letter-spacing:.06em;color:#3d2202;text-shadow:0 1px #ffffff80;background:linear-gradient(#fff7d2 0%,#ffdd85 32%,#ffc247 58%,#e9a32b 100%);border:2px solid #fff2c4;font-weight:400;box-shadow:0 5px #8a500b,0 10px 22px #00000080,inset 0 2px #fffffff2,inset 0 -3px 6px #96500047}.btn.gold:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:36%;height:140%;animation:3.4s infinite btnShine;position:absolute;top:-20%;left:-60%;transform:skew(-22deg)}.btn.purple,.btn.red,.btn.green,.btn.blue{font-family:var(--display);letter-spacing:.05em;color:#fff;text-shadow:0 2px #00000059;font-weight:400}.btn.purple{background:linear-gradient(#d58bff,#9a35ef 50%,#6a15c7);border:1.5px solid #ffdf9a;box-shadow:0 4px #3b0773,0 8px 18px #00000073,inset 0 1px #ffffff80}.btn.red{background:linear-gradient(#ff9a92,#e8424f 50%,#a51c2c);border:1.5px solid #ffc9c2;box-shadow:0 4px #5e0d12,0 8px 18px #00000073,inset 0 1px #ffffff80}.btn.green{background:linear-gradient(#8ef0b5,#2fbd6a 50%,#17804a);border:1.5px solid #c9ffe0;box-shadow:0 4px #0b4a29,0 8px 18px #00000073,inset 0 1px #ffffff80}.btn.blue{background:linear-gradient(#9ed2ff,#4a96ff 50%,#1d4fb8);border:1.5px solid #d6ecff;box-shadow:0 4px #102f6e,0 8px 18px #00000073,inset 0 1px #ffffff80}.btn.small{border-radius:9px;padding:8px 13px;font-size:11px}.btn.purple.small,.btn.red.small,.btn.green.small,.btn.gold.small{font-size:12px;box-shadow:0 3px #00000073,0 6px 12px #00000059,inset 0 1px #ffffff80}.btn.big{border-radius:14px;padding:15px 34px;font-size:clamp(18px,2.2vw,26px)}.btn.icon,.icon-btn{letter-spacing:0;color:#e7dcc4;cursor:pointer;width:34px;min-width:0;height:34px;font-size:14px;font-family:var(--body);background:linear-gradient(#251c3cd6,#0d091ae6);border:1px solid #ffd2672e;border-radius:10px;place-items:center;padding:0;transition:all .16s;display:inline-grid;position:relative;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff14}.icon-btn:hover,.btn.icon:hover{color:#fff;border-color:#ffd26780;transform:translateY(-1px)}.icon-btn:active{transform:translateY(1px)}.icon-btn svg{width:17px;height:17px}.icon-btn.off{color:#8a819a}.icon-btn .cam-tag{color:#ffd98a;text-shadow:0 1px 2px #000;font-size:7px;font-weight:900;position:absolute;bottom:1px;right:3px}.icon-btn.pov{color:#e3b8ff;border-color:#c878ff66}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:linear-gradient(160deg,#281d48eb,#0f0a1ef2);border-radius:18px;position:relative;box-shadow:0 18px 50px #0009,inset 0 1px #ffffff14}.panel-gold{border-color:#ffd26773;box-shadow:0 18px 50px #000000a6,inset 0 1px #ffffff1a,0 0 0 4px #08051280}.corners:before,.corners:after,.modal:before,.modal:after,.box:before,.box:after{content:"";pointer-events:none;border:2px solid #ffd2678c;width:30px;height:30px;position:absolute}.corners:before,.modal:before,.box:before{border-bottom:0;border-right:0;border-radius:9px 0 0;top:10px;left:10px}.corners:after,.modal:after,.box:after{border-top:0;border-left:0;border-radius:0 0 9px;bottom:10px;right:10px}.chip{background:var(--glass);border:1px solid var(--line);font-family:var(--display);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:15px;display:inline-flex;box-shadow:0 6px 16px #0006,inset 0 1px #ffffff0f}.chip .btn.green{border-radius:7px;height:22px;margin-left:2px;font-size:14px;padding:0 7px 1px!important}.res-ico{width:24px;height:24px;font-family:var(--display);border-radius:7px;flex:none;place-items:center;font-size:11px;display:grid;box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff73,0 2px 6px #0006}.ico-coin{color:#6a3b08;background:linear-gradient(#fff3bf,#ffd267 40%,#e09a2d);border-radius:50%}.ico-gem{color:#fff;background:linear-gradient(#f3c6ff,#b84dff 55%,#6a15c7);border-radius:6px;transform:rotate(45deg)}.ico-gem span{transform:rotate(-45deg)}.ico-trophy{color:#6a3b08;background:linear-gradient(#fff3bf,#ffd267 50%,#e09a2d)}.screen{flex-direction:column;animation:.3s fadeIn;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#loading,.screen.dim{background:radial-gradient(at 50% 42%,#2b1c548c,#05030ce6 72%)}.topbar{padding:calc(10px + var(--safe-t)) 16px 8px;justify-content:space-between;align-items:center;gap:10px;display:flex}.topbar .left,.topbar .right{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.screen-title{font-family:var(--display);letter-spacing:.04em;color:#ffe19a;text-shadow:0 3px #6a3b08,0 8px 18px #0009;font-size:clamp(20px,3vw,30px)}.profile-card{cursor:pointer;font-family:var(--body);padding:5px 14px 5px 5px}.avatar{width:40px;height:40px;font-family:var(--display);color:#ffe6a2;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--pc,#5f8cff) 80%, #fff), color-mix(in srgb, var(--pc,#5f8cff) 70%, #000) 65%, #0b1236);border:2px solid color-mix(in srgb, var(--pc,#5f8cff) 50%, #fff);text-shadow:0 1px 2px #0009;border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid;box-shadow:0 0 0 2px #00000059,inset 0 2px 5px #ffffff47}.avatar svg{color:#ffe6a2;filter:drop-shadow(0 1px 2px #0009);width:60%;height:60%}.pname{letter-spacing:.06em;color:#fff;font-size:13px;font-weight:900}.plevel{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.mini-xp{background:#00000080;border:1px solid #ffffff0f;border-radius:2px;width:100%;height:4px;margin-top:4px;overflow:hidden}.mini-xp i{background:linear-gradient(90deg,#8d6b2d,#ffd267);height:100%;display:block}.logo{text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.logo-crown{width:clamp(42px,5.6vw,62px);color:var(--gold);filter:drop-shadow(0 4px #7a4409)drop-shadow(0 0 18px #ffc8508c);margin-bottom:-4px;animation:3.5s ease-in-out infinite crownFloat}.logo-crown svg{width:100%;height:auto;display:block}@keyframes crownFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}.logo-top{font-family:var(--display);letter-spacing:.48em;color:#e7d6b1;text-shadow:0 2px #3b2a10,0 4px 12px #000000b3;margin-left:.48em;font-size:clamp(18px,2.4vw,28px)}.logo-main{font-family:var(--display);letter-spacing:.02em;background:linear-gradient(#fffbe2 4%,#ffe293 30%,#ffbf45 55%,#d98a1d 76%,#ffedaf 100%);color:#0000;filter:drop-shadow(0 5px #6e3d0b)drop-shadow(0 11px #3019038c)drop-shadow(0 20px 26px #000000b3);-webkit-background-clip:text;background-clip:text;margin-top:-2px;font-size:clamp(58px,11vw,118px);line-height:.84;position:relative}.logo-badge{letter-spacing:.04em;color:#fff3c7;-webkit-text-fill-color:#fff3c7;filter:none;background:linear-gradient(#b84dff,#6a15c7);border:2px solid #ffdf9a;border-radius:9px;padding:1px 8px 2px;font-size:clamp(12px,1.7vw,19px);line-height:1.2;position:absolute;bottom:.02em;right:-.6em;transform:rotate(-8deg);box-shadow:0 4px #3b0773,0 8px 18px #0009}.tagline{letter-spacing:.38em;color:#b9a9d6;text-transform:uppercase;text-shadow:0 2px 4px #000;margin:12px 0 0;font-size:clamp(9px,1.2vw,12px);font-weight:900}.tagline span{color:var(--gold)}#loading{text-align:center;justify-content:center;align-items:center}#loading .panel-glow{pointer-events:none;background:radial-gradient(circle,#ffbe461c,#0000 62%);border-radius:50%;width:min(620px,90vw);height:min(620px,90vw);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.loadbar{background:linear-gradient(#1b1229,#0b0714);border:1px solid #000000bf;border-radius:8px;width:min(420px,78vw);height:14px;margin:34px auto 10px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000000d9,0 0 0 1px #ffffff0f}.loadbar i{background:linear-gradient(#fff3bf,#ffd267 40%,#e09a2d);border-radius:7px;width:0%;transition:width .15s;position:absolute;top:1px;bottom:1px;left:1px;box-shadow:0 0 12px #ffc85099,inset 0 2px 2px #ffffff80}.loadtxt{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);min-height:18px;font-size:11px;font-weight:800}.tip{color:#cabfe1;background:#16102aa8;border:1px solid #ffd26724;border-radius:10px;max-width:520px;margin-top:22px;padding:8px 16px;font-size:12px;font-weight:700}.tap{margin-top:30px}.cubes{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cubes i{width:var(--s);height:var(--s);opacity:.5;background:linear-gradient(135deg,#8d879d,#474252);border-radius:3px;animation:linear infinite cubeUp;position:absolute;bottom:-60px;box-shadow:inset -4px -4px #0000004d,inset 4px 4px #ffffff26}.cubes i:nth-child(3n){background:linear-gradient(135deg,#c89bff,#7b2bff);box-shadow:0 0 14px #a05aff99}@keyframes cubeUp{to{transform:translateY(-120vh)rotate(540deg)}}#menu .center{pointer-events:none;flex:1;grid-template-columns:minmax(270px,340px) 1fr minmax(290px,360px);align-items:end;gap:18px;padding:0 24px 46px;display:grid}#menu .center>*{pointer-events:auto}.menu-logo{top:calc(66px + var(--safe-t));pointer-events:none;z-index:1;position:absolute;left:30px}.menu-logo .logo{align-items:flex-start}.menu-logo .logo-top{margin-left:.2em}.menu-logo .logo-main{font-size:clamp(52px,7.4vw,100px)}.ticker{pointer-events:none;background:linear-gradient(#0c081a99,#07040feb);border-top:1px solid #ffd26733;height:28px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ticker span{white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;color:#b9a9d6;font-size:11px;font-weight:800;animation:40s linear infinite tick;position:absolute;top:7px}.ticker b{color:var(--gold)}@keyframes tick{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.sparkles{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.sparkles i{background:#fff3bf;width:4px;height:4px;animation:3s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 8px #ffd267}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}.card{--f1:#8b97b5;--f2:#39415c;--f3:#1c2133;--dot:#8fd0ff;aspect-ratio:.72;cursor:pointer;background:linear-gradient(180deg, var(--f1), var(--f2) 45%, var(--f3));transform-origin:50% 100%;border-radius:11px;flex:none;width:96px;padding:2px;transition:transform .16s cubic-bezier(.2,1.5,.4,1),filter .2s,box-shadow .2s;position:relative;box-shadow:0 6px 14px #0000008c,inset 0 1px #ffffff59}.card[data-r=rare]{--f1:#ffe6a3;--f2:#c2812d;--f3:#6b4210;--dot:#ffd267}.card[data-r=epic]{--f1:#efc7ff;--f2:#8b3ec9;--f3:#3d1263;--dot:#e19aff}.card[data-r=legendary]{--f1:#b8fff0;--f2:#e0a63a;--f3:#7a2a8f;--dot:#7ff5e0;background:linear-gradient(135deg,#7ff5e0,#ffe293 30%,#ff9ad8 60%,#8a5cff) 0 0/240% 240%;animation:5s ease-in-out infinite legend}@keyframes legend{0%,to{background-position:0 0}50%{background-position:100% 100%}}.card:hover{transform:translateY(-6px);box-shadow:0 14px 22px #0009,0 0 16px #ffd26740}.card .art{background:radial-gradient(at 50% 80%,#4d3f73 0%,#251c40 55%,#140e26 100%);border:1px solid #00000080;border-radius:9px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #00000080}.card[data-t=spell] .art{background:radial-gradient(at 50% 70%,#6a3f2a 0%,#33203a 55%,#170e22 100%)}.card .art:before{content:"";clip-path:polygon(0 0,100% 0,100% 42%,0 64%);pointer-events:none;z-index:2;background:linear-gradient(160deg,#ffffff29,#0000 38%);position:absolute;top:0;bottom:0;left:0;right:0}.card .art img{object-fit:contain;filter:drop-shadow(0 5px 6px #0000008c);pointer-events:none;-webkit-user-drag:none;width:100%;height:86%;transition:transform .2s;display:block;position:absolute;top:0;left:0}.card:hover .art img{transform:scale(1.06)}.card .nm{text-align:center;z-index:3;font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#08051000,#080510eb 50%);border-radius:0 0 9px 9px;padding:9px 2px 4px;font-size:10px;line-height:1.05;position:absolute;bottom:2px;left:2px;right:2px;overflow:hidden}.card .cost{z-index:4;width:26px;height:28px;font-family:var(--display);color:#fff;text-shadow:0 1px #4d087e,0 0 3px #4d087e;clip-path:polygon(50% 0,100% 25%,100% 72%,50% 100%,0 72%,0 25%);filter:drop-shadow(0 2px 3px #000000d9);background:radial-gradient(circle at 40% 30%,#f3a6ff,#b84dff 45%,#6a15c7 90%);place-items:center;padding-top:2px;font-size:14px;display:grid;position:absolute;top:-5px;left:-5px}.card .rdot{background:var(--dot);width:5px;height:5px;box-shadow:0 0 6px var(--dot);z-index:4;border-radius:50%;position:absolute;top:6px;right:6px}.card .lvtag{z-index:4;font-family:var(--display);color:#ffe19a;background:#080510d9;border:1px solid #ffd26766;border-radius:6px;padding:1px 5px;font-size:9px;position:absolute;bottom:21px;right:5px}.card .badge{z-index:5;letter-spacing:.12em;color:#fff3c7;white-space:nowrap;background:linear-gradient(#b84dff,#6a15c7);border:1px solid #ffdf9a;border-radius:6px;padding:2px 7px;font-size:8px;font-weight:900;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.card.locked .art img{filter:grayscale(.6)brightness(.6)drop-shadow(0 5px 6px #0000008c)}.card .lock{z-index:2;filter:drop-shadow(0 2px 3px #000);place-items:center;font-size:22px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.card.sel{transform:translateY(-6px);box-shadow:0 0 0 2px #ffe6a3,0 0 22px #ffd267b3,0 10px 20px #0009}.card.sm{width:76px}.card .price{font-family:var(--display);color:#ffe19a;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex;position:absolute;bottom:-24px;left:0;right:0}.card:has(.price){margin-bottom:24px}.rar{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;vertical-align:middle;border-radius:6px;margin-left:6px;padding:3px 8px;font-size:9px;font-weight:900;display:inline-block}.content{flex:1;padding:8px 20px 24px;overflow:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));justify-items:center;gap:16px 12px;padding-top:8px;display:grid}.tabs{border:1px solid var(--line-soft);background:#080512b3;border-radius:12px;align-self:flex-start;gap:4px;margin:0 20px 10px;padding:4px;display:flex}.tab{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color:var(--muted);border-radius:9px;padding:9px 16px;font-size:11px;font-weight:900;transition:all .15s}.tab:hover{color:#fff}.tab.on{color:#3d2202;background:linear-gradient(#fff7d2,#ffdd85 40%,#e9a32b);box-shadow:0 2px #8a500b,inset 0 1px #fff}.shop-wrap{flex:1;grid-template-columns:1fr minmax(320px,420px);gap:16px;min-height:0;padding:0 20px 20px;display:grid}.shop-list{padding:4px 4px 10px;overflow:auto}.shop-detail{flex-direction:column;min-height:0;display:flex;overflow:hidden;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important}#showcase-view{cursor:grab;touch-action:none;background:radial-gradient(at 50% 70%,#4d3f7359,#0000 70%);border-radius:18px 18px 0 0;flex:1;min-height:240px;position:relative}#showcase-view:after{content:"SERET UNTUK MEMUTAR";letter-spacing:.18em;color:#ffffff8c;text-shadow:0 1px 2px #000;font-size:9px;font-weight:900;position:absolute;top:10px;left:12px}.sd-info{border-top:1px solid var(--line);background:linear-gradient(160deg,#281d48f0,#0f0a1ef5);border-radius:0 0 18px 18px;max-height:54%;padding:14px 16px 16px;overflow:auto}.sd-name{font-family:var(--display);color:#ffe19a;text-shadow:0 3px #6a3b08,0 6px 14px #00000080;font-size:22px}.sd-role{color:var(--muted);margin:2px 0 8px;font-size:12px;font-weight:800}.stats{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);gap:0;margin:10px 0;display:grid}.stat{letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);text-align:center;padding:8px 6px;font-size:9px;font-weight:900}.stat:not(:nth-child(3n+1)){border-left:1px solid var(--line-soft)}.stat:nth-child(n+4){border-top:1px solid var(--line-soft)}.stat b{color:#ffe6a6;font-family:var(--display);letter-spacing:0;text-transform:none;margin-top:2px;font-size:15px;font-weight:400;display:block}.skillbox{background:linear-gradient(135deg,#b84dff38,#4a96ff1f);border:1px solid #c88cff59;border-radius:12px;margin:8px 0 12px;padding:10px 12px 10px 14px;position:relative}.skillbox:before{content:"";background:linear-gradient(#f3a6ff,#8b2bff);border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.skillbox .sn{font-family:var(--display);color:#efc7ff;font-size:14px}.skillbox .sd{color:#ddd3ee;margin-top:3px;font-size:12px}.sd-actions{flex-wrap:wrap;gap:8px;display:flex}.sd-actions .btn{flex:1}.upg{border:1px solid var(--line-soft);background:#00000047;border-radius:12px;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;display:flex}.upg .lvbig{font-family:var(--display);color:#ffe19a;min-width:54px;font-size:20px}.upg .note{color:var(--muted);flex:1;font-size:11px;font-weight:700}.gem-packs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.pack{text-align:center;cursor:pointer;padding:18px 16px 16px;transition:transform .15s}.pack:hover{transform:translateY(-3px)}.pack .gems{font-family:var(--display);color:#ffe6a6;margin:8px 0;font-size:24px}.pack .gemart{filter:drop-shadow(0 6px 10px #a050ff80);font-size:44px;animation:3s ease-in-out infinite float}.pack .bonus{letter-spacing:.14em;color:var(--gold);min-height:14px;font-size:10px;font-weight:900}.center-col{flex:1;justify-content:center;align-items:flex-start;padding:10px 16px 24px;display:flex;overflow:auto}.box{width:min(780px,100%);margin:auto 0;padding:24px 26px}.box h2{font-family:var(--display);letter-spacing:.04em;color:#ffe19a;text-shadow:0 2px #6a3b08;margin:0 0 12px;font-size:16px;font-weight:400}.opts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px;display:grid}.opt{cursor:pointer;text-align:center;border:1px solid var(--line-soft);background:#ffffff0a;border-radius:12px;padding:12px;transition:all .15s}.opt:hover{border-color:#ffd26759;transform:translateY(-2px)}.opt.on{border-color:var(--gold);background:linear-gradient(#ffd26733,#ffd2670d);box-shadow:0 0 18px #ffd26733,inset 0 1px #ffffff1a}.opt .ol{font-family:var(--display);color:#fff;font-size:15px}.opt.on .ol{color:#ffe19a}.opt .od{color:var(--muted);margin-top:4px;font-size:11px}.opt .mini-map{justify-content:center;gap:3px;margin:6px 0;display:flex}.dot{border-radius:3px;width:11px;height:11px;box-shadow:inset 0 -2px #0000004d}.input{width:100%;font:800 15px var(--body);letter-spacing:.04em;color:#fff;background:linear-gradient(#1b1229,#0b0714);border:1px solid #ffd26733;border-radius:11px;outline:none;padding:12px 14px;box-shadow:inset 0 2px 5px #000000b3}.input:focus{border-color:var(--gold);box-shadow:inset 0 2px 5px #000000b3,0 0 0 3px #ffd26726}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rooms{flex-direction:column;gap:8px;max-height:340px;margin:10px 0 14px;display:flex;overflow:auto}.room{cursor:pointer;border:1px solid var(--line-soft);background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.room:hover{border-color:#ffd26773}.room .code{font-family:var(--display);color:#ffe19a;letter-spacing:.1em;min-width:80px;font-size:15px}.room .meta{color:var(--muted);flex:1;font-size:12px;font-weight:700}.room .meta b{color:#fff;font-size:14px}.empty{text-align:center;color:var(--muted);letter-spacing:.06em;padding:26px;font-size:12px;font-weight:800}.slots{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:14px 0;display:grid}.slot{border:1px solid var(--line-soft);background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:800;display:flex}.slot .sw{border-radius:6px;flex:none;width:22px;height:22px;box-shadow:inset 0 -3px #0000004d,0 0 10px}.slot.me{border-color:var(--gold)}.slot .tag{letter-spacing:.12em;background:#ffffff1a;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:900}.status-dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block;box-shadow:0 0 8px}label.check{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}label.check input{width:18px;height:18px;accent-color:var(--gold)}.avg{font-family:var(--body);letter-spacing:.12em;color:var(--muted);text-shadow:none;font-size:11px;font-weight:900}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}#hud>.countdown,#hud>.crosshair,#hud>.hud-top,#hud>.players-bar{pointer-events:none}.hud-top{top:calc(10px + var(--safe-t));justify-content:center;align-items:flex-start;gap:clamp(8px,2vw,26px);padding:0 120px;display:flex;position:absolute;left:0;right:0}.side{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:14px;align-items:center;gap:10px;min-width:clamp(130px,17vw,210px);padding:7px 12px 7px 8px;display:flex;box-shadow:0 8px 22px #00000073,inset 0 1px #ffffff0f}.side.you{border-color:#5a9bff40;flex-direction:row-reverse;padding:7px 8px 7px 12px}.side.enemy{border-color:#ff5a6438}.side .avatar{width:clamp(30px,3.4vw,40px);height:clamp(30px,3.4vw,40px)}.side .who{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.side .who.right{align-items:flex-end}.side .pname{letter-spacing:.16em;text-transform:uppercase;color:#ffb3b8;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1;overflow:hidden}.side.you .pname{color:#a9cdff}.crownrow{align-items:center;gap:2px;height:18px;display:flex}.cslot{color:#ffffff29;width:clamp(15px,1.7vw,19px);height:clamp(15px,1.7vw,19px);transition:color .3s,filter .3s}.cslot svg{width:100%;height:100%;display:block}.cslot.on{color:var(--gold);filter:drop-shadow(0 0 6px #ffc450d9)}.side.enemy .cslot.on{color:#ff8a82;filter:drop-shadow(0 0 6px #ff5a5ae6)}.cslot.pop{animation:.55s cubic-bezier(.2,1.8,.4,1) crownPop}@keyframes crownPop{0%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.5)rotate(6deg)}to{transform:scale(1)rotate(0)}}.timerbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1f1737e6,#0b0718eb);border:1px solid #ffd2673d;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:96px;padding:5px 14px 6px;display:flex;box-shadow:0 6px 18px #00000073,inset 0 1px #ffffff0f}.phase{letter-spacing:.26em;color:#cdbfa1;text-transform:uppercase;text-shadow:0 2px 4px #000;font-size:9px;font-weight:900}.timer{font-family:var(--display);color:#fff;text-shadow:0 2px #4a2a05,0 4px 10px #000c;letter-spacing:1px;font-size:clamp(22px,2.8vw,32px);line-height:.95}.timerbar{background:#00000073;border:1px solid #ffffff14;border-radius:2px;width:clamp(70px,9vw,104px);height:4px;overflow:hidden}.timerbar i{background:linear-gradient(90deg,#8d6b2d,#ffd267);border-radius:2px;width:100%;height:100%;transition:width .25s linear;display:block}.timerbox.x2 .phase{color:#e8a4ff}.timerbox.x2 .timerbar i{background:linear-gradient(90deg,#7c2bff,#e78bff)}.timerbox.ot .phase,.timerbox.ot .timer{color:#ff8b83}.timerbox.final{border-color:#ff5a5a99}.timerbox.final .timer{color:#ff8b83;animation:1s infinite timerPulse}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.players-bar{top:calc(74px + var(--safe-t));flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(92vw,760px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.pchip{background:var(--glass);letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:4px 9px 4px 4px;font-size:10px;font-weight:900;display:flex;box-shadow:0 4px 12px #0006}.pchip .sw{background:var(--pc);width:16px;height:16px;box-shadow:inset 0 -2px 0 #0000004d, 0 0 8px var(--pc);border-radius:5px}.pchip .cr{color:var(--gold);font-family:var(--display);letter-spacing:0;align-items:center;gap:2px;font-size:11px;display:flex}.pchip .cr svg{width:12px;height:12px}.pchip.dead{opacity:.4}.pchip.dead .pn{text-decoration:line-through}.pchip.me{border-color:#ffd26799}.pchip.tg{box-shadow:0 0 0 1px #ff5a5a,0 0 12px #ff5a5a99}.pchip.hit{animation:.35s chipHit}@keyframes chipHit{50%{background:#ff3c3c99;transform:scale(1.15)}}.hud-right{right:clamp(10px,2vw,22px);top:calc(12px + var(--safe-t));flex-direction:column;gap:7px;display:flex;position:absolute}.hud-left{left:clamp(10px,2vw,22px);top:calc(12px + var(--safe-t));flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.minimap{background:#0c081ab3;border:1px solid #ffd2674d;border-radius:50%;width:128px;height:128px;box-shadow:0 6px 18px #00000080,0 0 0 3px #0805128c}.target-box{background:var(--glass);border:1px solid var(--line);border-radius:12px;max-width:170px;padding:8px 10px;box-shadow:0 6px 16px #0006}.target-box .tt{letter-spacing:.22em;color:#cdbfa1;margin-bottom:6px;font-size:9px;font-weight:900}.target-box .tl{flex-wrap:wrap;gap:4px;display:flex}.tbtn{font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#d8cdea;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:900;display:flex}.tbtn.on{color:#3d2202;background:linear-gradient(#fff7d2,#ffd267 50%,#e9a32b);border-color:#fff2c4}.tbtn .sw{border-radius:3px;width:10px;height:10px}.hud-bottom{left:50%;bottom:calc(8px + var(--safe-b));flex-direction:column;align-items:center;gap:7px;width:min(620px,96vw);display:flex;position:absolute;transform:translate(-50%)}.elixir{align-items:center;gap:8px;width:min(520px,86vw);display:flex}.elixir-label{letter-spacing:.2em;color:#c5a6ff;text-shadow:0 1px 2px #000;text-align:right;width:46px;font-size:9px;font-weight:900}.elixir-track{background:linear-gradient(#1b1229,#0b0714);border:1px solid #000000bf;border-radius:8px;flex:1;height:15px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000000d9,0 0 0 1px #ffffff0f,0 3px 10px #0006}.elixir-fill{background:linear-gradient(#f3a6ff 0%,#c45cff 28%,#8a2bfa 70%,#5c0fb8 100%);border-radius:7px;width:50%;transition:width .16s linear;position:absolute;top:1px;bottom:1px;left:1px;overflow:hidden;box-shadow:0 0 12px #be50ffa6,inset 0 2px 2px #fff6}.elixir-fill:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff61 38%,#0000 55%);animation:2.8s infinite elixirShine;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.elixir-ticks{pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#080410bf calc(10% - 2px) 10%);position:absolute;top:0;bottom:0;left:0;right:0}.elixir-num{font-family:var(--display);color:#fff;text-shadow:0 2px 3px #000;background:radial-gradient(circle at 40% 30%,#6b3a9a,#241338 70%);border:1px solid #d678ff80;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;display:grid}.elixir.double .elixir-track{box-shadow:inset 0 2px 5px #000000d9,0 0 14px #d664ff8c,0 0 0 1px #ffffff14}.elixir.double .elixir-num{color:#efb3ff}.elixir.full .elixir-fill{animation:.8s infinite alternate elixirPulse}.elixir.full .elixir-num{box-shadow:0 0 14px #d664ffe6}@keyframes elixirShine{0%{transform:translate(-120%)}55%,to{transform:translate(320%)}}@keyframes elixirPulse{0%{filter:brightness()}to{filter:brightness(1.3)}}.hand-row{box-shadow:none;background:0 0;border:0;border-radius:18px;justify-content:center;align-items:flex-end;gap:clamp(6px,1vw,11px);padding:9px clamp(9px,1.3vw,14px) 8px;display:flex}.hand{align-items:flex-end;gap:clamp(5px,.9vw,10px);display:flex}.hand .card{touch-action:none;width:clamp(58px,min(8.6vw,12.4vh),88px)}.hand .card .cost{width:22px;height:24px;font-size:13px;top:-4px;left:-4px}.hand .card .nm{font-size:clamp(7px,.75vw,10px)}.hand .card .lvtag{font-size:8px;top:4px;bottom:auto;right:4px}.hand .card .rdot{display:none}.hand .card.cant{filter:grayscale(.35)brightness(.66)}.hand .card.sel{animation:1s ease-in-out infinite selGlow;transform:translateY(-16px)scale(1.06);box-shadow:0 18px 26px #0009,0 0 0 2px #ffe6a3,0 0 24px #ffd267b3}@keyframes selGlow{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}.hand .card.dragging{opacity:.35;transform:scale(.92)}.hand .card .charge{pointer-events:none;z-index:3;background:linear-gradient(#0a0516bf,#280e468c);border-bottom:2px solid #f3a6ffcc;height:0;transition:height .15s linear;position:absolute;top:0;left:0;right:0}.hand .card.ready{animation:.45s readyPop}@keyframes readyPop{0%{transform:scale(1)}40%{filter:brightness(1.45);transform:scale(1.1)translateY(-6px)}to{transform:scale(1)}}.hand .card .art:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff59 45%,#0000 60%) 150% 0/250% 100%;position:absolute;top:0;bottom:0;left:0;right:0}.hand .card.ready .art:after{animation:.6s sweep}@keyframes sweep{0%{background-position:150% 0}to{background-position:-60% 0}}.next-card{color:#9e93b5;letter-spacing:.18em;flex-direction:column;align-items:center;gap:3px;margin-right:2px;font-size:7px;font-weight:900;display:flex}.next-card .nslot{aspect-ratio:.72;opacity:.78;background:linear-gradient(#3e365b,#171124);border:1px solid #ffffff21;border-radius:8px;width:clamp(34px,4.6vw,48px);position:relative;overflow:hidden;box-shadow:0 4px 8px #00000073}.next-card .nslot img{object-fit:contain;filter:drop-shadow(0 2px 3px #000);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#toast-layer{pointer-events:none;z-index:30;position:fixed;top:0;bottom:0;left:0;right:0}.toast{white-space:nowrap;pointer-events:none;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px #000;background:#0c081ae6;border:1px solid #ffd26759;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:900;animation:.3s pop;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000080}.countdown{pointer-events:none;font-family:var(--display);color:#ffe08a;text-shadow:0 6px #6a3b08,0 0 40px #ffb43c8c,0 16px 34px #000000bf;place-items:center;font-size:clamp(80px,17vw,170px);display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.countdown span{animation:.35s pop}.pov-ui{left:50%;bottom:calc(18px + var(--safe-b));background:var(--glass);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;transform:translate(-50%)}.pov-ui .who{font-family:var(--display);text-align:center;color:#ffe19a;min-width:120px;padding:0 8px;font-size:13px}.crosshair{pointer-events:none;border:2px solid #ffe6a0bf;border-radius:50%;width:22px;height:22px;margin:-11px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #0009}#modal-layer{pointer-events:none;z-index:40;position:fixed;top:0;bottom:0;left:0;right:0}.modal-bg{pointer-events:auto;-webkit-backdrop-filter:blur(5px);background:radial-gradient(at 50% 42%,#2b1c548c,#05030ce0 72%);place-items:center;padding:16px;animation:.2s fadeIn;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.modal{text-align:center;background:linear-gradient(160deg,#281d48f7,#0f0a1efb);border:1px solid #ffd26773;border-radius:22px;width:min(470px,100%);max-height:90vh;padding:clamp(22px,4vw,34px);animation:.45s cubic-bezier(.2,1.3,.4,1) panelIn;position:relative;overflow:auto;box-shadow:0 34px 90px #000c,inset 0 1px #ffffff1f,0 0 0 6px #0805128c}.modal h3{font-family:var(--display);color:#ffe19a;letter-spacing:.04em;text-shadow:0 4px #6a3b08,0 10px 20px #00000080;margin:0 0 8px;font-size:clamp(26px,4vw,38px);font-weight:400}.modal p{color:#bdb1d7;font-size:13px;font-weight:700}.modal .row{justify-content:center;margin-top:14px}.result-place{font-family:var(--display);letter-spacing:.08em;color:#4a2a00;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);text-shadow:0 1px #ffffff8c;filter:drop-shadow(0 5px #462602a6)drop-shadow(0 14px 22px #0000008c);background:linear-gradient(#fff6cd,#ffd36b 45%,#eaa42e);padding:10px clamp(30px,6vw,52px) 12px;font-size:clamp(36px,6vw,54px);line-height:1;display:inline-block}.modal.lose .result-place{color:#3d0505;background:linear-gradient(#ffd8d6,#ff8b83 48%,#c33b3b)}.result-list{text-align:left;flex-direction:column;gap:5px;margin:14px 0;display:flex}.result-list .r{border:1px solid var(--line-soft);background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.result-list .r.me{border-color:var(--gold);background:#ffd2671a}.result-list .pl{font-family:var(--display);color:#ffe19a;width:28px}.reward{font-family:var(--display);color:#ffe6a6;border:1px solid var(--line-soft);background:#0000004d;border-radius:12px;align-items:center;gap:8px;margin:4px;padding:7px 14px;font-size:20px;display:inline-flex}.settings-row{border-bottom:1px solid var(--line-soft);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;font-weight:800;display:flex}.seg{border:1px solid var(--line-soft);background:#080512b3;border-radius:10px;gap:3px;padding:3px;display:inline-flex}input[type=range]{accent-color:var(--gold);width:170px}.stars{justify-content:center;gap:10px;margin:14px 0 6px;display:flex}.stars span{color:var(--gold);filter:drop-shadow(0 0 10px #ffc850e6);font-size:32px;animation:.6s cubic-bezier(.2,1.8,.4,1) backwards crownPop}.xpwrap{text-align:left;margin:14px 4px 2px}.xplbl{letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);justify-content:space-between;margin-bottom:5px;font-size:10px;font-weight:900;display:flex}.xplbl b{color:#ffe6a6;font-family:var(--display);letter-spacing:0;font-size:13px;font-weight:400}.xpbar{background:linear-gradient(#1b1229,#0b0714);border:1px solid #000000bf;border-radius:7px;height:12px;overflow:hidden;box-shadow:inset 0 2px 4px #000c}.xpbar i{background:linear-gradient(90deg,#4a96ff,#9ed2ff);border-radius:6px;width:0;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 0 10px #5aa0ff99}.xpwrap.lvup .xpbar i{background:linear-gradient(90deg,#8d6b2d,#ffd267,#fff3bf);box-shadow:0 0 12px #ffc850b3}.lvburst{background:radial-gradient(circle at 35% 30%,#fff7d2,#ffd267 50%,#c2812d);border:2px solid #fff2c4;border-radius:24px;place-items:center;width:104px;height:104px;margin:26px auto 22px;animation:.5s pop;display:grid;transform:rotate(45deg);box-shadow:0 6px #8a500b,0 0 44px #ffd26799}.lvburst span{font-family:var(--display);color:#4a2a00;text-shadow:0 2px #ffffff80;font-size:44px;transform:rotate(-45deg)}.rays{position:relative}.rays:before{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(#ffd26733 0 10deg, transparent 10deg 20deg);border-radius:50%;width:420px;height:420px;margin:-210px;animation:9s linear infinite spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}#screen-fx{pointer-events:none;z-index:25;position:fixed;top:0;bottom:0;left:0;right:0}#screen-tint{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.fx-vignette{opacity:0;--d:0;background:radial-gradient(ellipse at center, transparent 58%, rgba(255, 20, 30, calc(.18 + var(--d) * .42)) 100%);box-shadow:inset 0 0 calc(30px + var(--d) * 90px) rgba(255, 0, 20, calc(var(--d) * .6));transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.fx-vignette.on{opacity:1;animation:1s ease-in-out infinite dangerPulse}@keyframes dangerPulse{0%,to{opacity:calc(.45 + var(--d) * .3)}50%{opacity:1}}.fx-flash{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.fx-confetti{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.fx-banners{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:24%;left:0;right:0}.fx-banner{--c:#ffe08a;text-align:center;padding:6px 40px 10px;animation:.45s cubic-bezier(.15,1.7,.4,1) both annIn;position:relative}.fx-banner .bt{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--c);text-shadow:0 4px 0 color-mix(in srgb, var(--c) 30%, #1a0b00), 0 0 26px color-mix(in srgb, var(--c) 55%, transparent), 0 10px 30px #000000bf;font-size:clamp(28px,5.2vw,56px);line-height:1.05}.fx-banner .bs{letter-spacing:.3em;text-transform:uppercase;color:#ffffffc7;text-shadow:0 2px 4px #000;margin-top:4px;font-size:clamp(10px,1.3vw,13px);font-weight:900}.fx-banner .bi{filter:drop-shadow(0 4px 10px #0009);font-size:clamp(28px,5vw,50px);line-height:1;animation:1.2s ease-in-out infinite float}.fx-banner.out{animation:.4s ease-in forwards annOut}.fx-banner.shake .bt{animation:.4s 2 bshake}@keyframes annIn{0%{opacity:0;transform:scale(.55)translateY(18px)}to{opacity:1;transform:none}}@keyframes annOut{to{opacity:0;transform:translateY(-18px)scale(.96)}}@keyframes bshake{0%,to{transform:none}25%{transform:translate(-8px)rotate(-2deg)}75%{transform:translate(8px)rotate(2deg)}}.fx-bignum{font-family:var(--display);opacity:.85;text-shadow:0 8px #00000073,0 0 40px;font-size:clamp(90px,19vw,190px);animation:.9s forwards numPop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes numPop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}25%{opacity:.9;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.fs-btn{display:none!important}.is-touch .fs-btn{display:inline-grid!important}@media (max-width:1100px){#menu .center{grid-template-columns:1fr minmax(270px,340px)}}@media (max-width:860px){#menu .center{grid-template-columns:1fr;padding:0 14px 40px}.menu-logo{top:calc(62px + var(--safe-t));left:50%;transform:translate(-50%)}.menu-logo .logo{align-items:center}.menu-logo .logo-main{font-size:clamp(46px,13vw,80px)}.shop-wrap{grid-template-rows:1fr 1.25fr;grid-template-columns:1fr}.minimap{width:96px;height:96px}.target-box{max-width:128px}.hud-top{justify-content:center;padding:0 50px 0 112px}}@media (max-width:760px){.side{border-radius:11px;gap:6px;min-width:0;padding:5px 8px}.side.you{padding:5px 6px 5px 8px}.side .pname{letter-spacing:.1em;max-width:90px;font-size:8px}.crownrow{height:14px}.cslot{width:14px;height:14px}.timerbox{gap:1px;min-width:74px;padding:4px 10px 5px}.phase{letter-spacing:.18em;font-size:7px}.hud-right{gap:5px;right:8px}.icon-btn,.btn.icon{border-radius:8px;width:30px;height:30px}.icon-btn svg{width:14px;height:14px}.elixir{width:min(420px,84vw)}.hud-bottom{gap:5px}.players-bar{top:calc(62px + var(--safe-t))}.pchip{padding:3px 6px 3px 3px;font-size:8px}.pchip .sw{width:12px;height:12px}.target-box{max-width:108px;padding:6px}.tbtn{padding:4px 5px;font-size:8px}.topbar{padding-left:10px;padding-right:10px}.chip{padding:4px 9px 4px 4px;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.card{width:84px}}@media (max-width:600px){.menu-logo{display:none}.topbar{gap:6px}.topbar .left,.topbar .right{gap:5px}.screen-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.chip{gap:5px;padding:3px 7px 3px 3px;font-size:11px}.res-ico{width:19px;height:19px;font-size:9px}.chip [data-buy]{display:none}.players-bar{top:calc(60px + var(--safe-t));max-width:calc(100vw - 230px)}.pchip .pn,.profile-card .plevel{display:none}.hud-top{padding:0 44px 0 104px}.hud-left .minimap{width:86px;height:86px}}@media (max-width:420px){.side .who .pname{display:none}.hand-row{gap:5px;padding:7px 7px 6px}.hand{gap:4px}.hand .card{width:clamp(52px,15.4vw,66px)}.next-card{display:none}.elixir-label{width:34px;font-size:7px}}@media (max-height:560px){.menu-logo{display:none}}@media (orientation:landscape) and (max-height:500px){.hud-bottom{left:auto;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(6px + var(--safe-b));align-items:flex-end;width:auto;transform:none}.elixir{width:330px}.hud-right{top:auto;left:10px;right:auto;bottom:calc(10px + var(--safe-b));flex-direction:row}.hud-left .target-box{display:none}.minimap{width:76px!important;height:76px!important}.hud-top{padding:0 60px 0 96px}.players-bar{top:calc(52px + var(--safe-t));max-width:60vw}.hand .card{width:58px}.hand .card .nm,.next-card{display:none}#menu .center{grid-template-columns:1fr minmax(240px,300px);padding-bottom:34px}.modal{max-height:94vh;padding:16px}}.screen{overflow:hidden}.carousel{grid-template-rows:auto auto;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;column-gap:6px;display:grid;position:relative}.car-view{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;cursor:grab;padding:10px 0 8px;overflow:auto hidden}.car-view::-webkit-scrollbar{display:none}.car-view.dragging{cursor:grabbing;scroll-snap-type:none}.car-view.dragging .card{pointer-events:none}.car-track{grid-auto-flow:column;grid-template-rows:repeat(var(--rows,1), auto);grid-auto-columns:var(--cw,80px);gap:calc(var(--gap) + 8px) var(--gap);display:grid}.car-track>*{scroll-snap-align:start}.car-track .card{width:100%}.car-track .card:hover,.car-track .card.sel{transform:translateY(-3px)}.car-track .empty{grid-column:1/-1;width:100%}.car-btn{cursor:pointer;width:26px;height:46px;font:900 22px/1 var(--body);color:var(--gold);background:linear-gradient(#251c3ce6,#0d091aeb);border:1px solid #ffd26740;border-radius:9px;padding:0;transition:all .15s;box-shadow:0 4px 10px #0006}.car-btn:disabled{opacity:.25;cursor:default}.car-btn:not(:disabled):hover{border-color:var(--gold);color:#fff}.car-dots{grid-column:2;justify-content:center;gap:5px;height:6px;display:flex}.car-dots i{cursor:pointer;background:#fff3;border-radius:3px;width:6px;height:6px;transition:all .2s}.car-dots i.on{background:var(--gold);width:18px}.card .price{font-size:11px;bottom:-19px}.car-track .card:has(.price){margin-bottom:18px}.shop-hero{min-height:0;padding:0 18px calc(14px + var(--safe-b));flex:1;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:14px;display:grid}.sh-stage{border-radius:18px;min-height:0;position:relative;overflow:hidden}.sh-demo{z-index:2;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.sh-demo .btn{padding:10px 18px}.sh-side{flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex}.sh-filter{align-self:center}.seg .tab{background:0 0;border:0;padding:7px 13px;font-size:10px}.seg .tab.on{background:linear-gradient(#fff7d2,#ffdd85 40%,#e9a32b)}.sh-info{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sd-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sd-head .rar{margin:0}.sd-lv{font-family:var(--display);color:#ffe19a;background:#00000059;border:1px solid #ffd26759;border-radius:6px;padding:2px 7px;font-size:11px}.sh-info .sd-name{font-size:clamp(17px,2vw,22px)}.sh-info .sd-role{margin:1px 0 0;font-size:11px}.sh-info .stat{padding:5px 4px}.sh-info .stat b{font-size:14px}.sh-info .stat b.sm{font-size:10px;font-family:var(--body);letter-spacing:.04em;font-weight:900}.sh-info .skillbox{margin:2px 0 0;padding:8px 10px 8px 13px}.sh-info .skillbox .sd{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11.5px;display:-webkit-box;overflow:hidden}.sh-actions{flex:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}.sh-actions .btn{white-space:nowrap;text-overflow:ellipsis;padding:12px 8px;font-size:13px;overflow:hidden}.deck-bar{flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.deck-bar .hint{color:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:800}.deck-coll{flex:1;align-items:flex-start;min-height:0;display:flex}.deck-coll .carousel{width:100%}.card.in-deck{opacity:.45}@media (max-width:860px){.shop-hero{padding:0 10px calc(10px + var(--safe-b));grid-template-rows:minmax(150px,34%) minmax(0,1fr);grid-template-columns:1fr;gap:8px}.sh-side{gap:6px;padding:8px 10px 10px}.sh-demo{bottom:8px}.sh-demo .btn{padding:8px 12px}.car-view{padding:8px 0 6px}}@media (max-width:700px){.deck-bar .hint{font-size:9.5px}}@media (max-height:700px) and (max-width:860px){.sh-info .stats .stat:nth-child(n+4){display:none}.sh-info .skillbox .sd{-webkit-line-clamp:2}}@media (orientation:landscape) and (max-height:500px){.shop-hero{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(300px,380px)}.sh-info .stats{display:none}.sh-side{gap:4px;padding:6px 8px 8px}.car-view{padding:6px 0 4px}}.deck-bar .btn{flex:none}@media (max-width:700px){.deck-bar .hint{flex:1;min-width:0}}.card.drag-ghost{z-index:200;pointer-events:none;filter:drop-shadow(0 18px 20px #0000008c);opacity:.97;margin:0;transition:transform .16s,opacity .16s,filter .16s;top:0;left:0;transform:translate(-50%,-62%)rotate(5deg)scale(1.08);box-shadow:0 0 0 2px #ffe6a3,0 0 26px #ffd26799;animation:none!important;position:fixed!important}.card.drag-ghost.over{opacity:.9;transform:translate(-50%,-78%)rotate(3deg)scale(.86)}.card.drag-ghost.invalid{filter:grayscale(.6)brightness(.72)drop-shadow(0 10px 12px #00000080);opacity:.72;box-shadow:0 0 0 2px #ff6b77,0 0 18px #ff4d5e8c}.card.drag-ghost.dropping{opacity:0;transform:translate(-50%,-54%)rotate(0)scale(.38)}.hand .card.drag-source{opacity:.24;filter:grayscale(.5);box-shadow:none;animation:none;transform:none!important}.hand .card{width:clamp(60px,min(9.2vw,13.4vh),100px);transform:translateY(var(--ty,0)) rotate(var(--rot,0))}.hand .card:first-child{--rot:-4deg;--ty:7px}.hand .card:nth-child(2){--rot:-1.4deg;--ty:1px}.hand .card:nth-child(3){--rot:1.4deg;--ty:1px}.hand .card:nth-child(4){--rot:4deg;--ty:7px}.hand .card:hover{transform:translateY(calc(var(--ty,0) - 6px)) rotate(var(--rot,0))}@media (max-width:420px){.hand .card{width:clamp(54px,16vw,70px)}}@media (orientation:landscape) and (max-height:500px){.hand .card{width:60px}}.shop-hero{min-height:0;padding:0 18px calc(12px + var(--safe-b));flex:1;grid-template:"stage side"minmax(0,1fr)"bar bar"/minmax(0,1fr) minmax(320px,400px);gap:12px 14px;display:grid}.sh-stage{background:radial-gradient(at 50% 75%,#4d3f7359,#0000 70%);border:1px solid #ffd2671f;border-radius:18px;grid-area:stage;min-height:0;position:relative;overflow:hidden}.sh-stage #showcase-view{border-radius:18px;min-height:0;position:absolute;top:0;bottom:0;left:0;right:0}.sh-info{z-index:2;pointer-events:none;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#1e1634d1,#0c081ac7);border-radius:14px;grid-area:stage;place-self:start;width:min(340px,100% - 24px);margin:12px;padding:12px 14px;display:block;overflow:hidden;box-shadow:0 10px 26px #00000073}.sh-info .stats{margin:8px 0}.sh-side{flex-direction:column;grid-area:side;gap:10px;min-height:0;padding:14px 12px;display:flex}.sh-cards{flex:1;align-items:center;min-height:0;display:flex}.sh-cards .carousel{width:100%}.sh-bar{grid-area:bar;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:14px;display:grid}.sh-bar .sh-demo{justify-content:flex-start;gap:10px;display:flex;position:static;transform:none}.sh-bar .sh-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sh-bar .btn{white-space:nowrap;text-overflow:ellipsis;padding:13px 18px;font-size:14px;overflow:hidden}.sh-bar .sh-demo .btn{min-width:150px}@media (max-width:860px),(max-height:500px){.shop-hero{padding:0 10px calc(10px + var(--safe-b));grid-template:"stage"minmax(140px,1fr)"info""side""bar"/minmax(0,1fr);gap:8px}.sh-info{pointer-events:auto;grid-area:info;width:100%;margin:0;padding:8px 10px}.sh-info .sd-name{font-size:17px}.sh-info .stats{margin:5px 0}.sh-info .stats .stat:nth-child(n+4){display:none}.sh-info .skillbox .sd{-webkit-line-clamp:2}.sh-side{gap:4px;padding:6px 8px 4px}.sh-bar{grid-template-columns:1fr 1fr;gap:8px}.sh-bar .sh-demo,.sh-bar .sh-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sh-bar .sh-demo:has(.hidden){grid-template-columns:1fr}.sh-bar .sh-demo .btn{min-width:0}.sh-bar .btn{letter-spacing:.03em;padding:11px 6px;font-size:11px}.sh-bar .lg{display:none}}@media (max-width:860px) and (max-height:720px){.sh-info .skillbox{display:none}}@media (orientation:landscape) and (max-height:500px){.shop-hero{grid-template:"stage side"minmax(0,1fr)"stage info""bar bar"/minmax(0,1fr) minmax(300px,46%)}.sh-info .stats,.sh-info .skillbox{display:none}}.sh-stage #showcase-view:after{top:auto;bottom:12px;left:auto;right:14px}.sh-cards{overflow:hidden}.sh-cards .carousel{grid-template-columns:26px minmax(0,1fr) 26px}.sh-cards .car-view{width:100%;margin:0 auto;padding-top:12px}.sh-side .sh-filter{flex:none}.sh-bar .btn:disabled{opacity:.75}:root{--ts-hard:0 2px 0 #1e0c00bf, 0 4px 10px #000000a6;--ts-soft:0 2px 6px #000000d9, 0 0 2px #000000e6;--gold-grad:linear-gradient(180deg, #fffbe2 5%, #ffe293 35%, #ffbf45 60%, #e0962a 100%)}.btn{--bev:#0000008c;box-shadow:0 4px 0 var(--bev), 0 8px 16px #0006, inset 0 2px 0 #ffffff38, inset 0 -3px 0 #0000002e;border:0;border-radius:13px;transition:transform .1s,box-shadow .1s,filter .2s}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--bev), 0 3px 8px #0006, inset 0 2px 0 #fff3;transform:translateY(3px)}.btn.dark{--bev:#120a26;--c1:#4b3a7c;--c2:#2b2052;color:#f0e6ff}.btn.tile{--bev:#120a26;--c1:#4b3a7c;--c2:#2b2052}.btn.gold{--bev:#8a500b;box-shadow:0 5px 0 var(--bev), 0 10px 22px #00000080, inset 0 2px 0 #fffffff2, inset 0 -4px 0 #aa5a0059;border:0}.btn.gold:active:not(:disabled){box-shadow:0 1px 0 var(--bev), 0 4px 10px #00000080, inset 0 2px 0 #fff}.btn.purple{--bev:#3b0773;border:0}.btn.red{--bev:#5e0d12;border:0}.btn.green{--bev:#0b4a29;border:0}.btn.blue{--bev:#102f6e;border:0}.btn.purple,.btn.red,.btn.green,.btn.blue{box-shadow:0 4px 0 var(--bev), 0 8px 16px #00000073, inset 0 2px 0 #ffffff73, inset 0 -3px 0 #0003}.btn.purple.small,.btn.red.small,.btn.green.small,.btn.gold.small{box-shadow:0 3px 0 var(--bev), 0 6px 12px #00000059, inset 0 2px 0 #ffffff73}.btn.big{border-radius:16px}.btn.icon{color:#ffe6a6;background:radial-gradient(circle at 35% 28%,#6c55b0,#33246a 70%);border:0;border-radius:50%;width:40px;height:40px;font-size:15px;box-shadow:0 3px #140a2e,0 6px 14px #00000073,inset 0 2px #ffffff40,0 0 0 2px #ffd26759}.btn.icon:hover{color:#fff;transform:translateY(-2px)scale(1.05)}.btn.icon:active{transform:translateY(2px);box-shadow:0 1px #140a2e,inset 0 2px #fff3,0 0 0 2px #ffd26759}.ribbon{--r1:#b84dff;--r2:#6a15c7;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff3c7;background:linear-gradient(180deg, var(--r1), var(--r2));text-shadow:0 2px #28004699;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%,9px 50%);filter:drop-shadow(0 3px #00000059);padding:4px 20px 5px;font-size:12px;display:inline-block;position:relative;box-shadow:inset 0 2px #ffffff47,inset 0 -3px #0000002e}.ribbon.gold{--r1:#fff0b0;--r2:#e9a32b;color:#4a2a00;text-shadow:0 1px #fff9}.ribbon.big{clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%);padding:6px 34px 8px;font-size:clamp(15px,2.2vw,22px)}.kicker{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:#ffe19a;text-shadow:var(--ts-hard);align-items:center;gap:6px;font-size:12px;display:flex}.kicker svg{width:16px;height:16px;color:var(--gold);filter:drop-shadow(0 2px #00000080)}.topbar{padding:calc(10px + var(--safe-t)) 18px 6px;z-index:3;position:relative}.chip{text-shadow:0 2px #0009;-webkit-backdrop-filter:none;background:linear-gradient(#080414c7,#140c2899);border:0;border-radius:999px;gap:6px;padding:3px 14px 3px 3px;font-size:16px;box-shadow:inset 0 2px 4px #0009,0 1px #ffffff14}.chip .res-ico{width:30px;height:30px;margin-left:-4px;font-size:12px}.chip .ico-gem{width:25px;height:25px;margin:0 2px 0 0}.chip .btn.green{border-radius:50%;width:24px;height:24px;margin-right:-10px;font-size:15px;padding:0!important}.profile-card{box-shadow:none;background:0 0;gap:10px;padding:0 10px 0 0}.profile-card .avatar{border:3px solid #ffd267;width:48px;height:48px;font-size:20px;box-shadow:0 3px #7a4a10,0 6px 14px #0000008c,inset 0 2px 5px #ffffff4d}.profile-card .pname{font-family:var(--display);letter-spacing:.02em;text-shadow:var(--ts-hard);font-size:15px;font-weight:400}.profile-card .plevel{color:#e3d6ff;text-shadow:var(--ts-soft)}.profile-card .mini-xp{background:#0000008c;border:0;border-radius:3px;height:6px;box-shadow:inset 0 1px 2px #000c}.profile-card:hover .avatar{transform:scale(1.06)}.profile-card .avatar{transition:transform .15s}.screen-title{color:#fff3c7;isolation:isolate;text-shadow:0 3px #3b0773,0 6px 14px #0009;padding:2px 22px 4px 18px;font-size:clamp(18px,2.6vw,28px);position:relative}.screen-title:before{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);background:linear-gradient(90deg,#963ce6e6,#5a1eaa8c 70%,#5a1eaa1f);border-radius:8px 0 0 8px;position:absolute;top:2px;bottom:0;left:0;right:0;box-shadow:inset 0 2px #fff3}#menu .menu-main{left:0;right:0;top:calc(68px + var(--safe-t));pointer-events:none;grid-template-columns:minmax(250px,310px) minmax(0,1fr) minmax(300px,350px);grid-template-areas:"side feat btns";align-items:end;gap:18px;padding:0 24px 16px;display:grid;position:absolute;bottom:28px}#menu .menu-main>*{pointer-events:auto}.menu-side{flex-direction:column;grid-area:side;gap:14px;display:flex;position:relative}.daily-w{cursor:pointer;grid-template-columns:104px 1fr;align-items:center;gap:6px;display:grid;position:relative}.chest-view{width:104px;height:92px}.dw-txt{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.dw-msg{color:#f1e9ff;text-shadow:var(--ts-soft);font-size:13px}.dw-row{align-items:center;gap:8px;display:flex}.dw-streak{color:#ffcf7a;text-shadow:var(--ts-soft);font-size:11px;font-weight:900}.daily-w .bang{width:24px;height:24px;font-family:var(--display);color:#fff;background:radial-gradient(circle at 35% 30%,#ff9a92,#e8424f 55%,#a51c2c);border-radius:50%;place-items:center;font-size:14px;animation:1s ease-in-out infinite pulse;display:none;position:absolute;top:2px;left:76px;box-shadow:0 2px #5e0d12,0 0 12px #ff5050cc}.daily-w.ready .bang{display:grid}.lvl-w{align-items:center;gap:14px;padding-left:14px;display:flex}.lv-gem{background:radial-gradient(circle at 35% 30%,#fff7d2,#ffd267 50%,#c2812d);border-radius:12px;flex:none;place-items:center;width:50px;height:50px;display:grid;transform:rotate(45deg);box-shadow:0 4px #7a4a10,0 0 22px #ffc85073,inset 0 2px #fff}.lv-gem span{font-family:var(--display);color:#4a2a00;text-shadow:0 1px #fff9;font-size:22px;transform:rotate(-45deg)}.lv-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.lv-top{justify-content:space-between;align-items:baseline;display:flex}.lv-top b{font-family:var(--display);color:#ffe19a;text-shadow:var(--ts-hard);font-size:15px;font-weight:400}.lv-top span{letter-spacing:.1em;color:#d8cdea;text-shadow:var(--ts-soft);font-size:10px;font-weight:900}.xp-rail{background:#0009;border-radius:6px;height:10px;overflow:hidden;box-shadow:inset 0 2px 3px #000c,0 1px #ffffff14}.xp-rail i{background:linear-gradient(#fff3bf,#ffd267 45%,#e09a2d);border-radius:6px;min-width:6px;height:100%;display:block;box-shadow:0 0 10px #ffc85099}.lv-stats{letter-spacing:.12em;text-transform:uppercase;color:#b9a9d6;text-shadow:var(--ts-soft);gap:12px;font-size:9px;font-weight:900;display:flex}.lv-stats b{font-family:var(--display);color:#fff;letter-spacing:0;text-shadow:var(--ts-hard);margin-right:4px;font-size:15px;font-weight:400}.feat{cursor:pointer;flex-direction:column;grid-area:feat;place-self:end start;align-items:center;width:clamp(220px,23vw,300px);display:flex;position:relative}.feat-view{width:100%;height:clamp(200px,36vh,330px)}.feat-cap{text-align:center;flex-direction:column;align-items:center;gap:2px;margin-top:-18px;display:flex;position:relative}.feat-cap .ribbon{--r1:color-mix(in srgb, var(--rc,#b84dff) 80%, #fff);--r2:color-mix(in srgb, var(--rc,#b84dff) 70%, #000);margin-bottom:2px;font-size:10px}.feat-name{font-family:var(--display);background:var(--gold-grad);color:#0000;filter:drop-shadow(0 3px #6e3d0b)drop-shadow(0 6px 10px #000000b3);-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,2.2vw,28px);line-height:1}.feat-skill{color:#e9e0fb;max-width:280px;text-shadow:var(--ts-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;display:-webkit-box;overflow:hidden}.feat-skill b{color:#efc7ff}.feat-go{font-family:var(--display);letter-spacing:.04em;color:#ffe19a;text-shadow:var(--ts-hard);margin-top:4px;font-size:11px;transition:transform .15s}.feat:hover .feat-go{color:#fff;transform:translate(4px)}.feat:hover .feat-name{filter:drop-shadow(0 3px #6e3d0b)drop-shadow(0 0 14px #ffd267b3)}.menu-btns{flex-direction:column;grid-area:btns;gap:12px;display:flex}.play-btn{text-align:left;align-items:center;gap:14px;animation:2.4s ease-in-out infinite playGlow;display:flex;padding:14px 18px 16px!important}.play-btn .ico{color:#6a3b08;background:radial-gradient(circle at 35% 30%,#fff,#ffe7a6 60%,#f0b445);border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 -3px #96500059,0 2px #783c0066}.play-btn .ico svg{width:28px;height:28px}.play-btn .pl{font-size:clamp(26px,2.8vw,34px);line-height:1}.play-btn .sub{font-family:var(--body);letter-spacing:.06em;text-transform:none;color:#6a3b08;opacity:.85;text-shadow:none;margin-top:4px;font-size:10.5px;font-weight:900;display:block}@keyframes playGlow{0%,to{filter:none}50%{filter:brightness(1.08)drop-shadow(0 0 16px #ffc8508c)}}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mtile{cursor:pointer;color:#fff;min-width:0;height:76px;font:inherit;text-align:center;background:linear-gradient(#7457d0,#4a33a0 55%,#34237a);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:4px 6px 7px;transition:transform .1s,box-shadow .1s,filter .2s;display:flex;position:relative;box-shadow:0 5px #1a0f44,0 10px 18px #00000073,inset 0 2px #ffffff4d,inset 0 -3px #0003}.mtile:hover{filter:brightness(1.12);transform:translateY(-2px)}.mtile:active{transform:translateY(4px);box-shadow:0 1px #1a0f44,0 3px 8px #00000073,inset 0 2px #ffffff40}.mtile .ti{color:#6a3b08;background:radial-gradient(circle at 35% 30%,#fff7d2,#ffd267 55%,#d99a2d);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:transform .2s;display:grid;box-shadow:0 3px #28145099,inset 0 -2px #96500059}.mtile:hover .ti{transform:rotate(-10deg)scale(1.08)}.mtile .ti svg{width:22px;height:22px}.mtile .tl{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--display);letter-spacing:.02em;text-shadow:0 2px #140832cc;font-size:12px;line-height:1.05;overflow:hidden}.mtile .new{font-family:var(--display);letter-spacing:.06em;color:#fff;background:linear-gradient(#ff9a92,#e8424f 55%,#a51c2c);border-radius:8px;padding:2px 7px 3px;font-size:9px;animation:1.4s ease-in-out infinite pulse;position:absolute;top:-8px;right:-6px;transform:rotate(8deg);box-shadow:0 2px #5e0d12}.ticker{background:linear-gradient(#0000,#05030cd9);border-top:0;height:28px}.ticker span{text-shadow:0 1px 2px #000;top:9px}.setup-screen{align-items:stretch;padding:0}.setup-screen.dim,.deck-screen.dim{background:linear-gradient(#05030c59,#0000 18% 80%,#05030c73)}.setup-screen>.topbar{margin:0}.setup2{min-height:0;padding:0 20px calc(14px + var(--safe-b));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(6px,1.6vh,16px);display:flex}.arenas{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1100px,100%);margin:0 0 clamp(4px,3vh,34px);display:grid}.arena{cursor:pointer;color:#fff;min-height:0;font:inherit;background:0 0;border:0;outline:none;flex-direction:column;align-items:center;gap:2px;padding:0 0 4px;display:flex;position:relative}.arena-view{aspect-ratio:1.15;width:100%;min-height:0;margin-bottom:-6px}.arena-lbl{font-family:var(--display);color:#fff;text-shadow:0 3px #140832e6,0 6px 12px #0009;border-radius:12px;padding:6px 18px 7px;font-size:clamp(15px,1.8vw,22px);line-height:1;transition:transform .2s,background .2s;position:relative}.arena-lbl .as{display:none}.arena:hover .arena-lbl{transform:translateY(-2px)}.arena.on .arena-lbl{color:#4a2a00;text-shadow:0 1px #fff9;background:linear-gradient(#fff7d2,#ffdd85 35%,#f3b23c);transform:scale(1.06);box-shadow:0 4px #8a500b,0 0 24px #ffc8508c,inset 0 2px #fff}.arena-desc{color:#d8cdea;text-shadow:var(--ts-soft);text-align:center;margin-top:4px;font-size:11px}.arena.on .arena-desc{color:#ffe9b0}.arena-dots{gap:3px;margin-top:3px;display:flex}.arena-dots i{border-radius:2px;width:9px;height:9px;box-shadow:inset 0 -2px #0000004d,0 1px 3px #0009}.setup-row{flex:none;justify-content:space-between;align-items:flex-end;gap:18px 26px;width:min(1100px,100%);display:flex}.diff-w,.deck-mini{flex-direction:column;gap:7px;display:flex}.diffs2{gap:10px;display:flex}.dbtn{--b1:#8ef0b5;--b2:#2fbd6a;--b3:#17804a;--bev:#0b4a29;cursor:pointer;color:#fff;font:inherit;background:linear-gradient(180deg, var(--b1), var(--b2) 50%, var(--b3));filter:saturate(.25)brightness(.55);box-shadow:0 4px 0 var(--bev), 0 8px 14px #0006, inset 0 2px 0 #fff6;border:0;border-radius:14px;align-items:center;gap:8px;padding:7px 14px 8px 8px;transition:transform .12s,filter .2s,box-shadow .12s;display:flex;position:relative}.dbtn.blue{--b1:#9ed2ff;--b2:#4a96ff;--b3:#1d4fb8;--bev:#102f6e}.dbtn.red{--b1:#ff9a92;--b2:#e8424f;--b3:#a51c2c;--bev:#5e0d12}.dbtn:hover{filter:saturate(.6)brightness(.8);transform:translateY(-2px)}.dbtn.on{filter:none;box-shadow:0 5px 0 var(--bev), 0 0 22px color-mix(in srgb, var(--b2) 60%, transparent), inset 0 2px 0 #ffffff80;transform:translateY(-3px)scale(1.04)}.dbtn:active{box-shadow:0 1px 0 var(--bev), inset 0 2px 0 #fff6;transform:translateY(2px)}.dbtn .di{background:#00000038;border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;display:grid;box-shadow:inset 0 2px 3px #00000059}.dbtn .dl{font-family:var(--display);text-shadow:0 2px #00000059;flex-direction:column;align-items:flex-start;font-size:15px;line-height:1;display:flex}.dbtn .dl small{font-family:var(--body);letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-top:3px;font-size:9px;font-weight:900}.deck-mini{cursor:pointer}.deck-mini .avg{color:#d8cdea;text-shadow:var(--ts-soft)}.dm-row{align-items:center;gap:6px;display:flex}.dm{--rc:#9fb4c8;width:44px;height:44px;box-shadow:0 0 0 2px var(--rc), 0 3px 0 #00000080, 0 6px 10px #00000073;background:radial-gradient(circle at 50% 70%,#4d3f73,#1a1230 75%);border-radius:50%;flex:none;transition:transform .15s;position:relative;overflow:visible}.dm[data-r=rare]{--rc:#ffb35a}.dm[data-r=epic]{--rc:#c77bff}.dm[data-r=legendary]{--rc:#5ff5dc}.dm img{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);border-radius:0 0 50% 50%;width:calc(100% + 4px);height:calc(100% + 2px);position:absolute;top:-4px;bottom:2px;left:-2px;right:-2px}.dm b{width:18px;height:19px;font-family:var(--display);color:#fff;clip-path:polygon(50% 0,100% 25%,100% 72%,50% 100%,0 72%,0 25%);background:radial-gradient(circle at 40% 30%,#f3a6ff,#b84dff 45%,#6a15c7 90%);place-items:center;font-size:10px;font-weight:400;display:grid;position:absolute;bottom:-4px;left:-5px}.dm-edit{color:#4a2a00;background:radial-gradient(circle at 35% 30%,#fff7d2,#ffd267 55%,#d99a2d);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin-left:4px;font-size:16px;transition:transform .15s;display:grid;box-shadow:0 3px #7a4a10,0 6px 10px #0006}.deck-mini:hover .dm{transform:translateY(-3px)}.deck-mini:hover .dm-edit{transform:rotate(-12deg)scale(1.1)}.go-btn{animation:2.4s ease-in-out infinite playGlow;padding:16px 40px 18px!important;font-size:clamp(22px,2.6vw,32px)!important}.go-btn .sw{margin-left:6px;animation:1.6s ease-in-out infinite swordWiggle;display:inline-block}@keyframes swordWiggle{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-18deg)}90%{transform:rotate(12deg)}}.deck2{width:min(1280px,100%);min-height:0;padding:0 20px calc(12px + var(--safe-b));flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(230px,32%) minmax(0,1fr);gap:8px 22px;margin:0 auto;display:grid}.dk-hero{flex-direction:column;align-items:center;min-height:0;display:flex;position:relative}.dk-view{cursor:grab;touch-action:none;flex:1;width:100%;min-height:0}.dk-view:active{cursor:grabbing}.dk-cap{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:5px;margin-top:-10px;display:flex}.dk-name{font-family:var(--display);background:var(--gold-grad);color:#0000;filter:drop-shadow(0 3px #6e3d0b)drop-shadow(0 8px 12px #000000b3);-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,3vw,36px);line-height:1;animation:.35s pop}.dk-meta{letter-spacing:.06em;color:#e3d6ff;text-shadow:var(--ts-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.dk-meta .rar{margin:0}.dk-cost{color:#f3b6ff}.dk-lv{color:#ffe19a;font-family:var(--display);font-weight:400}.dk-lock{color:#ffb3b8}.dk-skill{color:#e9e0fb;max-width:380px;text-shadow:var(--ts-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.dk-skill b{color:#efc7ff}.dk-right{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.dk-head{flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.dk-head .avg{color:#e3d6ff;text-shadow:var(--ts-soft)}.deck2 .deck-slots{background:radial-gradient(60% 100% at 50% 100%,#ffd26724,#0000 70%);flex:none;grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;gap:9px;padding:12px 6px 16px;display:grid;position:relative}.deck2 .deck-slots:after{content:"";background:linear-gradient(90deg,#0000,#ffd267b3,#0000);border-radius:2px;height:3px;position:absolute;bottom:4px;left:4%;right:4%}.deck2 .deck-slots .card{width:100%;max-width:100px}.deck2 .deck-bar{flex:none}.deck2 .deck-bar .hint{color:#d8cdea;text-shadow:var(--ts-soft)}.deck-screen.swapping .deck-bar .hint{color:#ffe19a}.deck2 .deck-coll{flex:1;align-items:flex-start;min-height:0;display:flex}.deck2 .deck-coll .carousel{width:100%}.deck2 .car-view{justify-self:center;width:100%}.card.focus:not(.sel){box-shadow:0 0 0 2px #9fe4ff,0 0 18px #78c8ff99,0 8px 16px #0009}.deck-screen.swapping .deck-coll .card:not(.in-deck):not(.locked){animation:1.1s ease-in-out infinite swapHint}@keyframes swapHint{0%,to{filter:none}50%{filter:brightness(1.25)drop-shadow(0 0 8px #ffd267b3)}}.car-btn{color:#4a2a00;background:radial-gradient(circle at 35% 30%,#fff7d2,#ffd267 55%,#d99a2d);border:0;border-radius:50%;width:30px;height:30px;padding-bottom:3px;font-size:20px;box-shadow:0 3px #7a4a10,0 6px 10px #0006}.car-btn:not(:disabled):hover{color:#000;transform:scale(1.1)}.car-btn:disabled{opacity:.2}.carousel{grid-template-columns:30px minmax(0,1fr) 30px}.modal:before,.modal:after{content:none}.modal{background:radial-gradient(90% 50% at 50% 0,#b84dff47,#0000 70%),linear-gradient(#2c1f58,#160f30 60%,#0f0a22);border:0;border-radius:26px;padding-top:clamp(18px,3vw,26px);box-shadow:0 0 0 3px #e9b24a,0 0 0 7px #0a0618d9,0 8px 0 7px #00000073,0 34px 80px #000c,inset 0 2px #ffffff2e}.modal h3{color:#fff3c7;text-shadow:0 3px #3b0773,0 8px 16px #00000080;isolation:isolate;margin:0 0 12px;padding:4px 30px 8px;font-size:clamp(22px,3.4vw,32px);display:inline-block;position:relative}.modal h3:before{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%);filter:drop-shadow(0 3px #00000059);background:linear-gradient(#b84dff,#6a15c7);position:absolute;top:0;bottom:0;left:0;right:0}.modal p{color:#ddd2f3}.modal .row{gap:12px}.modal .row .btn{min-width:120px}.toast{font-family:var(--display);letter-spacing:.03em;text-shadow:0 2px #0009;background:linear-gradient(#3b2a74,#1f1545);border:0;border-radius:999px;padding:9px 20px 10px;font-size:13px;font-weight:400;box-shadow:0 4px #0d0720,0 10px 24px #0000008c,inset 0 2px #fff3,0 0 0 2px #ffd26773}.set-list{text-align:left;flex-direction:column;gap:14px;margin:4px 0 2px;display:flex}.set-row{grid-template-columns:36px 1fr;align-items:center;gap:4px 12px;display:grid}.set-row .si{background:radial-gradient(circle at 35% 30%,#6c55b0,#33246a 70%);border-radius:50%;grid-row:span 2;place-items:center;width:36px;height:36px;font-size:17px;display:grid;box-shadow:0 3px #140a2e,inset 0 2px #ffffff40}.set-row .sl{font-family:var(--display);letter-spacing:.04em;color:#ffe19a;text-shadow:0 2px #00000080;justify-content:space-between;font-size:12px;display:flex}.set-row .sl em{font-style:normal;font-family:var(--body);color:#d8cdea;font-size:11px;font-weight:900}.set-row .input{border:0;border-radius:10px;padding:9px 12px;font-size:14px}.seg2{gap:6px;display:flex}.seg2 .btn{flex:1;padding:9px 6px}.set-keys{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:14px;display:flex}.set-keys span{color:#cfc3e6;background:#00000059;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.set-keys kbd{font-family:var(--display);color:#ffe19a;margin-right:4px;font-size:10px}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;--v:50%;background:linear-gradient(90deg, #e09a2d, #ffd267 var(--v), #0000008c var(--v));border-radius:7px;width:100%;height:12px;box-shadow:inset 0 2px 3px #0009}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%,#fff,#ffe7a6 50%,#e9a32b);border:0;border-radius:50%;width:24px;height:24px;box-shadow:0 3px #7a4a10,0 4px 8px #00000080}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#fff,#ffe7a6 50%,#e9a32b);border:0;border-radius:50%;width:24px;height:24px;box-shadow:0 3px #7a4a10}.vcube{perspective:400px;width:54px;height:54px;margin:0 auto 22px}.vcube div{width:100%;height:100%;transform-style:preserve-3d;animation:3.2s cubic-bezier(.6,0,.4,1) infinite vspin;position:relative}.vcube i{border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 3px #0000002e,inset 0 4px #ffffff59}.vcube i:first-child{background:#ffc94a;transform:translateZ(27px)}.vcube i:nth-child(2){background:#e09a2d;transform:rotateY(180deg)translateZ(27px)}.vcube i:nth-child(3){background:#f0b445;transform:rotateY(90deg)translateZ(27px)}.vcube i:nth-child(4){background:#c27f1f;transform:rotateY(-90deg)translateZ(27px)}.vcube i:nth-child(5){background:#fff0b0;transform:rotateX(90deg)translateZ(27px)}.vcube i:nth-child(6){background:#8a500b;transform:rotateX(-90deg)translateZ(27px)}@keyframes vspin{0%{transform:rotateX(-24deg)rotateY(0)}50%{transform:rotateX(-24deg)rotateY(180deg)translateY(-10px)}to{transform:rotateX(-24deg)rotateY(360deg)}}.loadbar{background:#0009;border:0;border-radius:11px;height:20px;padding:0;box-shadow:inset 0 3px 5px #000c,0 0 0 3px #ffd26759,0 6px 18px #00000080}.loadbar i{background:repeating-linear-gradient(90deg,#0000 0 14px,#7a4a1059 14px 16px),linear-gradient(#fff3bf,#ffd267 45%,#e09a2d);border-radius:8px;top:3px;bottom:3px;left:3px}.loadtxt{color:#e3d6ff;text-shadow:var(--ts-soft);margin-top:2px}.vcube+.loadbar{margin-top:0}.tip{color:#d8cdea;text-shadow:var(--ts-soft);background:0 0;border:0;padding:0 16px;font-size:13px}.tip:before{content:"💡 "}.tap .btn{animation:1.8s ease-in-out infinite playGlow}.ff .screen,.ff .modal-bg,.ff .modal,.ff .dk-name{animation:none!important}@media (max-width:1100px){#menu .menu-main{grid-template-columns:minmax(230px,270px) minmax(0,1fr) minmax(270px,300px);padding:0 16px 14px}}@media (max-width:760px){.topbar{padding-left:10px;padding-right:10px}.profile-card .avatar{width:40px;height:40px;font-size:17px}.profile-card .pname{font-size:12px}.chip{padding-right:10px;font-size:13px}.chip .res-ico{width:24px;height:24px;font-size:10px}.chip .ico-gem{width:20px;height:20px}.profile-card .mini-xp,.profile-card .plevel{display:none}.profile-card .pname{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}.btn.icon{width:34px;height:34px;font-size:13px}#menu .menu-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"side""btns";align-content:end;gap:10px;padding:0 14px 12px}.feat{display:none}.menu-side{align-items:flex-start}.lvl-w{display:none}.chest-view{width:76px;height:68px}.daily-w .bang{top:0;left:54px}.daily-w{grid-template-columns:76px}.daily-w .dw-txt{display:none}.daily-w:after{content:"Hadiah";font-family:var(--display);letter-spacing:.04em;color:#ffe19a;text-shadow:var(--ts-hard);justify-self:center;margin-top:-8px;font-size:10px}.daily-w.ready:after{content:"Klaim!";color:#8ef0b5;animation:1s ease-in-out infinite pulse}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mtile{height:70px;padding:6px 4px 8px}.mtile .ti{width:36px;height:36px}.mtile .tl{font-size:0}.mtile .tl:after{content:attr(data-s);font-size:11px}.play-btn .pl{font-size:26px}.arenas{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;max-height:none}.arena-desc,.arena-dots{display:none}.setup-row{flex-direction:column;align-items:stretch;gap:12px}.diffs2 .dbtn{flex:1;justify-content:center;padding:7px 6px 8px}.dbtn .di{width:26px;height:26px;font-size:14px}.dbtn .dl{font-size:13px}.dm-row{justify-content:space-between;gap:2px}.dm{width:34px;height:34px}.dm-edit{width:30px;height:30px;font-size:14px}.go-btn{width:100%}.deck2{padding:0 10px calc(10px + var(--safe-b));grid-template-rows:minmax(140px,34%) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:4px}.dk-hero{grid-template-columns:1fr 1fr;align-items:center;display:grid}.dk-view{height:100%}.dk-cap{text-align:left;align-items:flex-start;margin:0}.dk-meta{justify-content:flex-start}.dk-skill{-webkit-line-clamp:4;font-size:11px}.deck2 .deck-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;padding:12px 4px 14px}.deck2 .deck-slots .card{max-width:74px}.deck2 .deck-bar .hint{font-size:10px}}@media (max-width:600px){.screen-title{max-width:46vw;padding:2px 14px 4px 12px;font-size:16px}}@media (max-width:760px) and (min-height:561px){.menu-logo{top:calc(70px + var(--safe-t));display:block!important}.menu-logo .logo-main{font-size:clamp(44px,15vw,70px)}.menu-logo .logo-top{font-size:16px}.menu-logo .logo-crown{width:38px}}@media (max-height:560px){.play-btn{padding:10px 14px 12px!important}.play-btn .ico{width:40px;height:40px}.play-btn .ico svg{width:22px;height:22px}.play-btn .pl{font-size:24px}.play-btn .sub{display:none}.mtile{flex-direction:row;gap:8px;height:50px}.mtile .ti{width:30px;height:30px}.mtile .ti svg{width:17px;height:17px}.mtile .tl{font-size:0}.mtile .tl:after{content:attr(data-s);font-size:12px}.menu-btns{gap:10px}}@media (orientation:landscape) and (max-height:500px){.topbar{padding-top:calc(6px + var(--safe-t));padding-bottom:2px}.profile-card .avatar{border-width:2px;width:38px;height:38px;font-size:16px}.btn.icon{width:34px;height:34px}#menu .menu-main{top:calc(50px + var(--safe-t));grid-template-columns:minmax(170px,210px) minmax(0,1fr) minmax(250px,280px);gap:10px;padding:0 16px 8px;bottom:24px}.lvl-w{display:none}.daily-w{grid-template-columns:76px auto}.chest-view{width:76px;height:66px}.daily-w .bang{left:54px}.feat{width:190px}.feat-view{height:190px}.feat-skill{display:none}.feat-name{font-size:18px}.feat-cap{margin-top:-14px}.ticker{height:22px}.ticker span{font-size:9px;top:5px}.setup2{padding-bottom:calc(8px + var(--safe-b));gap:4px}.setup2>.ribbon.big,.arena-desc,.arena-dots{display:none}.arena-lbl{padding:4px 12px 5px;font-size:14px}.dbtn{padding:5px 10px 6px 6px}.dbtn .di{width:24px;height:24px;font-size:13px}.dbtn .dl{font-size:12px}.dbtn .dl small{display:none}.dm{width:30px;height:30px}.dm b{width:15px;height:16px;font-size:9px}.dm-row{gap:4px}.dm-edit{width:28px;height:28px;font-size:13px}.kicker{font-size:10px}.go-btn{padding:12px 22px 13px!important;font-size:20px!important}.setup-row{gap:12px}.deck2{padding:0 14px calc(6px + var(--safe-b));grid-template-columns:minmax(180px,26%) minmax(0,1fr);gap:4px 14px}.dk-skill{display:none}.dk-name{font-size:18px}.dk-cap{gap:3px;margin-top:-6px}.dk-meta{gap:5px;font-size:9px}.dk-head .ribbon{font-size:10px}.deck2 .deck-slots{gap:6px;padding:8px 4px 10px}.deck2 .deck-slots .card{max-width:56px}.deck2 .deck-slots .card .nm{font-size:7px}.deck2 .deck-slots .card .lvtag{display:none}.deck2 .deck-bar .hint{font-size:9.5px}.modal{padding:14px 18px}.modal h3{margin-bottom:6px;font-size:20px}}.play-btn{position:relative}.play-btn .live-dot{background:#3ee07a;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite pulse;position:absolute;top:14px;right:16px;box-shadow:0 0 0 3px #ffffff8c,0 0 10px #3ee07a}.mode-btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mbtn{--b1:#9ed2ff;--b2:#4a96ff;--b3:#1d4fb8;--bev:#102f6e;cursor:pointer;color:#fff;min-width:0;height:58px;font:inherit;text-align:left;background:linear-gradient(180deg, var(--b1), var(--b2) 50%, var(--b3));box-shadow:0 5px 0 var(--bev), 0 10px 18px #00000073, inset 0 2px 0 #fff6;border:0;border-radius:14px;align-items:center;gap:8px;padding:4px 10px 6px 7px;transition:transform .1s,box-shadow .1s,filter .2s;display:flex;position:relative}.mbtn.green{--b1:#8ef0b5;--b2:#2fbd6a;--b3:#17804a;--bev:#0b4a29}.mbtn:hover{filter:brightness(1.1);transform:translateY(-2px)}.mbtn:active{box-shadow:0 1px 0 var(--bev), inset 0 2px 0 #ffffff59;transform:translateY(4px)}.mbtn .mi{background:#00000038;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 2px 3px #00000059}.mbtn .mi svg{width:22px;height:22px}.mbtn{container-type:inline-size}.mbtn .ml{min-width:0;font-family:var(--display);text-shadow:0 2px #00000059;white-space:nowrap;text-overflow:ellipsis;flex-direction:column;font-size:clamp(9.5px,7.6cqi,13px);line-height:1.05;display:flex;overflow:hidden}.mbtn .ml small{font-family:var(--body);letter-spacing:.06em;opacity:.9;text-overflow:ellipsis;margin-top:3px;font-size:9.5px;font-weight:900;overflow:hidden}.tiles.t3{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles.t3 .mtile{height:68px}@media (max-width:760px){.tiles.t3{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles.t3 .mtile{flex-direction:row;gap:7px;height:56px}.tiles.t3 .mtile .ti{width:30px;height:30px}.tiles.t3 .mtile .ti svg{width:18px;height:18px}.mbtn{height:50px}.mbtn .mi{width:32px;height:32px}.mbtn .mi svg{width:19px;height:19px}}@media (max-height:560px){.mode-btns{gap:8px}.mbtn{gap:6px;height:42px;padding:3px 8px 5px 5px}.mbtn .mi{width:28px;height:28px}.mbtn .mi svg{width:17px;height:17px}.mbtn .ml small{display:none}.tiles.t3 .mtile{height:44px}.tiles.t3 .mtile .ti{width:26px;height:26px}.tiles.t3 .mtile .ti svg{width:15px;height:15px}.play-btn .live-dot{width:8px;height:8px;top:10px;right:10px}}.wpick{flex-wrap:wrap;gap:10px;display:flex}.wpick.locked .wp-btn{cursor:default}.wpick.locked .wp-btn em{display:none}.wp-btn{cursor:pointer;color:#fff;min-width:0;font:inherit;text-align:left;background:linear-gradient(#3c2878d9,#1a1036e6);border:0;border-radius:14px;align-items:center;gap:9px;padding:5px 12px 5px 5px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px #120a2c,0 8px 14px #0006,inset 0 2px #ffffff29,0 0 0 2px #ffd2674d}.wp-btn:hover{transform:translateY(-2px);box-shadow:0 6px #120a2c,0 10px 16px #00000073,inset 0 2px #fff3,0 0 0 2px #ffd267b3}.wp-btn:active{transform:translateY(2px)}.wp-vis{border-radius:9px;flex:none;width:44px;height:36px;display:block;overflow:hidden;box-shadow:inset 0 0 0 2px #00000059}.wp-vis.map{width:56px}.wp-vis .wp-sw,.wp-vis .wp-map{border-radius:0;width:100%;height:100%}.wp-tx{flex-direction:column;min-width:0;line-height:1.05;display:flex}.wp-tx small{letter-spacing:.14em;text-transform:uppercase;color:#ffe19a;text-shadow:var(--ts-soft);font-size:9px;font-weight:900}.wp-tx b{font-family:var(--display);text-shadow:0 2px #00000080;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:170px;margin-top:2px;font-size:13px;font-weight:400;line-height:1.05;display:-webkit-box;overflow:hidden}.wp-btn em{color:#ffe19a;margin-left:2px;font-size:11px;font-style:normal}.wp-sw{background:linear-gradient(180deg, var(--s1) 0%, var(--s2) 55%, var(--gl) 55%, var(--g) 66%, var(--d) 66%, var(--d) 76%, var(--w) 76%);border-radius:9px;width:44px;height:36px;display:block;position:relative;overflow:hidden}.wp-sw b{background:var(--l);width:26%;height:28%;box-shadow:10px 3px 0 -1px var(--l), inset 0 -3px 0 #0003;border-radius:3px;position:absolute;top:30%;left:12%}.wp-sw i{filter:drop-shadow(0 1px 1px #000000b3);font-size:13px;font-style:normal;line-height:1;position:absolute;top:3px;right:4px}.wp-sw.rnd{background:conic-gradient(from 30deg,#ffd267,#ff7a8a,#b84dff,#4a96ff,#3ee07a,#ffd267);place-items:center;display:grid}.wp-sw.rnd i{font-family:var(--display);color:#fff;text-shadow:0 2px #00000080;font-size:18px;position:static}.wp-map{width:100%;height:100%;display:block}.wp-modal{width:min(640px,100%)!important}.wp-sheet{text-align:left;flex-direction:column;gap:14px;display:flex}.wp-sec .kicker{margin-bottom:8px}.wp-grid{gap:10px;display:grid}.wp-grid.th{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.wp-grid.mp{grid-template-columns:repeat(auto-fill,minmax(150px,230px))}.wp-opt{cursor:pointer;color:#fff;font:inherit;text-align:left;background:#0a06188c;border:0;border-radius:14px;flex-direction:column;align-items:stretch;gap:4px;padding:6px 6px 8px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 0 0 2px #ffffff14}.wp-opt:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffd26773}.wp-opt.on{background:#3c280a73;box-shadow:inset 0 0 0 3px #ffd267,0 0 18px #ffc85073}.wp-opt.on:after{content:"✓";color:#4a2a00;background:radial-gradient(circle at 35% 30%,#fff7d2,#ffd267 55%,#d99a2d);border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px #7a4a10}.wp-opt .wp-sw.big{width:100%;height:62px}.wp-opt .wp-sw.big i{font-size:20px;top:5px;right:6px}.wp-opt .wp-sw.big b{box-shadow:22px 4px 0 -2px var(--l), inset 0 -4px 0 #0003}.wp-mapv{aspect-ratio:2;border-radius:9px;display:block;overflow:hidden;box-shadow:inset 0 0 0 2px #00000059}.wp-on{font-family:var(--display);text-shadow:0 2px #00000080;font-size:13px;line-height:1.1}.wp-opt small{color:#cfc3e6;font-size:10px;font-weight:700;line-height:1.25}@media (max-width:600px),(max-height:500px){.wp-grid.th{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.wp-opt .wp-sw.big{height:46px}.wp-opt small{display:none}.wp-grid.mp{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:500px){.wp-btn{border-radius:11px;gap:6px;padding:3px 9px 3px 3px}.wp-vis{border-radius:7px;width:34px;height:28px}.wp-vis.map{width:42px}.wp-tx b{max-width:110px;font-size:11px}.wp-tx small{font-size:8px}.wp-sheet{gap:8px}.wp-grid.mp{grid-template-columns:repeat(2,minmax(0,210px))}.wp-mapv{aspect-ratio:3}}.ribbon.green{--r1:#8ef0b5;--r2:#17804a;color:#f2fff6;text-shadow:0 2px #00321499}.world-row{flex:none;justify-content:center;width:min(1100px,100%);margin-top:calc(-1*clamp(0px,2vh,22px));display:flex}.pr-info{flex-direction:column;gap:7px;display:flex}.pr-info ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pr-info li{color:#e9e0fb;text-shadow:var(--ts-soft);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.pr-info li b{color:#0b3a20;background:radial-gradient(circle at 35% 30%,#d8ffe6,#3ee07a 70%);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid;box-shadow:0 2px #0b4a29}@media (max-width:760px){.world-row{margin-top:0}.world-row .wpick{flex-wrap:nowrap;width:100%}.world-row .wp-btn{flex:1}.pr-info{display:none}}@media (orientation:landscape) and (max-height:500px){.world-row{margin-top:0}.pr-info{display:none}.arena-view{max-height:34vh}#menu .feat{visibility:hidden}}@media (max-width:600px){.world-row .wp-btn{gap:7px;padding:4px 8px 4px 4px}.world-row .wp-vis{width:36px;height:32px}.world-row .wp-vis.map{width:40px}.world-row .wp-tx b{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:11px;line-height:1.05;display:-webkit-box}}@media (max-height:500px){.modal-bg{padding:8px}.modal{max-height:calc(100vh - 16px);flex-direction:column;max-height:calc(100dvh - 16px);padding:14px 20px;display:flex;overflow:hidden}.modal>h3{flex:none;margin:0 0 4px;font-size:22px}.modal>.mb{flex:auto;min-height:0;overflow:auto}.modal>.row{flex:none;margin-top:8px}}#hud .hud-top{top:calc(8px + var(--safe-t));align-items:stretch;gap:0}#hud .timerbox{z-index:2;-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);background:linear-gradient(#33245c 0%,#1a1233 55%,#0d0820 100%);border:0;border-radius:0;gap:2px;min-width:112px;padding:6px 22px 8px;position:relative;box-shadow:inset 0 2px #ffe19673,inset 0 -3px #00000080}#hud .hud-top>.timerbox{filter:drop-shadow(0 4px 10px #0009)}#hud .timerbox:before{content:"";background:linear-gradient(90deg,#0000,#ffd267,#0000);height:2px;position:absolute;top:0;left:14px;right:14px}#hud .phase{letter-spacing:.3em;color:#ffd98a;font-size:8px}#hud .timer{text-shadow:0 3px #2a1300,0 0 16px #ffc85a59;font-size:clamp(24px,2.9vw,34px)}#hud .timerbar{background:#0000008c;border:0;border-radius:3px;width:clamp(64px,8vw,96px);height:4px}#hud .timerbox.x2{background:linear-gradient(#5a2a8f 0%,#2c1250 55%,#150828 100%)}#hud .timerbox.ot,#hud .timerbox.final{background:linear-gradient(#7a1f2e 0%,#3d0d18 55%,#1c050b 100%)}#hud .side{--tc:#ff4d5e;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg, #14060e40, color-mix(in srgb, var(--tc) 55%, #12061a) 70%, color-mix(in srgb, var(--tc) 70%, #12061a));clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);border:0;border-radius:0;gap:9px;min-width:clamp(150px,18vw,230px);margin:4px -10px;padding:6px 26px 6px 8px;position:relative;box-shadow:inset 0 2px #ffffff38,inset 0 -3px #00000059}#hud .side.you{--tc:#3f86ff;background:linear-gradient(270deg, #060a1a40, color-mix(in srgb, var(--tc) 55%, #060a1e) 70%, color-mix(in srgb, var(--tc) 70%, #060a1e));clip-path:polygon(0 0,100% 0,100% 100%,12px 100%);flex-direction:row-reverse;padding:6px 8px 6px 26px}#hud .side .avatar{box-shadow:0 0 0 2px #ffffff8c, 0 0 12px var(--pc);border:0}#hud .side .pname{color:#fff;letter-spacing:.14em;text-shadow:0 1px 2px #000c;font-size:10px}#hud .side.you .pname{color:#fff}#hud .side .cslot{color:#00000059}#hud .side .cslot.on{color:#ffd267;filter:drop-shadow(0 0 6px #ffc450f2)}#hud .side.enemy .cslot.on{color:#ffd267}#hud .pl-group{align-items:center;gap:6px;padding:0 8px;display:flex}#hud .pl-group:empty{display:none}#hud .pl-group.l{justify-content:flex-end}#hud .players-bar{top:calc(78px + var(--safe-t));gap:5px}#hud .pchip{letter-spacing:.06em;background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 70%, #0b0716), #0a0616d1 70%);border:0;border-radius:999px;gap:6px;padding:3px 10px 3px 3px;font-size:10px;position:relative;box-shadow:0 3px 10px #00000073,inset 0 1px #ffffff2e}#hud .pchip .sw{color:#fff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--pc) 60%, #fff), var(--pc) 60%, color-mix(in srgb, var(--pc) 60%, #000));width:20px;height:20px;box-shadow:0 0 8px var(--pc);border-radius:50%;place-items:center;display:grid}#hud .pchip .sw svg{filter:drop-shadow(0 1px 1px #0009);width:12px;height:12px}#hud .pchip .pn{color:#fff;text-shadow:0 1px 2px #000;text-overflow:ellipsis;white-space:nowrap;max-width:92px;overflow:hidden}#hud .pchip .cr{color:#ffd267}#hud .pchip.me{box-shadow:0 0 0 2px #ffdc82e6,0 0 14px #ffc85a73,0 3px 10px #00000073}#hud .pchip.tg:after{content:"⚔";color:#fff;background:radial-gradient(circle at 40% 30%,#ff8a8a,#d0203a);border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;top:-8px;right:-6px;box-shadow:0 0 8px #ff3c50cc}#hud .pchip.tg{box-shadow:0 0 0 2px #ff5a6a,0 0 14px #ff465a99}#hud .pchip.dead{opacity:.38;filter:grayscale(.7)}#hud .icon-btn{color:#f3e9ff;background:radial-gradient(circle at 50% 28%,#4a3a78,#241843 60%,#140c28);border:0;border-radius:50%;width:40px;height:40px;box-shadow:0 3px #0a0616,0 6px 14px #00000080,inset 0 2px #ffffff2e}#hud .icon-btn:hover{color:#ffe39a;box-shadow:0 3px #0a0616,0 6px 14px #00000080,0 0 14px #ffc85a73,inset 0 2px #ffffff38}#hud .icon-btn:active{transform:translateY(2px);box-shadow:0 1px #0a0616,inset 0 2px #ffffff26}#hud .icon-btn svg{width:18px;height:18px}#hud .icon-btn.pov{color:#f0c8ff;background:radial-gradient(circle at 50% 28%,#7a3aa8,#3d1660 60%,#1c0a30)}#hud .icon-btn.off{color:#7d7290}#hud .icon-btn .cam-tag{color:#3d2202;text-shadow:none;background:#ffd267;border-radius:5px;padding:1px 3px;font-size:7px;bottom:-1px;right:1px}#hud .hud-right{gap:9px}#hud .minimap{background:#0c081a8c;border:0;box-shadow:0 0 0 3px #1c1233,0 0 0 5px #ffcd64bf,0 0 0 7px #1c1233e6,0 0 22px #ffbe5040,0 8px 18px #0000008c}#hud .hud-left{top:calc(14px + var(--safe-t));gap:12px;left:clamp(14px,2vw,24px)}#hud .target-box{box-shadow:none;background:0 0;border:0;border-radius:0;max-width:190px;padding:0}#hud .target-box .tt{letter-spacing:.24em;color:#ffd98a;text-shadow:0 1px 2px #000,0 0 6px #000;margin:0 0 5px 2px;font-size:8px}#hud .target-box .tl{gap:5px}#hud .tbtn{--pc:#ffd267;color:#fff;text-shadow:0 1px 2px #000;background:#0a0616b8;border:0;border-radius:999px;gap:5px;padding:4px 9px 4px 4px;font-size:9px;box-shadow:0 3px 8px #00000073,inset 0 1px #ffffff1f}#hud .tbtn[data-t="-1"]{padding:5px 10px}#hud .tbtn .sw{background:var(--pc);width:14px;height:14px;box-shadow:0 0 6px var(--pc), inset 0 -2px 0 #0000004d;border-radius:50%}#hud .tbtn:hover:not(:disabled){background:#281c46d9}#hud .tbtn.on{color:#3d2202;text-shadow:none;background:linear-gradient(#fff7d2,#ffd267 50%,#e9a32b);box-shadow:0 2px #8a500b,0 0 14px #ffc85a8c}#hud .elixir{align-items:center;gap:0;width:min(500px,84vw)}#hud .elixir-num{z-index:2;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);text-shadow:0 2px #4d087e,0 0 6px #4d087e;background:radial-gradient(circle at 40% 28%,#ffc4ff,#d05cff 40%,#7a1fd6 80%,#4a0b92);border:0;border-radius:0;flex:none;width:40px;height:44px;margin-right:-12px;padding-top:3px;font-size:20px;position:relative}#hud .elixir>.elixir-num{filter:drop-shadow(0 3px 5px #000000b3)drop-shadow(0 0 8px #d664ff99);box-shadow:none}#hud .elixir-track{background:linear-gradient(#0b0714,#1d1330);border:0;border-radius:0 999px 999px 0;height:20px;box-shadow:inset 0 3px 6px #000000e6,0 3px 10px #00000080,0 0 0 2px #140a24d9}#hud .elixir-fill{border-radius:0 999px 999px 0;top:2px;bottom:2px;left:2px}#hud .elixir-ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#08041099 calc(10% - 2px) 10%)}#hud .elixir-label{letter-spacing:.3em;color:#ffffffb3;text-shadow:0 1px 2px #000;pointer-events:none;width:auto;font-size:8px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#hud .elixir-max{font-family:var(--display);color:#e1c8ffa6;text-shadow:0 1px 2px #000;flex:none;margin-left:6px;font-size:11px}#hud .elixir.full .elixir-num{box-shadow:none;filter:drop-shadow(0 3px 5px #000000b3)drop-shadow(0 0 14px #e678ff)}#hud .elixir.double .elixir-track{box-shadow:inset 0 3px 6px #000000e6,0 0 16px #d664ff99,0 0 0 2px #3c145ae6}#hud .elixir.double .elixir-max{color:#f3a6ff}#hud .hand-row{box-shadow:none;background:0 0;border:0;padding-top:6px}#hud .next-card{color:#e4d6ff;text-shadow:0 1px 2px #000;gap:4px;font-size:8px}#hud .next-card>span{letter-spacing:.2em;background:#0a0616b3;border-radius:999px;padding:2px 7px}#hud .next-card .nslot{opacity:.92;background:radial-gradient(at 50% 80%,#4d3f73,#1b1330 80%);border:0;border-radius:9px;transform:rotate(-6deg);box-shadow:0 0 0 2px #ffffff1f,0 5px 10px #00000080}#hud .pov-ui{background:#0a0616c7;border:0;border-radius:999px;padding:6px 8px;box-shadow:0 6px 18px #00000080}#hud .crosshair{border-color:#ffe6a0e6;box-shadow:0 0 10px #ffc85a80,inset 0 0 6px #00000080}@media (max-width:860px){#hud .side{min-width:0}}@media (max-width:760px){#hud .timerbox{min-width:86px;padding:4px 16px 6px}#hud .side{gap:6px;margin:3px -8px;padding:5px 20px 5px 6px}#hud .side.you{padding:5px 6px 5px 20px}#hud .side .pname{font-size:8px}#hud .icon-btn{width:34px;height:34px}#hud .icon-btn svg{width:15px;height:15px}#hud .pchip{padding:2px 8px 2px 2px;font-size:8px}#hud .pchip .sw{width:16px;height:16px}}@media (max-width:600px){#hud .players-bar{top:calc(66px + var(--safe-t))}#hud .pchip{padding:2px 7px 2px 2px}#hud .hud-left{flex-direction:row;align-items:flex-start;gap:10px}#hud .target-box{margin-top:2px}#hud .target-box .tt{display:none}#hud .target-box .tl{flex-direction:column;gap:6px}#hud .tbtn{border-radius:50%;justify-content:center;width:30px;height:30px;padding:0}#hud .tbtn[data-t="-1"]{letter-spacing:0;width:30px;padding:0;font-size:7px}#hud .tbtn .tn{display:none}#hud .tbtn .sw{width:18px;height:18px}#hud .tbtn.on .sw{box-shadow:0 0 0 2px #fff, 0 0 8px var(--pc)}#hud .elixir-max{display:none}}@media (orientation:landscape) and (max-height:500px){#hud .hud-left{top:calc(10px + var(--safe-t));left:calc(12px + env(safe-area-inset-left,0px));flex-direction:row;gap:10px}#hud .hud-left .target-box{margin-top:0;display:block}#hud .target-box .tt{display:none}#hud .target-box .tl{flex-direction:column;gap:5px}#hud .tbtn{border-radius:50%;justify-content:center;width:26px;height:26px;padding:0}#hud .tbtn[data-t="-1"]{letter-spacing:0;width:26px;padding:0;font-size:6px}#hud .tbtn .tn{display:none}#hud .tbtn .sw{width:16px;height:16px}#hud .tbtn.on .sw{box-shadow:0 0 0 2px #fff, 0 0 8px var(--pc)}#hud .hud-top{top:calc(6px + var(--safe-t))}#hud .timerbox{min-width:80px;padding:3px 16px 5px}#hud .timer{font-size:22px}#hud .elixir{width:310px}#hud .elixir-num{width:34px;height:38px;font-size:17px}#hud .elixir-track{height:16px}#hud .elixir-max{display:none}#hud .icon-btn{width:34px;height:34px}#hud .hud-right{gap:7px}#hud .players-bar{top:calc(54px + var(--safe-t))}}.modal-bg.gc-pause-bg{-webkit-backdrop-filter:blur(6px)saturate(.7);background:radial-gradient(at 50% 45%,#2818508c,#04020adb 75%)}.gc-pause{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(400px,100%);animation:.4s cubic-bezier(.2,1.3,.4,1) panelIn;display:flex;position:relative}.gp-icon{color:#3d2202;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 0 22px #ffc85ab3);background:radial-gradient(circle at 40% 30%,#fff7d2,#ffd267 50%,#c2812d);place-items:center;width:74px;height:74px;margin-bottom:2px;animation:2.4s ease-in-out infinite gpBob;display:grid}.gp-icon svg{width:34px;height:34px}@keyframes gpBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gp-title{font-family:var(--display);color:#ffe19a;letter-spacing:.06em;text-shadow:0 5px #6a3b08,0 0 30px #ffc85a73,0 12px 24px #0009;font-size:clamp(40px,7vw,60px);line-height:1}.gp-sub{color:#cfc3e6;text-shadow:0 1px 3px #000;font-size:13px;font-weight:800}.gp-sub b{color:#fff;font-family:var(--display);font-weight:400}.gp-pls{flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0 8px;display:flex}.gp-pl{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 65%, #0b0716), #0a0616cc 75%);border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 3px;font-size:10px;font-weight:900;display:inline-flex}.gp-pl i{background:var(--pc);width:16px;height:16px;box-shadow:0 0 8px var(--pc);border-radius:50%}.gp-pl b{color:#ffd267;font-family:var(--display);font-weight:400}.gp-pl.me{box-shadow:0 0 0 2px #ffdc82d9}.gp-pl.dead{opacity:.4}.gp-go{cursor:pointer;width:100%;height:66px;font-family:var(--display);letter-spacing:.06em;color:#fff;text-shadow:0 3px #003c148c;background:linear-gradient(#8ff5a8,#3fcf6a 45%,#1e9a45);border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;font-size:26px;transition:transform .12s,filter .15s,box-shadow .12s;display:flex;box-shadow:0 6px #0f5a26,0 14px 28px #00000080,0 0 30px #50e68259,inset 0 3px #ffffff73}.gp-go:hover{filter:brightness(1.08);transform:translateY(-2px)}.gp-go:active{transform:translateY(4px);box-shadow:0 2px #0f5a26,0 6px 12px #00000080,inset 0 3px #fff6}.gp-play{background:#0000002e;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 2px 4px #0000004d}.gp-play svg{width:22px;height:22px}.gp-row{gap:10px;width:100%;display:flex}.gp-small{cursor:pointer;height:46px;font-family:var(--body);letter-spacing:.12em;text-transform:uppercase;color:#efe6ff;background:linear-gradient(#4a3a78,#261a48);border:0;border-radius:999px;flex:1;font-size:12px;font-weight:900;transition:transform .12s,filter .15s;box-shadow:0 4px #120a26,0 8px 18px #00000073,inset 0 2px #ffffff26}.gp-small:hover{filter:brightness(1.15);transform:translateY(-1px)}.gp-small:active{transform:translateY(3px)}.gp-small.red{color:#fff;background:linear-gradient(#ff7080,#c41d48);box-shadow:0 4px #6e0b25,0 8px 18px #00000073,inset 0 2px #ffffff4d}.gp-hint{letter-spacing:.22em;text-transform:uppercase;color:#dccdf573;font-size:9px;font-weight:900}.is-touch .gp-hint{display:none}@media (max-height:460px){.gc-pause{gap:6px}.gp-icon{width:50px;height:50px}.gp-icon svg{width:24px;height:24px}.gp-title{font-size:34px}.gp-go{height:52px;font-size:21px}.gp-play{width:36px;height:36px}.gp-small{height:40px}.gp-pls{margin-bottom:4px}}.modal-bg.gc-end{-webkit-backdrop-filter:none;background:0 0;padding:0;animation:.5s fadeIn;display:block}.gc-end .ge-view{position:absolute;top:0;bottom:0;left:0;right:0}.gc-end:after{content:"";pointer-events:none;background:radial-gradient(60% 55% at 38% 52%,#0000 40%,#04020a8c 100%);position:absolute;top:0;bottom:0;left:0;right:0}.gc-end.lose:after{background:radial-gradient(60% 55% at 38% 52%,#28000a1a 30%,#140006b3 100%)}.ge-wrap{z-index:1;padding:calc(18px + var(--safe-t)) 28px calc(18px + var(--safe-b));grid-template:"head head""zone side"minmax(0,1fr)/minmax(0,1fr) minmax(300px,380px);gap:10px 28px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ge-head{text-align:center;grid-area:head;animation:.7s cubic-bezier(.2,1.4,.4,1) both geDrop}@keyframes geDrop{0%{opacity:0;transform:translateY(-40px)scale(.8)}to{opacity:1;transform:none}}.ge-title{filter:drop-shadow(0 6px #462602b3)drop-shadow(0 16px 26px #0000008c);display:inline-block}.ge-title span{font-family:var(--display);letter-spacing:.06em;color:#4a2a00;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);text-shadow:0 2px #ffffff8c;background:linear-gradient(#fff6cd,#ffd36b 45%,#eaa42e);padding:12px clamp(40px,7vw,80px) 14px;font-size:clamp(34px,6vw,64px);line-height:1;display:inline-block}.gc-end.good .ge-title span{color:#071a40;background:linear-gradient(#e3f0ff,#8fc0ff 45%,#3f78d8)}.gc-end.lose .ge-title span{color:#3d0505;background:linear-gradient(#ffd8d6,#ff8b83 48%,#c33b3b)}.ge-sub{letter-spacing:.2em;text-transform:uppercase;color:#f1e7ff;text-shadow:0 2px 4px #000;margin-top:10px;font-size:13px;font-weight:900}.ge-zone{pointer-events:none;grid-area:zone}.ge-side{flex-direction:column;grid-area:side;align-self:center;gap:12px;min-height:0;display:flex}.ge-ranks{scrollbar-width:none;flex-direction:column;gap:6px;max-height:44vh;display:flex;overflow:auto}.ge-r{color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 60%, #0b0716), #0a0616c7 60%);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;font-size:13px;font-weight:900;animation:.5s cubic-bezier(.2,1.3,.4,1) both geRow;display:flex;box-shadow:0 4px 12px #0006}@keyframes geRow{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.ge-r.me{box-shadow:0 0 0 2px #ffdc82f2,0 0 18px #ffc85a73}.ge-m{width:30px;height:32px;font-family:var(--display);color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);text-shadow:0 1px #00000080;background:linear-gradient(#6b5a90,#3a2c5e);flex:none;place-items:center;padding-top:2px;font-size:15px;display:grid}.ge-m.gold{color:#4a2a00;text-shadow:none;background:radial-gradient(circle at 40% 30%,#fff7d2,#ffd267 50%,#c2812d)}.ge-m.silver{color:#1d2438;text-shadow:none;background:radial-gradient(circle at 40% 30%,#fff,#c9d6ee 50%,#7d8aa8)}.ge-m.bronze{color:#3a1a04;text-shadow:none;background:radial-gradient(circle at 40% 30%,#ffd9b0,#d9894a 50%,#8a4a1c)}.ge-n{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ge-n em{letter-spacing:.14em;color:#3d2202;vertical-align:2px;text-shadow:none;background:#ffd267;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:9px;font-style:normal}.ge-c{color:#ffd267;font-family:var(--display);font-weight:400}.ge-rew{flex-wrap:wrap;gap:8px;animation:.5s .8s both geRow;display:flex}.ge-rw{font-family:var(--display);color:#fff;text-shadow:0 2px #00000080;background:radial-gradient(at 50% 0,#ffd26747,#0a0616bf 70%);border-radius:16px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:20px;display:inline-flex;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1f}.ge-rw .res-ico{width:22px;height:22px;font-size:10px}.ge-rw.xp{background:radial-gradient(at 50% 0,#5aa0ff59,#0a0616bf 70%)}.ge-rw.xp b{color:#9ed2ff;font-size:12px;font-weight:400}.ge-rw.neg{color:#ff9a9a}.gc-end .ge-xp{margin:0 4px;animation:.5s .9s both geRow}.gc-end .xplbl{color:#d6cbe9;text-shadow:0 1px 2px #000}.gc-end .xpbar{border:0;border-radius:999px;height:14px;box-shadow:inset 0 2px 4px #000000e6,0 0 0 2px #140a24d9}.ge-btns{gap:10px;margin-top:4px;animation:.5s 1s both geRow;display:flex}.ge-b{border-radius:999px;flex:1;padding:15px 12px;font-size:15px}.ge-b.big{flex:1.6;font-size:19px;box-shadow:0 5px #8a500b,0 12px 24px #00000080,0 0 24px #ffc85066,inset 0 2px #fff}@media (max-width:760px) and (orientation:portrait){.ge-wrap{padding:calc(14px + var(--safe-t)) 14px calc(14px + var(--safe-b));grid-template:"head""zone"minmax(170px,1fr)"side"/minmax(0,1fr);gap:8px}.ge-title span{padding:10px 34px 12px;font-size:34px}.ge-sub{margin-top:6px;font-size:11px}.ge-ranks{gap:5px;max-height:30vh}.ge-r{padding:3px 12px 3px 3px;font-size:12px}.ge-m{width:26px;height:28px;font-size:13px}.ge-rw{padding:6px 8px;font-size:16px}.gc-end:after{background:radial-gradient(80% 40% at 50% 38%,#0000 40%,#04020a99 100%)}}@media (orientation:landscape) and (max-height:500px){.ge-wrap{padding:10px calc(14px + env(safe-area-inset-right,0px)) 10px calc(14px + env(safe-area-inset-left,0px));grid-template:"head side""zone side"minmax(0,1fr)/minmax(0,1fr) minmax(280px,44%);gap:4px 16px}.ge-title span{padding:8px 30px 10px;font-size:26px}.ge-sub{margin-top:4px;font-size:10px}.ge-side{gap:7px}.ge-ranks{gap:4px;max-height:46vh}.ge-r{padding:2px 10px 2px 2px;font-size:11px}.ge-m{width:24px;height:26px;font-size:12px}.ge-rw{padding:5px 8px;font-size:15px}.ge-b{padding:11px 10px;font-size:13px}.ge-b.big{font-size:15px}.gc-end .xpbar{height:10px}}body.gc-end-on .fx-banners{visibility:hidden}@media (max-width:600px){#hud.duel .hud-top{padding:0 52px 0 112px}#hud .side{min-width:0;margin:3px -8px;padding:4px 16px 4px 4px}#hud .side.you{padding:4px 4px 4px 16px}#hud .side .avatar{width:26px;height:26px}#hud .crownrow .cslot{width:12px;height:12px}#hud .timerbox{min-width:78px;padding:4px 14px 6px}#hud .timer{font-size:22px}}@media (orientation:landscape) and (max-height:500px){#hud.n5 .pchip .pn,#hud.n6 .pchip .pn,#hud.n7 .pchip .pn,#hud.n8 .pchip .pn{display:none}#hud.n8 .tbtn{width:24px;height:24px}#hud.n8 .target-box .tl{gap:4px}}#hud.practice .hand-row{display:none}#hud.practice .hud-bottom{width:min(760px,96vw)}#hud.practice .elixir{display:none}.pr-elx{font-family:var(--display);color:#fff;background:linear-gradient(#d77bff,#8a2be2);border-radius:8px;flex:none;align-items:center;gap:4px;padding:3px 9px 3px 7px;font-size:17px;line-height:1;display:flex;box-shadow:inset 0 2px #ffffff59,0 0 10px #d664ff80}.pr-elx small{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;opacity:.9;font-size:8px;font-weight:900}#hud.practice .timerbar i{background:linear-gradient(90deg,#8ef0b5,#2fbd6a);width:100%!important}#hud .pr-tag{white-space:nowrap;pointer-events:none;letter-spacing:.06em;color:#d8cdea;text-shadow:0 1px 2px #000;align-items:center;gap:6px;font-size:9px;font-weight:900;display:flex;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}#hud .pr-tag b{font-family:var(--display);letter-spacing:.12em;color:#0b3a20;background:linear-gradient(#b8ffd2,#3ee07a);border-radius:6px;padding:2px 7px;font-size:9px;font-weight:400}#hud .hud-top{position:relative}.pr-panel{pointer-events:auto;background:linear-gradient(#1e143ce0,#0a0618eb);border-radius:16px;flex-direction:column;gap:6px;width:100%;padding:8px;display:flex;box-shadow:0 0 0 2px #8ef0b559,0 10px 26px #0000008c,inset 0 2px #ffffff1a}.pr-bar{scrollbar-width:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.pr-bar::-webkit-scrollbar{display:none}.pr-seg{background:#00000073;border-radius:10px;flex:none;gap:2px;padding:2px;display:flex}.pr-seg button{cursor:pointer;font-family:var(--display);color:#cfc3e6;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:flex}.pr-seg button i{background:var(--pc);border-radius:3px;width:10px;height:10px;box-shadow:0 0 0 1px #00000080}.pr-seg button.on{color:#fff;background:color-mix(in srgb, var(--pc) 55%, #1a1030);box-shadow:inset 0 2px 0 #ffffff40, 0 0 10px color-mix(in srgb, var(--pc) 50%, transparent)}.pr-tool{cursor:pointer;color:#ffe19a;background:linear-gradient(#4b3790,#2a1d58);border:0;border-radius:10px;flex:none;align-items:center;gap:5px;padding:5px 9px;font-size:13px;display:flex;box-shadow:0 3px #120a2c,inset 0 2px #fff3}.pr-tool span{font-family:var(--display);color:#fff;font-size:11px}.pr-tool:hover{filter:brightness(1.15)}.pr-tool:active{transform:translateY(2px);box-shadow:0 1px #120a2c}.pr-tool.on{background:linear-gradient(#ff8a8a,#c22f3d);box-shadow:0 3px #5e0d12,inset 0 2px #ffffff4d}.pr-tool.red{background:linear-gradient(#8a3a52,#4e1a2c);margin-left:auto;box-shadow:0 3px #2a0a14,inset 0 2px #fff3}.pr-count{font-family:var(--display);color:#b8ffd2;background:#0006;border-radius:8px;flex:none;padding:4px 8px;font-size:11px}.pr-count:before{content:"◉ ";color:#3ee07a}.pr-count.full{color:#ff9a9a;animation:1s ease-in-out infinite pulse}.pr-count.full:before{color:#ff5a5a}.pr-row{align-items:stretch;gap:6px;min-width:0;display:flex}.pr-search{background:#00000073;border-radius:10px;flex:none;align-items:center;gap:4px;width:92px;padding:0 8px;display:flex;box-shadow:inset 0 2px 4px #0009}.pr-search span{color:#ffe19a;font-size:15px}.pr-search input{color:#fff;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.pr-list{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffd26780 transparent;touch-action:pan-x;flex:1;gap:6px;min-width:0;padding:4px 2px;display:flex;overflow:auto hidden}.pr-h{--rc:#9fb4c8;cursor:pointer;scroll-snap-align:start;touch-action:pan-x;width:58px;height:64px;box-shadow:inset 0 0 0 2px var(--rc), 0 3px 0 #00000080;background:radial-gradient(at 50% 75%,#4d3f73,#1a1230 80%);border:0;border-radius:10px;flex:none;padding:0;transition:transform .12s;position:relative}.pr-h[data-r=rare]{--rc:#ffb35a}.pr-h[data-r=epic]{--rc:#c77bff}.pr-h[data-r=legendary]{--rc:#5ff5dc}.pr-h img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0009);width:calc(100% - 6px);height:46px;position:absolute;top:1px;left:3px;right:3px}.pr-h>b{width:18px;height:19px;font-family:var(--display);color:#fff;clip-path:polygon(50% 0,100% 25%,100% 72%,50% 100%,0 72%,0 25%);background:radial-gradient(circle at 40% 30%,#f3a6ff,#b84dff 45%,#6a15c7 90%);place-items:center;font-size:10px;font-weight:400;display:grid;position:absolute;top:-3px;left:-3px}.pr-h span{color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:8px;font-weight:900;line-height:1;position:absolute;bottom:3px;left:2px;right:2px;overflow:hidden}.pr-h em{letter-spacing:.05em;color:#fff;background:#0000008c;border-radius:4px;padding:1px 3px;font-size:6px;font-style:normal;font-weight:900;position:absolute;top:2px;right:2px}.pr-h:hover{transform:translateY(-2px)}.pr-h.sel{transform:translateY(-3px);box-shadow:inset 0 0 0 3px #ffd267,0 0 14px #ffd267cc,0 3px #00000080}.pr-h.hidden{display:none}.pr-h.drag-ghost{z-index:200;pointer-events:none;opacity:.95;margin:0;top:0;left:0;transform:translate(-50%,-70%)scale(1.1);position:fixed!important}.pr-h.drag-ghost.over{opacity:.8;transform:translate(-50%,-90%)scale(.8)}.pr-h.drag-ghost.invalid{filter:grayscale(.6)brightness(.7)}.pr-h.drag-ghost.dropping{opacity:0;transition:transform .2s,opacity .2s;transform:translate(-50%,-60%)scale(.3)}.pr-h.drag-source{opacity:.4}.pr-hint{color:#a99cc4;text-align:center;font-size:9.5px;font-weight:700;line-height:1.2}@media (max-width:600px){#hud.practice .hud-bottom{width:calc(100vw - 12px)}.pr-panel{border-radius:14px;gap:5px;padding:6px}.pr-tool span{display:none}.pr-tool{padding:5px 8px}.pr-bar{gap:5px}.pr-seg button{gap:4px;padding:5px 7px;font-size:10px}.pr-elx small{display:none}.pr-elx{padding:3px 7px;font-size:15px}.pr-count{padding:4px 6px;font-size:10px}.pr-count:before{content:""}#hud .pr-tag{display:none}.pr-search{justify-content:center;width:34px;padding:0}.pr-search:focus-within{width:96px;padding:0 6px}.pr-search input{width:0}.pr-search:focus-within input{width:100%}.pr-h{width:52px;height:58px}.pr-h img{height:42px}.pr-hint{display:none}}@media (orientation:landscape) and (max-height:500px){#hud.practice .hud-bottom{width:min(470px,58vw)}#hud.practice .elixir{width:100%}.pr-panel{gap:4px;padding:5px}.pr-tool span{display:none}.pr-tool{padding:4px 7px;font-size:12px}.pr-tool[data-pr=bot] span{font-size:9px;display:inline}.pr-seg button{padding:4px 7px;font-size:10px}.pr-search{justify-content:center;width:34px;padding:0}.pr-search:focus-within{width:96px;padding:0 6px}.pr-search input{width:0}.pr-search:focus-within input{width:100%}.pr-h{width:48px;height:52px}.pr-h img{height:38px}.pr-h span{font-size:7px}.pr-hint,#hud .pr-tag{display:none}}.shop-screen .topbar .left{gap:12px}.shop-screen .topbar .shx-tabs{background:#06040e8c;border:0;border-radius:999px;align-self:center;gap:2px;margin:0;padding:3px;box-shadow:inset 0 2px 6px #0000008c}.shop-screen .topbar .shx-tabs .tab{border-radius:999px;padding:8px 15px;font-size:11px}@media (max-width:700px){.shop-screen .topbar .screen-title{display:none}.shop-screen .topbar .shx-tabs .tab{letter-spacing:.08em;padding:7px 10px;font-size:10px}.shop-screen .topbar .chip{padding-left:4px;padding-right:8px}}@media (max-width:400px){.shop-screen .topbar .shx-tabs .tab{letter-spacing:.04em;padding:7px 8px;font-size:9px}}.shx{min-height:0;padding:0 22px calc(12px + var(--safe-b));flex:1;gap:10px 18px;display:grid;position:relative}.shx>*{z-index:1;min-width:0;min-height:0;position:relative}#ui .shx>#showcase-view.shx-view{z-index:0;border-radius:0;min-height:0;position:absolute;top:-60px;bottom:0;left:0;right:0}#ui .shx>#showcase-view.shx-view:after{content:none;display:none}.shx-zone{pointer-events:none;grid-area:zone}.shx-glow{z-index:0;pointer-events:none;background:linear-gradient(#0000,#0704108c 45%,#070410db);height:34%;position:absolute;bottom:0;left:0;right:0}.shx-info{pointer-events:none;text-shadow:0 2px 3px #000c,0 0 14px #0009;grid-area:info;align-self:center;padding:6px 0}.shx-info:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 35%,#0704109e,#0704104d 45%,#0000 72%);position:absolute;top:-40px;bottom:-40px;left:-80px;right:-60px}.shx-info.in .sx-head{animation:.45s cubic-bezier(.2,1.3,.4,1) both sxIn}.shx-info.in .sx-stats,.shx-info.in .sx-tags,.shx-info.in .sx-skill{animation:.45s cubic-bezier(.2,1.2,.4,1) 80ms both sxIn}.shx-info.in .sx-bar b{animation:.7s cubic-bezier(.2,.9,.3,1) .12s both sxBar}@keyframes sxIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes sxBar{0%{width:0}}.sx-rar{letter-spacing:.22em;text-transform:uppercase;color:var(--rc);align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.sx-cost{width:24px;height:26px;font-family:var(--display);letter-spacing:0;color:#fff;clip-path:polygon(50% 0,100% 25%,100% 72%,50% 100%,0 72%,0 25%);text-shadow:0 1px #4d087e;background:radial-gradient(circle at 40% 30%,#f3a6ff,#b84dff 45%,#6a15c7 90%);place-items:center;padding-top:1px;font-size:13px;display:grid}.sx-lv{font-family:var(--display);letter-spacing:.04em;color:#3d2202;text-shadow:none;background:linear-gradient(#fff7d2,#ffd267 55%,#e9a32b);border-radius:999px;padding:3px 9px 2px;font-size:11px;box-shadow:0 2px #8a500b}.sx-name{font-family:var(--display);color:#fff;letter-spacing:.01em;text-shadow:0 3px 0 #0000008c, 0 0 26px color-mix(in srgb, var(--rc) 70%, transparent), 0 6px 18px #0009;margin:6px 0 4px;font-size:clamp(28px,3.3vw,46px);line-height:1}.sx-role{color:#d6cbe9;font-size:13px;font-weight:800}.sx-stats{gap:7px;margin:14px 0 10px;display:grid}.sx-row{grid-template-columns:22px 84px minmax(60px,1fr) 58px;align-items:center;gap:8px;display:grid}.sx-ico{width:22px;height:22px;color:var(--sc);filter:drop-shadow(0 0 6px var(--sc));place-items:center;display:grid}.sx-ico svg{width:17px;height:17px}.sx-l{letter-spacing:.16em;text-transform:uppercase;color:#b7abd0;font-size:10px;font-weight:900}.sx-bar{background:#06030ebf;border-radius:2px;height:9px;overflow:hidden;transform:skew(-18deg);box-shadow:inset 0 1px 3px #000000e6}.sx-bar b{background:linear-gradient(90deg, color-mix(in srgb, var(--sc) 55%, #000), var(--sc));height:100%;box-shadow:0 0 10px var(--sc), inset 0 2px 0 #ffffff59;display:block}.sx-v{font-family:var(--display);color:#fff;text-align:right;white-space:nowrap;font-size:15px}.sx-row.hp{--sc:#5ef08f}.sx-row.dmg{--sc:#ff8a4a}.sx-row.spd{--sc:#55d8ff}.sx-row.rng{--sc:#d08bff}.sx-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.sx-tags span{letter-spacing:.08em;text-transform:uppercase;color:#efe6ff;text-shadow:none;background:#ffffff17;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900}.sx-skill{align-items:flex-start;gap:10px;max-width:380px;display:flex}.sx-skill>i{color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 0 10px #c86effcc);background:radial-gradient(circle at 40% 30%,#ffb8ff,#b84dff 50%,#5a12b0);flex:none;place-items:center;width:34px;height:34px;margin-top:1px;display:grid}.sx-skill>i svg{width:17px;height:17px}.sx-skill .sn{font-family:var(--display);color:#f1c8ff;letter-spacing:.02em;font-size:15px}.sx-skill .sd{color:#e4dbf3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.shx-demo{flex-wrap:wrap;grid-area:zone;justify-content:center;place-self:end center;align-items:center;gap:12px;padding-bottom:6px;display:flex}.sbtn{--a:#ff6a7a;--b:#c41d48;--d:#6e0b25;cursor:pointer;height:46px;font-family:var(--display);letter-spacing:.04em;color:#fff;text-transform:uppercase;text-shadow:0 2px #00000059;background:linear-gradient(180deg, var(--a), var(--b));box-shadow:0 4px 0 var(--d), 0 8px 18px #00000073, 0 0 18px color-mix(in srgb, var(--a) 45%, transparent), inset 0 2px 0 #ffffff59;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 6px;font-size:14px;transition:transform .12s,box-shadow .12s,filter .15s;display:inline-flex}.sbtn i{background:#00000038;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 2px 4px #00000059}.sbtn i svg{width:18px;height:18px}.sbtn:hover{filter:brightness(1.12);transform:translateY(-2px)}.sbtn:active{box-shadow:0 1px 0 var(--d), 0 4px 10px #00000073, inset 0 2px 0 #ffffff4d;transform:translateY(3px)}.sbtn.atk{--a:#6f7fa8;--b:#39436a;--d:#1a1f38}.shx-hint{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#e1d6f58c;text-shadow:0 1px 2px #000;pointer-events:none;flex-basis:100%;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:900;display:flex}.shx-hint svg{width:12px;height:12px}.shx-acts{flex-direction:column;grid-area:acts;align-self:center;gap:10px;display:flex}.sa-label{letter-spacing:.22em;text-transform:uppercase;color:#cbbfe0;text-align:center;text-shadow:0 1px 3px #000;font-size:10px;font-weight:900}.shx .gbtn,.shx-packs .gbtn{border-width:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:9px 14px 11px;display:flex;box-shadow:0 5px #00000073,0 10px 22px #00000073,inset 0 2px #fff6}.shx .gbtn:active:not(:disabled),.shx-packs .gbtn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #00000073,0 4px 10px #00000073,inset 0 2px #ffffff4d}.gbtn .gb-sub{font-family:var(--body);letter-spacing:.16em;opacity:.85;font-size:10px;font-weight:900;line-height:1.1}.gbtn .gb-main{font-family:var(--display);letter-spacing:.02em;text-transform:none;align-items:center;gap:7px;font-size:19px;font-weight:400;line-height:1.1;display:flex}.gbtn .gb-main .res-ico{flex:none;width:20px;height:20px;font-size:10px}.shx .btn.gold.gbtn{box-shadow:0 5px #8a500b,0 10px 22px #00000073,0 0 22px #ffc85059,inset 0 2px #fff}.shx .btn.dark.gbtn{background:linear-gradient(#32284ef2,#18112cf2)}.shx-rack{grid-area:rack;align-items:center;gap:14px;display:flex}.shx-filter{background:#06040e80;border-radius:16px;flex-direction:column;flex:none;gap:4px;padding:4px;display:flex;box-shadow:inset 0 2px 6px #00000080}.shx-filter button{cursor:pointer;font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;color:#b9a9d6;background:0 0;border:0;border-radius:12px;padding:8px 14px;font-size:10px;font-weight:900;transition:all .15s}.shx-filter button:hover{color:#fff}.shx-filter button.on{color:#3d2202;background:linear-gradient(#fff7d2,#ffdd85 40%,#e9a32b);box-shadow:0 2px #8a500b}.shx-cards{flex:1;align-items:center;min-width:0;height:clamp(130px,22vh,176px);display:flex;overflow:hidden}.shx-cards .carousel{width:100%}.shx-cards .car-view{width:100%;margin:0 auto;padding:12px 0 2px}.shx-cards .car-btn{background:#06040e99;border:0;border-radius:50%}.shx-cards .empty{color:var(--muted);padding:20px;font-weight:800}.shx-wide{grid-template:"info zone acts"minmax(0,1fr)"rack rack rack"/minmax(300px,28%) minmax(0,1fr) minmax(230px,20%)}.shx-wide .shx-info{padding-left:6px}.shx-land{padding:0 calc(12px + env(safe-area-inset-right,0px)) calc(8px + var(--safe-b)) calc(12px + env(safe-area-inset-left,0px));grid-template:"info zone rack"minmax(0,1fr)"info zone acts"/minmax(190px,29%) minmax(0,1fr) minmax(230px,33%);gap:6px 10px}.shx-land .shx-glow{display:none}.shx-land .shx-info{align-self:center}.shx-land .sx-name{margin:3px 0 2px;font-size:22px}.shx-land .sx-role{font-size:11px}.shx-land .sx-rar{font-size:9px}.shx-land .sx-stats{gap:4px;margin:8px 0 6px}.shx-land .sx-row{grid-template-columns:16px 1fr 44px;gap:5px}.shx-land .sx-l{display:none}.shx-land .sx-ico svg{width:13px;height:13px}.shx-land .sx-v{font-size:12px}.shx-land .sx-bar{height:7px}.shx-land .sx-tags{display:none}.shx-land .sx-skill>i{width:26px;height:26px}.shx-land .sx-skill .sn{font-size:12px}.shx-land .sx-skill .sd{-webkit-line-clamp:2;font-size:10.5px}.shx-land .shx-rack{flex-direction:column;align-self:center;align-items:stretch;gap:4px}.shx-land .shx-filter{border-radius:999px;flex-direction:row;align-self:center}.shx-land .shx-filter button{border-radius:999px;padding:5px 10px;font-size:9px}.shx-land .shx-cards{flex:none;height:150px}.shx-land .shx-acts{flex-flow:wrap;align-self:end;gap:6px}.shx-land .sa-label{display:none}.shx-land .shx-acts .gbtn{border-radius:12px;flex:1;padding:6px 8px 8px}.shx-land .gbtn .gb-main{font-size:15px}.shx-land .gbtn .gb-sub{font-size:8px}.shx-land .shx-demo{gap:8px;padding-bottom:2px}.shx-land .sbtn{height:38px;padding-right:14px;font-size:12px}.shx-land .sbtn i{width:30px;height:30px}.shx-land .shx-hint{display:none}.shx-tall{padding:0 12px calc(10px + var(--safe-b));grid-template:"zone"minmax(160px,1fr)"info""rack""acts"/minmax(0,1fr);gap:6px}.shx-tall .shx-glow{background:linear-gradient(#0000,#070410b3 18%,#070410e6);height:auto;top:46%}.shx-tall .shx-info{align-self:stretch;padding:0 2px}.shx-tall .shx-info:before{display:none}.shx-tall .sx-name{margin:3px 0 2px;font-size:26px}.shx-tall .sx-role{font-size:11.5px}.shx-tall .sx-stats{grid-template-columns:1fr 1fr;gap:6px 14px;margin:9px 0 7px}.shx-tall .sx-row{grid-template-columns:16px minmax(30px,1fr) auto;gap:6px}.shx-tall .sx-l{display:none}.shx-tall .sx-ico svg{width:14px;height:14px}.shx-tall .sx-v{min-width:32px;font-size:12px}.shx-tall .sx-bar{height:7px}.shx-tall .sx-tags{gap:4px;margin-bottom:7px}.shx-tall .sx-tags span{padding:3px 7px;font-size:8.5px}.shx-tall .sx-skill>i{width:28px;height:28px}.shx-tall .sx-skill .sn{font-size:13px}.shx-tall .sx-skill .sd{-webkit-line-clamp:2;font-size:11px}.shx-tall .shx-demo{flex-direction:column;justify-self:end;align-items:flex-end;gap:8px;padding-bottom:4px}.shx-tall .sbtn{height:40px;padding-right:14px;font-size:12px}.shx-tall .sbtn i{width:32px;height:32px}.shx-tall .shx-hint{display:none}.shx-tall .shx-rack{flex-direction:column;align-items:stretch;gap:2px}.shx-tall .shx-filter{border-radius:999px;flex-direction:row;align-self:center}.shx-tall .shx-filter button{border-radius:999px;padding:5px 12px;font-size:9px}.shx-tall .shx-cards{flex:none;height:142px}.shx-tall .shx-acts{flex-direction:row;gap:8px}.shx-tall .sa-label{display:none}.shx-tall .shx-acts .gbtn{flex:1;padding:7px 8px 9px}.shx-tall .gbtn .gb-main{font-size:16px}@media (max-height:700px){.shx-tall .sx-skill,.shx-tall .sx-tags{display:none}}.shx-packs{min-height:0;padding:4px 18px calc(16px + var(--safe-b));flex-direction:column;flex:1;align-items:center;display:flex;overflow:auto}.shx-note{text-align:center;color:#cbbfe0;text-shadow:0 1px 3px #000;max-width:640px;margin:0 0 10px;font-size:13px;font-weight:700}.pk-row{flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:18px 26px;width:100%;max-width:1100px;display:flex}.pk{--pv:190px;text-align:center;flex-direction:column;align-items:center;width:220px;transition:transform .18s;display:flex;position:relative}.pk:hover{transform:translateY(-4px)}.pk:before{content:"";left:6%;right:6%;top:calc(var(--pv,190px) - 14px);z-index:-1;background:radial-gradient(at 50% 0,#8c5aff4d,#0a06168c 70%);border-radius:26px;position:absolute;bottom:-6px}.pk.coin:before{background:radial-gradient(at 50% 0,#ffbe4642,#0a06168c 70%)}.pk.best:before{background:radial-gradient(at 50% 0,#ffd26761,#1e103299 70%);box-shadow:0 0 30px #ffc85040}.pk-view{width:100%;height:var(--pv)}.pk-ribbon{z-index:2;font-family:var(--display);color:#3d2202;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);filter:drop-shadow(0 3px 4px #0009);background:linear-gradient(#fff7d2,#ffd267 55%,#e9a32b);padding:4px 14px 3px;font-size:12px;position:absolute;top:4px;left:50%;transform:translate(-50%)rotate(-4deg)}.pk-name{font-family:var(--display);color:#ffe19a;text-shadow:0 2px #6a3b08;margin-top:2px;font-size:14px}.pk-amt{font-family:var(--display);color:#fff;text-shadow:0 3px #00000080;align-items:center;gap:7px;margin-top:4px;font-size:26px;display:flex}.pk-amt .res-ico{width:24px;height:24px;font-size:11px}.pk-amt em{color:#ffe08a;font-size:15px;font-style:normal}.pk-bonus{letter-spacing:.16em;color:var(--gold);min-height:14px;margin-bottom:8px;font-size:10px;font-weight:900}.pk .gbtn{width:calc(100% - 28px);margin-bottom:14px}@media (orientation:landscape) and (max-height:500px){.shx-note{margin-bottom:4px;font-size:11px}.pk{--pv:112px;width:168px}.pk-amt{font-size:20px}.pk-name{font-size:12px}.pk-row{flex-wrap:nowrap;gap:10px}}@media (max-width:600px){.pk-row{gap:10px}.pk{--pv:124px;width:calc(50% - 6px)}.pk-amt{font-size:20px}.pk-name{font-size:12px}.pk .gbtn .gb-main{font-size:14px}}.mp-screen>.topbar{z-index:3;position:relative}.mp-screen.mp-inroom{background:radial-gradient(90% 70% at 50% 40%,#0000 55%,#05030c8c)}.mp-body{min-height:0;padding:4px 18px calc(16px + var(--safe-b));flex:1;justify-content:center;display:flex;position:relative}.mp-lobby{grid-template-columns:minmax(330px,400px) minmax(0,1fr);align-self:center;align-items:stretch;gap:26px;width:100%;max-width:1120px;height:100%;min-height:0;max-height:640px;animation:.35s panelIn;display:grid}.mp-side{flex-direction:column;gap:14px;min-height:0;display:flex}.mp-me{align-items:center;gap:12px;display:flex}.mp-me .avatar{--pc:#4a96ff;width:46px;height:46px;font-size:20px}.mp-name{cursor:text;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.mp-name span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);font-size:10px;font-weight:900}.mp-name input{color:#fff;width:100%;font:400 19px var(--display);letter-spacing:.03em;background:0 0;border:0;border-bottom:2px solid #ffffff1f;outline:none;padding:2px 22px 3px 0;transition:border-color .15s}.mp-name input:focus{border-color:var(--gold)}.mp-name i{color:var(--muted2);pointer-events:none;font-size:14px;font-style:normal;position:absolute;bottom:6px;right:2px}.mp-status{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#00000059;border-radius:99px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;font-weight:900;display:flex}.mp-status>i{color:#e2434f;background:#e2434f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px}.mp-status.on{color:#8ff0ae}.mp-status.on>i{color:#4fcf5f;background:#4fcf5f}.mp-status.connecting{color:#ffd76a}.mp-status.connecting>i{color:#ffc93a;background:#ffc93a;animation:.8s infinite mpBlink}.mp-status.off{color:#ff9aa2;padding-right:4px}.mp-status .btn{width:24px;height:24px;font:900 14px var(--body);border-radius:50%;place-items:center;margin-left:2px;padding:0;display:grid}@keyframes mpBlink{50%{opacity:.25}}.mp-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mp-mode{all:unset;box-sizing:border-box;cursor:pointer;background:linear-gradient(#302454bf,#140e28cc);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;transition:transform .12s,background .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #ffffff14,0 3px #00000059}.mp-mode:hover{transform:translateY(-2px)}.mp-mode b{font:400 16px var(--display);color:#fff;margin-top:3px;line-height:1}.mp-mode small{color:var(--muted2);letter-spacing:.06em;font-size:10px;font-weight:800}.mp-mode.on{box-shadow:inset 0 0 0 2px var(--gold), 0 0 22px #ffc85040, 0 3px 0 #00000059;background:linear-gradient(#ffd26752,#965a1440)}.mp-mode.on b{color:#ffe19a}.mp-mode.on small{color:#f4d8a0}.mp-mi{place-content:center;gap:3px;height:26px;display:grid}.mp-mi i{border-radius:3px;width:10px;height:10px;box-shadow:inset 0 -3px #0000004d,inset 0 1px #fff6}.mp-mi.n2{grid-template-columns:repeat(2,12px);gap:8px}.mp-mi.n2 i{width:12px;height:12px}.mp-mi.n3{grid-template-columns:repeat(2,10px)}.mp-mi.n3 i:first-child{grid-column:span 2;justify-self:center}.mp-mi.n4{grid-template-columns:repeat(2,10px)}.mp-mi.n8{grid-template-columns:repeat(4,8px);gap:2px}.mp-mi.n8 i{border-radius:2px;width:8px;height:8px}.mp-quick{text-align:left;border-radius:18px;align-items:center;gap:14px;width:100%;padding:14px 18px;font-size:clamp(22px,2.4vw,28px);display:flex}.mp-quick:not(:disabled){animation:2.4s ease-in-out infinite mpGlow}.mp-q-ico{color:#6a3b08;background:#ffffff61;border-radius:13px;flex:none;place-items:center;width:48px;height:48px;display:grid}.mp-q-ico svg{width:28px;height:28px}.mp-q-tx{flex-direction:column;line-height:1.05;display:flex}.mp-q-tx small{font:800 11px var(--body);letter-spacing:.05em;text-shadow:none;opacity:.75;margin-top:4px}@keyframes mpGlow{0%,to{filter:brightness()}50%{filter:brightness(1.12)drop-shadow(0 0 14px #ffc85073)}}.mp-toggles{flex-wrap:wrap;gap:8px;display:flex}.mp-tog{all:unset;cursor:pointer;color:var(--muted);background:#0000004d;border-radius:99px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:12px;font-weight:800;transition:color .15s;display:inline-flex}.mp-tog i{background:#ffffff24;border-radius:99px;width:30px;height:18px;transition:background .15s;position:relative}.mp-tog i:after{content:"";background:#cfc4e6;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:2px;left:2px}.mp-tog.on{color:#fff}.mp-tog.on i{background:#2fbd6a}.mp-tog.on i:after{background:#fff;transform:translate(12px)}.mp-alt{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.mp-alt>.btn{padding:12px 16px;font-size:14px}.mp-code{background:linear-gradient(#1b1229,#0b0714);border-radius:13px;align-items:stretch;min-width:0;padding:4px;display:flex;box-shadow:inset 0 2px 5px #000000b3}.mp-code input{color:#ffe19a;width:60px;min-width:0;font:400 18px var(--display);letter-spacing:.22em;text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;padding:0 10px}.mp-code input::placeholder{color:#ffffff38}.mp-code .btn{border-radius:10px;padding:8px 14px;font-size:13px}.mp-rule{color:var(--muted2);align-items:flex-start;gap:10px;margin-top:4px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.mp-rule i{color:#3d2202;background:var(--gold);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;font-weight:900;display:grid}.mp-rule b{color:var(--muted)}.mp-adv-t{all:unset;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);font-size:11px;font-weight:900}.mp-adv-t:hover{color:var(--muted)}.mp-adv-t i{font-style:normal;transition:transform .2s;display:inline-block}.mp-adv.open .mp-adv-t i{transform:rotate(180deg)}.mp-adv-b{gap:8px;margin-top:8px;display:none}.mp-adv.open .mp-adv-b{animation:.2s fadeIn;display:flex}.mp-adv-b .input{flex:1;width:auto;min-width:0;padding:8px 12px;font-size:13px}.mp-adv-b .btn{flex:none}.mp-list{background:linear-gradient(#1e163ab8,#0c081ac7);border-radius:22px;flex-direction:column;min-height:0;padding:16px 16px 10px;display:flex;box-shadow:inset 0 1px #ffffff12,0 18px 40px #00000059}.mp-list-h{align-items:center;gap:10px;padding:0 4px 12px;display:flex}.mp-list-h>span:first-child{font:400 17px var(--display);color:#ffe19a;letter-spacing:.04em;text-shadow:0 2px #6a3b08}.mp-list-h>b{text-align:center;color:#ffe19a;background:#ffd2672e;border-radius:99px;min-width:24px;padding:2px 8px;font-size:12px}.mp-live{letter-spacing:.16em;color:#ff9aa2;align-items:center;gap:6px;margin-left:auto;font-size:10px;font-weight:900;display:flex}.mp-live i{background:#ff4d5e;border-radius:50%;width:7px;height:7px;animation:1.4s infinite mpBlink}.mp-rooms{scrollbar-width:thin;scrollbar-color:#ffd2674d transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:2px 2px 6px;display:flex;overflow:hidden auto}.mp-r{--pc:#4a96ff;cursor:pointer;background:linear-gradient(90deg,#4a96ff29,#ffffff0b 38%,#ffffff08);border-radius:16px;flex:none;grid-template-columns:64px 1fr auto auto;align-items:center;gap:14px;padding:9px 10px 9px 9px;transition:transform .15s,background .15s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12}.mp-r:before{content:"";background:var(--gold);opacity:.8;border-radius:0 4px 4px 0;width:4px;position:absolute;top:10px;bottom:10px;left:0}.mp-r:hover{background:linear-gradient(90deg,#ffd26738,#ffffff12 45%,#ffffff0a);transform:translate(3px)}.mp-r.in{animation:.38s cubic-bezier(.2,1.3,.4,1) both mpRowIn}.mp-r.out{pointer-events:none;animation:.25s forwards mpRowOut}@keyframes mpRowIn{0%{opacity:0;transform:translate(40px)scale(.96)}to{opacity:1;transform:none}}@keyframes mpRowOut{to{opacity:0;height:0;margin-bottom:-8px;padding-top:0;padding-bottom:0;transform:translate(-30px)}}.mp-r-mode{background:#00000059;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:56px;display:flex}.mp-r-mode b{font:400 12px var(--display);color:#fff}.mp-r-info{flex-direction:column;gap:3px;min-width:0;display:flex}.mp-r-info b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:900;overflow:hidden}.mp-r-info .lv{color:#ffe08a;margin-left:8px;font-size:11px;font-weight:900}.mp-r-info small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.mp-r-pips{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mp-r-pips>div{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:100px;display:flex}.mp-r-pips i{background:#ffffff1a;border-radius:4px;width:14px;height:14px;box-shadow:inset 0 2px 3px #00000080}.mp-r-pips.n8 i{border-radius:3px;width:10px;height:10px}.mp-r-pips i.on{background:var(--pc);box-shadow:inset 0 -3px 0 #0000004d, 0 0 8px color-mix(in srgb, var(--pc) 60%, transparent);border:0}.mp-r-pips i.bot{background:color-mix(in srgb, var(--pc) 22%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--pc) 40%, transparent)}.mp-r-pips small{color:var(--muted2);font-size:11px;font-weight:800}.mp-r-join{padding:12px 18px;font-size:14px}.mp-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:18px;animation:.3s fadeIn;display:flex}.mp-empty b{font:400 17px var(--display);color:#fff;letter-spacing:.03em}.mp-empty p{max-width:330px;color:var(--muted);margin:0;font-size:13px;line-height:1.45}.mp-empty em{color:#ffe19a;font-style:normal;font-weight:900}.mp-empty code{color:#ffe19a}.mp-ill{background:radial-gradient(circle,#ffd26724 0 22%,#0000 23% 46%,#ffd2671a 47% 49%,#0000 50% 72%,#ffd2671a 73% 75%,#0000 76%);border-radius:50%;width:96px;height:96px;margin-bottom:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffd26740}.mp-ill span{background:conic-gradient(#ffd2678c,#0000 25%);border-radius:50%;animation:2.6s linear infinite spin;position:absolute;top:0;bottom:0;left:0;right:0}.mp-ill:after{content:"";background:var(--gold);width:10px;height:10px;box-shadow:0 0 12px var(--gold);border-radius:3px;margin:-5px;position:absolute;top:50%;left:50%}.mp-ill.off{box-shadow:inset 0 0 0 2px #ff5a6459}.mp-ill.off span{background:0 0}.mp-ill.off:after{background:#ff4d5e;animation:1s infinite mpBlink;box-shadow:0 0 12px #ff4d5e}.mp-room{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.mp-screen.mp-inroom .mp-body{position:static}.mp-stage{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.mp-tags{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.mp-tag{--pc:#4a96ff;white-space:nowrap;text-align:center;will-change:transform;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:0;left:0}.mp-tag b{font:400 15px var(--display);color:#fff;letter-spacing:.03em;text-shadow:0 2px #0009,0 0 10px #0009;text-overflow:ellipsis;max-width:150px;overflow:hidden}.mp-tag .lv{background:var(--pc);color:#fff;text-shadow:0 1px #0006;border-radius:99px;order:2;padding:1px 8px;font-size:11px;font-weight:900;box-shadow:0 2px #00000059}.mp-tag .crown{color:var(--gold);filter:drop-shadow(0 2px #6a3b08);font-size:18px;font-style:normal;line-height:1}.mp-tag em{letter-spacing:.18em;color:#ffe19a;order:-1;font-size:9px;font-style:normal;font-weight:900}.mp-tag.me b{color:#ffe19a}.mp-tag.bot b{color:#b9a9d6;font-size:13px}.mp-tags.many .mp-tag.bot{display:none}.mp-screen.mp-off .mp-live{visibility:hidden}.mp-tag .sub{color:var(--muted2);font-size:10px;font-weight:800}.mp-tag .wait{color:color-mix(in srgb, var(--pc) 60%, #fff);font-size:13px}.mp-tag .wait i,.mp-dots i{font-style:normal;animation:1.2s infinite mpDot}.mp-tag .wait i:nth-child(2),.mp-dots i:nth-child(2){animation-delay:.2s}.mp-tag .wait i:nth-child(3),.mp-dots i:nth-child(3){animation-delay:.4s}@keyframes mpDot{0%,60%,to{opacity:.2}30%{opacity:1}}.mp-room-head{top:calc(8px + var(--safe-t));z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mp-rcode{pointer-events:auto;background:#080514b8;border-radius:16px;align-items:center;gap:12px;padding:6px 8px 6px 18px;display:flex;box-shadow:inset 0 1px #ffffff14,0 10px 26px #0006}.mp-rcode span{letter-spacing:.16em;color:var(--muted2);writing-mode:horizontal-tb;font-size:10px;font-weight:900}.mp-rcode b{font:400 30px var(--display);color:#ffe08a;letter-spacing:.14em;text-shadow:0 3px #6a3b08;-webkit-user-select:text;user-select:text;line-height:1.1}.mp-rmode{color:var(--muted);background:#0805148c;border-radius:99px;align-items:center;gap:8px;padding:3px 12px 3px 6px;font-size:12px;font-weight:800;display:flex}.mp-rmode .mp-mi{height:20px;transform:scale(.85)}.mp-room-foot{z-index:4;padding:26px 20px calc(16px + var(--safe-b));background:linear-gradient(#0000,#05030ccc);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.mp-room-foot [data-leave]{justify-self:start}.mp-start{justify-self:end;min-width:190px}.mp-start:disabled{filter:grayscale(.85)brightness(.6)}.mp-wait{background:#080514b3;border-radius:99px;align-items:center;gap:12px;padding:8px 18px 8px 10px;display:flex}.mp-wait b{font:400 16px var(--display);color:#fff;letter-spacing:.03em;white-space:nowrap;display:block}.mp-wait small{color:var(--muted);font-size:11px;font-weight:700;display:block}.mp-radar{background:radial-gradient(circle, var(--gold) 0 3px, transparent 4px 46%, #ffd26740 47% 50%, transparent 51%);border-radius:50%;flex:none;width:40px;height:40px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffd26759}.mp-radar i{background:conic-gradient(#ffd267b3,#0000 28%);animation:1.6s linear infinite spin;position:absolute;top:0;bottom:0;left:0;right:0}.mp-radar.slow i{animation-duration:3s}.mp-ok,.mp-count{width:40px;height:40px;font:400 20px var(--display);color:#fff;background:radial-gradient(circle at 35% 30%,#8ef0b5,#17804a);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 0 16px #4fd38a80}.mp-count{color:#5a3205;background:radial-gradient(circle at 35% 30%,#fff3bf,#e09a2d);animation:.5s ease-in-out infinite pulse}@media (max-height:520px){.mp-body{padding:0 14px calc(8px + var(--safe-b))}.mp-lobby{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:14px}.mp-side{gap:7px}.mp-me .avatar{width:34px;height:34px;font-size:15px}.mp-name span{display:none}.mp-name input{font-size:15px}.mp-status{padding:4px 9px;font-size:10px}.mp-modes{gap:6px}.mp-mode{border-radius:11px;flex-direction:row;justify-content:center;gap:6px;padding:7px 4px}.mp-mode small{display:none}.mp-mode b{margin:0;font-size:13px}.mp-mi{height:18px;margin:0 -4px;transform:scale(.8)}.mp-quick{border-radius:14px;gap:10px;padding:8px 14px;font-size:19px}.mp-q-ico{border-radius:10px;width:34px;height:34px}.mp-q-ico svg{width:20px;height:20px}.mp-q-tx small{margin-top:2px;font-size:10px}.mp-tog{padding:4px 10px 4px 4px;font-size:11px}.mp-alt>.btn{padding:9px 12px;font-size:12px}.mp-code input{font-size:15px}.mp-code .btn{padding:6px 10px;font-size:12px}.mp-list{border-radius:16px;padding:10px 10px 6px}.mp-list-h{padding-bottom:8px}.mp-list-h>span:first-child{font-size:14px}.mp-r{border-radius:13px;grid-template-columns:50px 1fr auto auto;gap:10px;padding:6px 8px 6px 6px}.mp-r-mode{height:44px}.mp-r-info b{font-size:14px}.mp-r-join{padding:9px 12px;font-size:12px}.mp-ill{width:64px;height:64px}.mp-rule{display:none}.mp-empty{gap:5px;padding:8px}.mp-empty b{font-size:14px}.mp-empty p{font-size:12px}.mp-rcode{gap:8px;padding:4px 6px 4px 12px}.mp-rcode b{font-size:22px}.mp-room-head{top:calc(6px + var(--safe-t))}.mp-rmode{display:none}.mp-room-foot{padding:14px 14px calc(8px + var(--safe-b));gap:10px}.mp-start{min-width:140px;padding:10px 20px;font-size:18px}.mp-wait{padding:5px 14px 5px 6px}.mp-wait b{font-size:13px}.mp-radar,.mp-ok,.mp-count{width:32px;height:32px}}@media (max-width:760px){.mp-body{padding:0 12px calc(10px + var(--safe-b))}.mp-lobby{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:14px}.mp-list{padding:12px 10px 6px}.mp-r{grid-template-columns:48px 1fr auto;gap:10px}.mp-r-mode{height:46px}.mp-r-pips,.mp-rule{display:none}.mp-r-info b{font-size:14px}.mp-r-join{padding:10px 14px;font-size:13px}.mp-quick{font-size:22px}.mp-rcode{flex-wrap:nowrap}.mp-rcode span{display:none}.mp-room-head{top:calc(64px + var(--safe-t))}.mp-room-foot{grid-template-columns:auto 1fr;grid-template-areas:"wait wait""leave start";row-gap:10px}.mp-wait{grid-area:wait;justify-self:center}.mp-room-foot [data-leave]{grid-area:leave}.mp-start{grid-area:start;width:100%;min-width:0}}@media (max-width:760px) and (max-height:520px){.mp-lobby{grid-template-rows:none;grid-template-columns:minmax(280px,330px) minmax(0,1fr)}.mp-r-pips{display:none}.mp-room-head{top:calc(6px + var(--safe-t))}.mp-room-foot{grid-template-columns:1fr auto 1fr;grid-template-areas:none}.mp-wait,.mp-room-foot [data-leave],.mp-start{grid-area:auto}.mp-start{width:auto}}.mp-world .wpick{flex-wrap:nowrap}.mp-world .wp-btn{flex:1;min-width:0}.mp-world .wp-tx b{max-width:none;font-size:12px}.mp-world .wp-vis.map{width:46px}.wp-sw.xs{vertical-align:-2px;border-radius:3px;width:16px;height:13px;margin-right:5px;display:inline-block;box-shadow:0 0 0 1px #00000080}.wp-sw.xs b,.wp-sw.xs i{display:none}.mp-r-info .mp-r-world{color:#cdbfe8;font-size:10.5px}.mp-rworld{color:#ffe19a;white-space:nowrap;border-left:1px solid #ffffff26;align-items:center;margin-left:4px;padding-left:10px;display:inline-flex}@media (max-width:600px){.mp-rworld{display:none}.mp-world .wp-tx b{font-size:11px}}@media (max-height:500px){.mp-r-info .mp-r-world{display:none}}