@font-face{font-family:Geist;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:geist Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.ykav8G_className{font-family:geist,geist Fallback}.ykav8G_variable{--font-geist:"geist", "geist Fallback"}
@font-face{font-family:Geist Mono;src:url(../media/GeistMono_Variable-s.p.3ms9vq719j3f8.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}.xxRyIG_className{font-family:geistMono,geistMono Fallback}.xxRyIG_variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
:root{--k0:#000;--k1:#0b0b0b;--k2:#141414;--k3:#1e1e1e;--line:#262626;--line2:#3a3a3a;--line3:#4a4a4a;--lip:#303030;--lip-in:#0a0a0a;--white:#fff;--ash:#b4b4b4;--smoke:#8c8c8c;--ink:#000;--red-a:#ff6c44;--red-b:#ff3136;--red-c:#ff1a40;--red-mid:min(34%,84px);--red:linear-gradient(112deg,var(--red-a) 0,var(--red-b) var(--red-mid),var(--red-c) 100%);--red-up:linear-gradient(0deg,var(--red-a) 0,var(--red-b) var(--red-mid),var(--red-c) 100%);--red-lip:#a82024;--tan:.40403;--g-floor:#202020;--g-dot:#343434;--g-orb:#5a5a5a;--sans:"Geist","geist Fallback",system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;--gut:48px;--nav-h:64px;--t-press:60ms;--t-quick:.14s;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.56,.64,1)}.clash,.clash *{box-sizing:border-box;margin:0;padding:0}html{background:var(--k0);-webkit-text-size-adjust:100%}body{background:var(--k0);margin:0}.clash{color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-size:16px;font-weight:400;line-height:1.5}.clash a{color:inherit;text-decoration:none}.clash img,.clash svg{display:block}.clash b,.clash strong,.clash h1,.clash h2,.clash h3{font-weight:600}.clash button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.clash :focus-visible{outline:2px solid var(--white);outline-offset:3px;border-radius:4px}.clash.frame{isolation:isolate;min-height:100dvh;position:relative}.clash .lab{font:500 12px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--smoke);white-space:nowrap}.clash .num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-weight:500}.clash .n9{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.clash .n9 i{color:var(--smoke);font-style:normal}.clash .unit{font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--ash);margin-left:.42em}.clash .arr{flex:none;width:14px;height:10px;display:inline-block}.clash .tick{flex:none;width:12px;height:9px;display:inline-block}.clash .lnk{color:var(--white);text-decoration:underline;-webkit-text-decoration-color:var(--line3);text-decoration-color:var(--line3);text-underline-offset:3px;text-decoration-thickness:1px}.clash .lnk:hover{-webkit-text-decoration-color:var(--white);text-decoration-color:var(--white)}.clash .slab{background:var(--k1);border:1px solid var(--line);border-radius:12px}.clash .none{color:var(--smoke)}.clash .key{background:var(--k2);border:1px solid var(--line2);height:44px;color:var(--white);font:600 14px/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;box-shadow:0 4px 0 -1px var(--lip-in),0 4px 0 0 var(--lip);transition:transform var(--t-press) linear,box-shadow var(--t-press) linear,background var(--t-quick) linear;cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:inline-flex;position:relative}.clash .key:hover{background:var(--k3);border-color:var(--line3)}.clash .key:active{box-shadow:0 1px 0 -1px var(--lip-in),0 1px 0 0 var(--lip);transform:translateY(3px)}.clash .key.red{background:var(--red);color:var(--ink);box-shadow:0 4px 0 0 var(--red-lip);border:0}.clash .key.red:hover{filter:brightness(1.06)saturate(1.04)}.clash .key.red:active{box-shadow:0 1px 0 0 var(--red-lip)}.clash .key.md{letter-spacing:-.01em;border-radius:11px;height:48px;padding:0 20px 0 18px;font-size:16px}.clash .key.xl{letter-spacing:-.02em;border-radius:14px;gap:14px;height:72px;padding:0 30px 0 26px;font-size:22px}.clash .key.red.xl{box-shadow:0 5px 0 0 var(--red-lip)}.clash .key .tri{border-top:8.5px solid #0000;border-bottom:8.5px solid #0000;border-left:13px solid;flex:none;width:0;height:0}.clash .key.md .tri{border-top-width:6.5px;border-bottom-width:6.5px;border-left-width:10px}.clash .key:focus-visible{outline:2px solid var(--white);outline-offset:4px;border-radius:10px}.clash .pill{border:1px solid var(--line2);height:24px;font:500 12px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--white);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 10px 0 9px;display:inline-flex}.clash .pill .dot{background:var(--red);border-radius:50%;flex:none;width:7px;height:7px}.clash .pill.soon{color:var(--ash);border-style:dashed;padding:0 10px}.clash .pill.off{color:var(--smoke);border-style:dashed;padding:0 10px}.clash .shot{background-repeat:no-repeat;background-color:var(--g-floor);position:absolute;inset:0}.clash .shot.p{display:none}.clash .nav{z-index:20;height:var(--nav-h);padding:0 var(--gut);background:var(--k0);border-bottom:1px solid var(--line);align-items:center;display:flex;position:relative}.clash .nav .brand{height:44px;color:var(--white);align-items:center;gap:11px;display:flex}.clash .nav .brand .gly{display:none}.clash .nav .brand .slash{color:var(--smoke)}.clash .nav .brand .game{font:600 14px/1 var(--sans);letter-spacing:.16em;color:var(--white);white-space:nowrap;padding-top:1px}.clash .nav .right{align-items:center;gap:10px;margin-left:auto;display:flex}.clash .bal{background:var(--k1);border:1px solid var(--line);height:36px;font:500 14px/34px var(--mono);font-variant-numeric:tabular-nums;color:var(--white);white-space:nowrap;cursor:default;border-radius:9px;align-items:baseline;gap:6px;padding:0 12px;display:flex}.clash .bal.zero .v{color:var(--ash)}.clash .bal .u{font:500 12px/34px var(--mono);letter-spacing:.06em;color:var(--smoke)}.clash .prof{display:flex;position:relative}.clash .pcirc{background:var(--k2);border:1px solid var(--line2);width:36px;height:36px;color:var(--ash);font:600 14px/1 var(--mono);transition:border-color var(--t-quick) linear,color var(--t-quick) linear;border-radius:50%;justify-content:center;align-items:center;display:flex}.clash .pcirc:hover,.clash .pcirc[aria-expanded=true]{border-color:var(--white);color:var(--white)}.clash .pcirc:focus-visible{outline-offset:3px;border-radius:50%}.clash .pcirc svg{width:16px;height:16px}.clash .pmenu{background:var(--k1);border:1px solid var(--line2);z-index:30;border-radius:12px;width:252px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 48px #000000b3}.clash .pmenu .who{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;margin-bottom:6px;padding:10px 10px 12px;display:flex}.clash .pmenu .who b{font:600 14px/1 var(--mono);color:var(--white)}.clash .pmenu .who span{font:400 13px/1.35 var(--sans);color:var(--ash)}.clash .pmenu .row{min-height:44px;font:500 14px/1 var(--sans);color:var(--white);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0 10px;display:flex}.clash a.row:hover{background:var(--k2)}.clash .pmenu .row.dis{color:var(--smoke);cursor:default;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:9px 10px}.clash .pmenu .row.dis small{font:400 12px/1.3 var(--sans);color:var(--smoke)}@media (pointer:coarse){.clash .pcirc{width:44px;height:44px}}.clash .foot{height:88px;padding:0 var(--gut);border-top:1px solid var(--line);color:var(--ash);font:500 14px/1 var(--sans);justify-content:space-between;align-items:center;display:flex}.clash .foot .wm{color:var(--white);flex:none}.clash .foot nav{align-items:center;gap:8px;display:flex}.clash .foot a{white-space:nowrap;justify-content:flex-end;align-items:center;min-width:44px;height:44px;padding:0 12px;display:flex}.clash .foot a:hover{color:var(--white)}.clash .foot a:last-child{margin-right:-12px}.clash .tile{min-width:0;min-height:0;color:var(--white);display:flex;position:relative}.clash .tile .hit{z-index:1;border-radius:16px;outline:0;position:absolute;inset:0 0 -4px}.clash .tile .tin{z-index:2;background:var(--k1);border:1px solid var(--line);min-width:0;min-height:0;box-shadow:0 4px 0 -1px var(--lip-in),0 4px 0 0 var(--lip);pointer-events:none;transition:transform .16s var(--ease),box-shadow .16s var(--ease),border-color var(--t-quick) linear;border-radius:16px;flex-direction:column;flex:1;display:flex;position:relative;transform:translateY(0)}.clash .tile .art{isolation:isolate;background:var(--g-floor);border-radius:15px 15px 0 0;flex:auto;min-height:0;position:relative;overflow:hidden}.clash .tile .foot-t{z-index:5;border-top:1px solid var(--line);flex:none;align-items:center;gap:12px;height:76px;padding:0 22px;display:flex;position:relative}.clash .tile .name{font:600 24px/1 var(--sans);letter-spacing:-.03em;white-space:nowrap}.clash .tile .true{min-width:0;font:500 12px/1.35 var(--mono);font-variant-numeric:tabular-nums;color:var(--ash);text-align:right;margin-left:auto}.clash .tile .true>span{white-space:nowrap;display:inline-block}.clash .tile .true[data-true=none]>span{white-space:normal}.clash .tile .key{z-index:2;pointer-events:auto;margin:0 0 4px 8px}.clash .loop{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.clash .bento{counter-reset:tile}.clash .tile{counter-increment:tile}.clash .tile .tin:before{content:counter(tile,decimal-leading-zero);z-index:5;font:500 12px/1 var(--mono);letter-spacing:.09em;color:#ffffff80;text-shadow:0 0 3px #000c,0 0 6px #0009;position:absolute;top:14px;left:16px}.clash .tile .tin:after{content:"";z-index:3;opacity:0;background:linear-gradient(90deg,transparent,var(--white),transparent) no-repeat -56.25% 0 / 36% 100%;border-radius:1px;height:2px;position:absolute;top:-1px;left:14px;right:14px}.clash .tile.live .tin:after{background-image:linear-gradient(90deg,transparent,var(--red-a) 30%,var(--red-c) 70%,transparent)}@keyframes clash-glint{0%{opacity:1;background-position:-56.25% 0}to{opacity:1;background-position:156.25% 0}}.clash .tile .hit:focus-visible{outline:2px solid var(--white);outline-offset:4px;box-shadow:0 0 0 8px var(--k0);border-radius:16px}.clash .floor,.clash .win .in.floor{background-color:var(--g-floor);background-image:radial-gradient(circle,var(--g-dot) 1px,transparent 1.4px);background-size:24px 24px;background-position:calc(var(--px,0) * 4px) calc(var(--py,0) * 4px);transition:background-position .25s ease-out}.clash .floor:before{content:"";left:var(--hx,50%);top:var(--hy,50%);width:var(--hw,82%);aspect-ratio:1;translate:calc(-50% + var(--px,0) * 3.7%) calc(-50% + var(--py,0) * 3.7%);background:radial-gradient(closest-side,var(--halo,transparent),transparent);opacity:.75;border-radius:50%;transition:opacity .3s linear;position:absolute}.clash .orb{border:1.5px solid var(--g-orb);width:11px;height:11px;transition:transform .5s cubic-bezier(.3,.7,.3,1) calc(var(--i,0) * 30ms),opacity .3s linear;border-radius:50%;margin:-5.5px;position:absolute;transform:translate(0)scale(1)}.clash [data-sign=crown]{--halo:#ffb14a33;--ar:946/682;--wa:46cqw;--wb:80cqh;--pw:52cqw;--gl:.13;--gr:.13;--kw:.62;--kh:86cqh;--fw:946px;--sway:3.2deg;--tilt:-6deg;--pop:15%}.clash [data-sign=flag]{--halo:#38e1ff33;--ar:726/870;--wa:33cqw;--wb:60cqh;--pw:38cqw;--gl:.05;--gr:.27;--kw:.46;--kh:56cqh;--fw:726px;--ox:24%;--oy:96%;--sway:4deg;--ft:5.1s;--st:3.3s;--tilt:7deg;--pop:12.6%}.clash .stk{z-index:4;height:min(62%,var(--pw) / (var(--ar)));aspect-ratio:var(--ar);pointer-events:none;translate:-50% -50%;transform:translate(calc(var(--px,0) * -8px),calc(var(--py,0) * -6px));transition:transform .25s ease-out;position:absolute;top:50%;left:50%}.clash .stk[hidden]{display:none}.clash .stk picture{display:contents}.clash .stk .bob{transform-origin:var(--ox,50%) var(--oy,60%);animation:clash-float var(--ft,4.4s) ease-in-out infinite alternate,clash-sway var(--st,5.9s) ease-in-out infinite alternate;display:block;position:absolute;inset:0}.clash .stk img{width:100%;height:100%;transform-origin:var(--ox,50%) var(--oy,60%);filter:drop-shadow(0 calc(5px * var(--k,1)) 0 #00000057);transition:transform .5s var(--spring),filter .3s linear;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes clash-float{0%{translate:0 calc(3px * var(--k,1))}to{translate:0 calc(-5px * var(--k,1))}}@keyframes clash-sway{0%{rotate:calc(var(--sway,3deg) * -1)}to{rotate:var(--sway,3deg)}}.clash .sp{width:calc(var(--s,13px) * var(--k,1));height:calc(var(--s,13px) * var(--k,1));margin:calc(var(--s,13px) * var(--k,1) / -2);animation:clash-twinkle var(--t,2.8s) ease-in-out var(--d,0s) infinite;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' d='M50 0L59 41L100 50L59 59L50 100L41 59L0 50L41 41Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;scale:0}@keyframes clash-twinkle{0%,55%,to{rotate:0deg;scale:0}70%{rotate:20deg;scale:1}85%{rotate:40deg;scale:.2}}.clash .stk[data-away] .bob,.clash .stk[data-away] .sp{animation-play-state:paused}.clash [data-sign=crown] .sp:first-of-type{--d:.2s;top:8%;left:96%}.clash [data-sign=crown] .sp:nth-of-type(2){--s:10px;--d:1.3s;--t:3.4s;top:34%;left:2%}.clash [data-sign=crown] .sp:nth-of-type(3){--s:9px;--d:2.1s;--t:3.1s;top:92%;left:84%}.clash [data-sign=flag] .sp:first-of-type{--d:.7s;top:20%;left:98%}.clash [data-sign=flag] .sp:nth-of-type(2){--s:10px;--d:1.9s;--t:3.3s;top:2%;left:8%}.clash [data-sign=flag] .sp:nth-of-type(3){--s:9px;--d:.1s;--t:3.6s;top:80%;left:70%}.clash .tile .pill.soon,.clash .gp.soonp .pill.soon{transform-origin:0 100%;transition:transform .3s var(--spring),color var(--t-quick) linear,border-color var(--t-quick) linear;transform:rotate(-2.5deg)}.clash .tile.sm .tin{grid-template:"art"minmax(0,1fr)"foot"/minmax(0,1fr);display:grid}.clash .tile.sm .floor{--hw:72%;border-radius:15px 15px 0 0;grid-area:art;position:relative;overflow:hidden}.clash .tile.sm .stand{z-index:4;grid-area:art;min-width:0;min-height:0;position:relative}.clash .tile.sm .foot-t{grid-area:foot}@media (hover:hover){.clash .tile:hover .tin{border-color:var(--line3);box-shadow:0 7px 0 -1px var(--lip-in),0 7px 0 0 var(--lip);transform:translateY(-3px)}.clash .tile:hover .tin:after{animation:.75s cubic-bezier(.3,.6,.3,1) clash-glint}.clash .tile:hover .floor:before{opacity:1}.clash .tile:hover .orb{transform:translate(var(--dx,0px),var(--dy,0px)) scale(.1);opacity:0;transition:transform .42s cubic-bezier(.6,0,.9,.5) calc(var(--i,0) * 55ms),opacity .12s linear calc(var(--i,0) * 55ms + .33s)}.clash .tile[data-unsigned]:hover .orb{opacity:1;transform:translate(0)scale(1)}.clash .tile:hover .stk img{transform:translateY(min(-22px,var(--pop,15%) * -1)) scale(1.14) rotate(var(--tilt,-5deg));filter:drop-shadow(0 12px #0000004d)}.clash .tile:hover .sp{animation-duration:1.1s}.clash .tile:hover .pill.soon{color:var(--white);border-color:var(--smoke);transform:rotate(-5deg)translateY(-1px)}}.clash .tile .hit:active+.tin{box-shadow:0 1px 0 -1px var(--lip-in),0 1px 0 0 var(--lip);transition-duration:var(--t-press);transform:translateY(3px)}.clash .tile .hit:active+.tin .stk img{transition-duration:80ms;transform:translateY(-4px)scale(1.04)rotate(0)}.clash .tile{container-type:inline-size}.clash .tile.sm{container-type:size}@container (max-width:560px){.clash .tile.live .foot-t{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 12px;height:auto;padding:14px 16px 13px;display:grid}.clash .tile.live .name{grid-area:1/1}.clash .tile.live .key{grid-area:1/2;margin:0 0 4px}.clash .tile.live .true{text-align:left;grid-area:2/1/auto/span 2;margin:0}}@container (min-aspect-ratio:4/3){.clash .tile.sm .tin{grid-template:"foot art"minmax(0,1fr)/auto minmax(0,1fr)}.clash .tile.sm .floor{width:min(66%,135cqh);clip-path:polygon(calc(100cqh * var(--tan)) 0,100% 0,100% 100%,0 100%);--hx:56%;--hw:82%;border-radius:0 15px 15px 0;grid-area:auto;position:absolute;top:0;bottom:0;right:0}.clash .tile.sm .foot-t{border-top:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;height:auto;padding:0 0 0 22px}.clash .tile.sm .name{font-size:clamp(18px,5.2cqw,24px)}.clash .tile.sm .stk{--sw:min(var(--wa),var(--wb),(100% - 26px) / (1 + var(--gl) + var(--gr)));width:var(--sw);height:auto;left:clamp(var(--sw) * (.5 + var(--gl)) + 16px,100% - .58 * (min(66cqw,135cqh) - 20.2cqh),100% - var(--sw) * (.5 + var(--gr)) - 10px)}}@container (max-width:330px) and (max-aspect-ratio:4/3){.clash .tile.sm .tin .foot-t{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding:14px 14px 16px}.clash .tile.sm .tin .name{letter-spacing:-.02em;font-size:18px}}.clash .rp{min-height:calc(100dvh - var(--nav-h));padding:0 var(--gut) clamp(20px,3.6vh,36px);flex-direction:column;display:flex}.clash .say{flex:none;padding:clamp(34px,8.2vh,112px) 0 clamp(22px,5.4vh,72px)}.clash .say h1{font:600 clamp(44px,min(7vw,11vh),136px)/.92 var(--sans);letter-spacing:-.052em;margin-left:-.012em}.clash .say h1 span{white-space:nowrap}.clash .say h1 .stop{color:var(--red-b);background:var(--red);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.clash .say .one{font:400 clamp(17px,min(1.6vw,2.5vh),26px)/1.35 var(--sans);letter-spacing:-.012em;color:var(--ash);text-wrap:balance;max-width:36em;margin:clamp(12px,2.2vh,24px) 0 0 -.09em}.clash .rail{flex:none;align-items:center;gap:14px;height:12px;margin-bottom:clamp(14px,2.4vh,26px);display:flex}.clash .rail i{background:var(--line);flex:1;height:1px}.clash .bento{min-height:max(340px,calc((100vw - 2 * var(--gut) - 16px) * .2339 + 76px));flex:1;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;display:grid;position:relative}.clash .bento .tile.live{grid-row:1/span 2}.clash .bento:before{content:"";pointer-events:none;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath d='M8.5 0v17M0 8.5h17' stroke='%23555' stroke-width='1'/%3E%3C/svg%3E");background:var(--m) left top no-repeat,var(--m) right top no-repeat,var(--m) left bottom no-repeat,var(--m) right bottom no-repeat;position:absolute;inset:-9px -9px -13px}@media (min-width:721px) and (min-height:541px) and (max-height:680px){.clash .say{padding:clamp(28px,5.8vh,40px) 0 22px}}@media (min-width:1921px) and (min-height:1100px){.clash .tile .foot-t{height:92px;padding:0 28px}.clash .tile .name,.clash .tile.sm .tin .name{font-size:28px}.clash .tile .true{font-size:13px}.clash .tile .key.md{border-radius:12px;height:54px;padding:0 24px 0 22px;font-size:18px}.clash .tile .tin:before{top:18px;left:20px}}@media (prefers-reduced-motion:reduce){.clash .tile:hover .tin:after,.clash .stk .bob,.clash .sp{animation:none}.clash .sp{scale:.8}.clash .tile .tin,.clash .stk,.clash .stk img,.clash .orb,.clash .tile .pill.soon,.clash .gp.soonp .pill.soon,.clash .floor,.clash .floor:before{transition:none}.clash .tile:hover .orb{opacity:1;transform:translate(0)scale(1)}}.clash .gp{--hh:max(640px,calc(100dvh - var(--nav-h)));height:var(--hh);position:relative}.clash .win{display:block;position:absolute;top:0;bottom:0;right:0}.clash .win .in{background:var(--g-floor);clip-path:polygon(calc(var(--hh) * var(--tan)) 0,100% 0,100% 100%,0 100%);position:absolute;inset:0;overflow:hidden;container-type:size}.clash .win .blade{background:var(--red-up);clip-path:polygon(calc(var(--hh) * var(--tan)) 0,calc(var(--hh) * var(--tan) + 3px) 0,9px 100%,0 100%);position:absolute;inset:0}.clash .gp .win{width:calc(100vw - 540px)}.clash .gp .left{left:var(--gut);flex-direction:column;justify-content:center;width:452px;padding:48px 0 54px;display:flex;position:absolute;top:0;bottom:0}.clash .gp .st{min-height:24px;display:flex}.clash .gp h1{font:600 96px/.9 var(--sans);letter-spacing:-.05em;margin:20px 0 0 -5px}.clash .gp .one{font:400 18px/1.4 var(--sans);letter-spacing:-.01em;color:var(--ash);max-width:430px;margin-top:20px}.clash .act-row{align-items:center;gap:20px;margin-top:32px;display:flex}.clash .facts{font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ash);white-space:nowrap;flex-direction:column;gap:8px;display:flex}.clash .facts b{color:var(--white);font-weight:500}.clash .tables{grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;display:grid}.clash .tcard{background:var(--k1);border:1px solid var(--line);cursor:default;border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:15px 16px 14px;display:flex}.clash .tcard .top{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.clash .tcard .amt{font:600 26px/1 var(--mono);letter-spacing:-.03em;color:var(--ash)}.clash .tcard .top .unit{color:var(--smoke);margin-left:0}.clash .tcard .row{font:500 13px/1 var(--sans);color:var(--ash);white-space:nowrap}.clash .tcard.joinable{background:var(--k2);border-color:var(--red);box-shadow:0 4px 0 var(--red-lip);cursor:pointer}.clash .tcard.joinable .amt,.clash .tcard.joinable .top .unit{color:var(--white)}.clash .tcard.joinable .row{color:var(--red-up);white-space:normal;line-height:1.3}.clash .tcard .join-arrow{color:var(--red-up);font:600 22px/1 var(--sans);margin-left:auto}.clash .tcard.joinable:hover{background:var(--k3);border-color:var(--red-up)}.clash .tcard.joinable:active{box-shadow:0 1px 0 var(--red-lip);transform:translateY(3px)}.clash .tcard.joinable:focus-visible{outline:2px solid var(--white);outline-offset:4px}.clash .fee{font:400 14px/1.45 var(--sans);color:var(--ash);margin-top:26px}.clash .fee b{color:var(--white);font-weight:500;display:block}.clash .money{padding:32px var(--gut) 56px;border-top:1px solid var(--line);grid-template-columns:minmax(0,672px);gap:16px;display:grid}.clash .money .slab{padding:18px 20px 8px}.clash .sh{align-items:center;gap:10px;height:20px;margin-bottom:10px;display:flex}.clash .sh .r{margin-left:auto}.clash .kv{border-top:1px solid var(--line);height:36px;font:400 14px/1 var(--sans);color:var(--ash);justify-content:space-between;align-items:center;gap:12px;display:flex}.clash .kv .n9{color:var(--white);font-size:14px;font-weight:500}.clash .kv>span:first-child>i{font-style:normal;font-family:var(--mono);color:var(--smoke);margin-right:10px}.clash .kv.first{border-top-color:var(--line2);color:var(--white);font-weight:600}.clash .kv.first .n9{font-weight:600}.clash .kv.bal2{color:var(--white);font:600 12px/1 var(--mono);border-top-color:var(--line2)}.clash .kv.bal2 .tick{margin-right:9px}.clash .kv.bal2 .asof{color:var(--smoke);font-weight:500}.clash .kv.bal2 span:first-child{align-items:center;display:flex}.clash .gp.soonp .win .in{background:var(--k2)}.clash .gp.soonp .win .blade{background:var(--line3)}.clash .gp.soonp h1{margin-top:22px}.clash .gp.soonp .kbox{color:var(--ash)}.clash .back{height:44px;font:500 14px/1 var(--sans);color:var(--ash);align-self:flex-start;align-items:center;gap:10px;margin-top:36px;display:inline-flex}.clash .back:hover{color:var(--white)}.clash .back .arr{transform:scaleX(-1)}.clash .rb{width:100%;max-width:760px;padding:clamp(28px,5vh,56px) var(--gut) 72px;min-height:calc(100dvh - var(--nav-h));margin-inline:auto}.clash .rb h1{font:600 clamp(32px,min(3.4vw,5.6vh),44px)/1 var(--sans);letter-spacing:-.045em;margin:0 0 10px -.04em}.clash .rb .sub{font:400 16px/1.45 var(--sans);color:var(--ash)}.clash .rb h2{font:600 20px/1 var(--sans);letter-spacing:-.02em;margin:40px 0 12px}.clash .rb .fee{margin-top:28px;font-size:16px}.clash .rb dl{border-top:1px solid var(--line2)}.clash .rb .r{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;min-height:40px;padding:10px 0;display:flex}.clash .rb dt{font:400 14px/1.35 var(--sans);color:var(--ash);flex:none;max-width:46%}.clash .rb dd{font:500 14px/1.35 var(--mono);font-variant-numeric:tabular-nums;color:var(--white);text-align:right;text-wrap:balance;min-width:0}.clash .rb .hash{flex-direction:column;gap:10px;margin-top:36px;display:flex}.clash .rb .hash code{font:500 12px/1.5 var(--mono);color:var(--white);word-break:break-all}.clash .rb .hash p{font:400 13px/1.4 var(--sans);color:var(--smoke)}.clash .nf{min-height:calc(100dvh - var(--nav-h));padding:48px var(--gut);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.clash .nf h1{font:600 clamp(40px,6vw,72px)/.95 var(--sans);letter-spacing:-.05em;margin-left:-.04em}.clash .gp-more{display:none}@media (max-height:540px) and (min-width:721px){html:root{--gut:24px;--nav-h:52px}.clash .rp{padding:0 var(--gut) 14px}.clash .say{padding:14px 0 12px}.clash .say h1{font-size:30px;line-height:1}.clash .say .one{margin-top:5px;font-size:14px}.clash .rail{display:none}.clash .bento{min-height:max(232px,calc((100vw - 2 * var(--gut) - 24px) * .156 + 84px));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:12px}.clash .tile .tin:before{top:10px;left:12px}.clash .bento .tile.live{grid-row:auto}.clash .tile .foot-t,.clash .tile.sm .tin .foot-t{height:84px;padding:0 16px}.clash .tile.sm .tin .foot-t{justify-content:center;padding:0 14px}.clash .tile .name{font-size:20px}.clash .tile .key.md{height:44px;padding:0 16px 0 14px;font-size:15px}.clash .tile.live .foot-t{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:7px 12px;height:84px;padding:0 16px;display:grid}.clash .tile.live .name{grid-area:1/1}.clash .tile.live .true{text-align:left;grid-area:2/1;margin:0}.clash .tile.live .key{grid-area:1/2/span 2;margin:0 0 4px}.clash .gp{--hh:max(100dvh - var(--nav-h),338px)}.clash .gp .win{width:calc(100vw - 420px)}.clash .gp .left{width:360px;padding:14px 0 16px}.clash .gp h1{margin:10px 0 0 -3px;font-size:52px}.clash .gp .one{max-width:340px;margin-top:10px;font-size:14px}.clash .act-row{gap:14px;margin-top:16px}.clash .key.xl{border-radius:12px;height:56px;padding:0 22px 0 20px;font-size:18px}.clash .gp .below{display:none}.clash .gp-more{padding:20px var(--gut) 26px;display:block}.clash .gp-more .tables{max-width:452px;margin-top:0}.clash .gp-more .fee{margin-top:18px}.clash .money{padding:20px var(--gut) 32px}.clash .foot{height:64px}.clash .gp.soonp h1{margin-top:14px;font-size:44px}.clash .back{margin-top:14px}.clash .rb{padding-top:22px}}@media (max-width:720px){html:root{--gut:16px;--nav-h:56px}.clash .nav .brand.in-game .wmk{display:none}.clash .nav .brand.in-game .gly{display:block}.clash .nav .right{gap:8px}.clash .bal{padding:0 10px;font-size:13px}.clash .pcirc{width:44px;height:44px}.clash .foot{height:auto;padding:24px var(--gut) 20px;flex-direction:column;align-items:flex-start;gap:6px}.clash .foot nav{gap:4px}.clash .foot a:first-child{justify-content:flex-start;margin-left:-12px}.clash .foot a:last-child{margin-right:0}.clash .tile .foot-t{padding:0 16px}.clash .tile .name{font-size:22px}.clash .shot.d{display:none}.clash .shot.p{display:block}.clash .key.xl{border-radius:13px;height:60px;font-size:20px}.clash .rp{min-height:0;padding:0 var(--gut) 28px}.clash .say{padding:24px 0 20px}.clash .say h1{font-size:clamp(36px,11.6vw,54px);line-height:.96}.clash .say .one{max-width:none;margin-top:12px;font-size:16px;line-height:1.4}.clash .rail{margin-bottom:14px}.clash .bento{flex:none;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0}.clash .tile .tin:before{top:11px;left:12px}.clash .bento .tile.live{grid-area:auto/1/auto/span 2}.clash .bento .tile.live .art{flex:none;height:clamp(200px,100dvh - 596px,320px)}.clash .bento .tile.sm{height:clamp(204px,30vw + 87px,300px)}.clash .gp{--hh:auto;flex-direction:column;height:auto;display:flex}.clash .gp .win{order:-1;width:auto;height:236px;position:relative}.clash .gp .win .in{clip-path:none}.clash .gp .win .blade{display:none}.clash .gp .left{width:auto;padding:22px var(--gut) 30px;position:static}.clash .gp h1{margin:14px 0 0 -3px;font-size:60px}.clash .gp .one{margin-top:14px;font-size:16px}.clash .act-row{flex-direction:column;align-items:stretch;gap:14px;margin-top:22px}.clash .facts{flex-direction:row;gap:0}.clash .facts span+span:before{content:"·";color:var(--smoke);padding:0 .6em}.clash .tables{margin-top:30px}.clash .tcard{padding:13px 12px 12px}.clash .tcard .amt{font-size:22px}.clash .money{padding:20px var(--gut) 40px;grid-template-columns:1fr;gap:12px}.clash .money .slab{padding:16px 14px 6px}.clash.frame{flex-direction:column;min-height:100dvh;display:flex}.clash.frame>main{flex-direction:column;flex:1 0 auto;display:flex}.clash.frame>main>.gp.soonp{flex:1 0 auto}.clash .gp.soonp .win{flex:1 0 300px;height:auto}.clash .gp.soonp .left{flex:none;padding-bottom:40px}.clash .rb .r{flex-direction:column;gap:4px}.clash .rb dt{max-width:none}.clash .rb dd{text-align:left;text-wrap:wrap}}@media (min-width:721px) and (max-width:959px) and (min-height:541px),(min-width:960px) and (max-width:1179px) and (min-height:801px){.clash .rp{min-height:0;padding-bottom:40px}.clash .bento{flex:none;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}.clash .bento .tile.live{grid-area:auto/1/auto/span 2}.clash .bento .tile.live .art{flex:none;height:clamp(max(240px,36vw - 34px),100dvh - 660px,480px)}.clash .bento .tile.sm{height:clamp(204px,24vw,260px)}}html.in-arena,html.in-arena body{overscroll-behavior:none;background:#050506;height:100%;overflow:hidden}.ar-wait{box-sizing:border-box;color:#f5efe4;font:500 14px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;background:#222;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.ar-ctl{box-sizing:border-box;appearance:none;z-index:30;color:#f5efe4;height:30px;font:600 12px/1 var(--mono);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#111112db;border:1px solid #3c3c3f;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin:0;padding:0 9px 0 8px;display:flex;position:fixed;box-shadow:0 2px #000}.ar-ctl:hover{border-color:#f5efe4}.clash .lobby-jump{color:var(--white);text-underline-offset:5px;margin-top:18px;font-size:14px;display:inline-block}.clash .snakes-links{flex-wrap:wrap;column-gap:24px;display:flex}.clash .snakes-links a{align-items:center;min-height:44px;display:inline-flex}.clash .leaderboard{max-width:1440px;min-height:calc(100dvh - var(--nav-h));padding:28px var(--gut) 64px;margin:0 auto}.clash .leaderboard>.back{margin:0 0 32px}.clash .lb-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.clash .lb-heading h1{font:600 clamp(38px,6vw,80px)/1 var(--sans);letter-spacing:-.055em;margin:14px 0 18px -.04em}.clash .lb-heading h1>span{color:var(--red-b)}.clash .lb-heading p{color:var(--ash);font-size:18px;line-height:1.4}.clash .lb-heading>.key{margin-bottom:4px}.clash .lb-summary{border:1px solid var(--line2);background:var(--k1);border-radius:14px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);margin-bottom:40px;display:grid;overflow:hidden}.clash .lb-best{background:linear-gradient(115deg,#241d11,var(--k1) 80%);align-items:center;gap:20px;min-width:0;padding:28px;display:flex}.clash .lb-best>div{min-width:0}.clash .lb-trophy{color:#e9c780;background:#282115;border:1px solid #5a492c;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;display:grid}.clash .lb-record{font:500 clamp(24px,2.7vw,36px)/1.3 var(--mono);letter-spacing:-.05em;overflow-wrap:anywhere;margin:10px 0 6px}.clash .lb-record>span{color:var(--ash);font:500 12px/1.4 var(--mono);letter-spacing:0;overflow-wrap:anywhere;margin-left:10px;display:inline-block}.clash .lb-holder{font:500 12px/1.5 var(--mono);color:var(--ash)}.clash .lb-stat{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;padding:28px;display:flex}.clash .lb-stat>p{font:500 clamp(20px,2vw,28px)/1.3 var(--sans);letter-spacing:-.03em;margin:12px 0 8px}.clash .lb-stat>span:last-child{color:var(--ash);font-size:13px;line-height:1.4}.clash .lb-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.clash .lb-title{align-items:center;gap:14px;display:flex}.clash .lb-title h2{letter-spacing:-.035em;font-size:22px}.clash .lb-title .pill{color:var(--ash);font-size:10px}.clash .lb-filters{background:var(--k1);border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px;display:flex}.clash .lb-filters button{min-width:76px;min-height:44px;color:var(--ash);border-radius:6px;padding:0 16px;font-size:14px;font-weight:500}.clash .lb-filters button:hover{color:var(--white);background:var(--k2)}.clash .lb-filters button[aria-pressed=true]{background:var(--k3);color:var(--white);box-shadow:inset 0 0 0 1px var(--line2)}.clash .lb-results{background:var(--k1);border:1px solid var(--line);border-radius:12px;min-height:300px;overflow:hidden}.clash .lb-scroll{overflow-x:auto}.clash .lb-scroll:focus-visible{outline-offset:-3px}.clash .lb-results table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.clash .lb-results thead th{background:var(--k2);height:48px;color:var(--ash);font:500 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em}.clash .lb-results th,.clash .lb-results td{border-bottom:1px solid var(--line);padding:18px 24px}.clash .lb-results tr:last-child td,.clash .lb-results tr:last-child th{border-bottom:0}.clash .lb-results tbody th{font:500 14px/1.4 var(--mono)}.clash .lb-results th:first-child,.clash .lb-results td:first-child{width:84px}.clash .lb-results th:nth-child(3),.clash .lb-results th:last-child,.clash .lb-results td:last-child{text-align:right}.clash .lb-rank{font:500 15px/1 var(--mono);color:var(--smoke)}.clash .lb-player{align-items:center;gap:14px;display:flex}.clash .lb-avatar{border:1px solid var(--line2);width:34px;height:34px;font:500 13px/1 var(--mono);color:var(--ash);background:var(--k2);border-radius:8px;flex:none;place-items:center;display:grid}.clash .lb-amount{text-align:right;font:500 17px/1.5 var(--mono);letter-spacing:-.025em}.clash .lb-amount>span{color:var(--smoke);letter-spacing:0;margin-left:8px;font-size:11px}.clash .lb-date{font:400 11px/1.5 var(--mono);color:var(--ash)}.clash .lb-results tr[data-rank="1"]{background:linear-gradient(90deg,#241d11,var(--k1) 70%)}.clash .lb-results tr[data-rank="1"] .lb-rank,.clash .lb-results tr[data-rank="1"] .lb-amount{color:#e9c780}.clash .lb-results tr[data-rank="1"] .lb-avatar{color:#e9c780;background:#282115;border-color:#5a492c}.clash .lb-results tr[data-rank="2"] .lb-rank{color:#dedee3}.clash .lb-results tr[data-rank="3"] .lb-rank{color:#d9ac8a}.clash .lb-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;padding:40px 24px;display:flex}.clash .lb-empty>svg{color:var(--smoke);margin-bottom:4px}.clash .lb-empty h3{letter-spacing:-.025em;font-size:22px}.clash .lb-empty p{color:var(--ash);text-wrap:balance;max-width:350px;font-size:14px}.clash .lb-empty .key{margin-top:8px}.clash .lb-source{color:var(--smoke);font:400 11px/1.6 var(--mono);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:16px 2px;display:flex}.clash .lb-note{color:var(--ash);font:400 13px/1.7 var(--sans);max-width:700px;margin-top:24px}.clash .lb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.clash .lb-summary{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.clash .lb-stat:last-child{display:none}.clash .lb-results th,.clash .lb-results td{padding:16px}}@media (max-width:720px){.clash .leaderboard{padding-top:16px;padding-bottom:40px}.clash .leaderboard>.back{margin-bottom:24px}.clash .lb-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:28px}.clash .lb-heading p{font-size:16px}.clash .lb-heading h1{margin-bottom:14px}.clash .lb-summary{grid-template-columns:1fr;margin-bottom:28px}.clash .lb-best{gap:16px;padding:22px}.clash .lb-stat{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:18px 22px;display:grid}.clash .lb-stat>p{font-family:var(--mono);grid-area:1/2/3;margin:0}.clash .lb-stat>span:last-child{grid-column:1}.clash .lb-toolbar{flex-direction:column;align-items:stretch;gap:16px}.clash .lb-title{justify-content:space-between;gap:10px}.clash .lb-filters button{flex:1;min-width:0}.clash .lb-results th,.clash .lb-results td{padding:14px 12px}.clash .lb-results th:first-child,.clash .lb-results td:first-child{width:48px}.clash .lb-player{gap:8px}.clash .lb-avatar{display:none}.clash .lb-results tbody th{font-size:12px}.clash .lb-amount{font-size:14px}.clash .lb-amount>span{margin-left:0;font-size:10px;display:block}.clash .lb-date,.clash .lb-results th:last-child{display:none}.clash .lb-record{font-size:28px}.clash .lb-note{margin-top:16px}}.clash .lobbies{padding:40px var(--gut);border-top:1px solid var(--line2);scroll-margin-top:80px}.clash .lobby-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.clash .lobby-heading h2{color:var(--white);margin:0 0 10px;font-size:30px}.clash .lobbies p{color:var(--ash);margin:8px 0;font-size:14px;line-height:1.5}.clash .lobby-heading form{flex-shrink:0;width:min(320px,100%)}.clash .lobby-heading label{color:var(--white);margin-bottom:8px;font-size:13px;display:block}.clash .lobby-input{gap:8px;display:flex}.clash .lobby-input input{border:1px solid var(--line2);background:var(--k1);min-width:0;color:var(--white);font:600 16px var(--mono);text-transform:uppercase;border-radius:8px;flex:1;padding:10px 12px}.clash .lobby-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.clash .lobby-card{border:1px solid var(--line2);background:var(--k1);border-radius:12px;padding:20px}.clash .lobby-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.clash .lobby-card-top strong{font:600 18px var(--mono);color:var(--white)}.clash .lobby-card-top span{color:var(--ash);font-size:13px}.clash .lobby-card p b{color:var(--white);font-size:22px}.clash .lobby-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;display:flex}.clash .lobby-copy{color:var(--white);font:500 13px var(--sans);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:10px 0;text-decoration:underline}.clash .lobby-input input:focus-visible,.clash .lobby-copy:focus-visible{outline:2px solid var(--white);outline-offset:3px}@media (max-width:900px){.clash .lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clash .lobby-heading{flex-direction:column}}@media (max-width:540px){.clash .lobby-grid{grid-template-columns:1fr}.clash .lobbies{padding-top:28px;padding-bottom:28px}}.ar-ctl svg{width:auto;height:13px;display:block}.ar-ctl.touch{border-radius:12px;width:44px;height:44px;padding:0}.ar-ctl.touch svg{height:16px}.ar-ctl.touch kbd{display:none}.ar-ctl kbd{font:600 12px/1 var(--mono);color:#ada89e}.ar-ov{z-index:40;background:#0000009e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ar-sheet{background:var(--k1);border:1px solid var(--line2);border-radius:14px;flex-direction:column;gap:12px;width:min(360px,100%);padding:20px 20px 18px;display:flex;box-shadow:0 30px 80px #000000b3}.ar-sheet .hd{height:24px;color:var(--white);align-items:center;gap:10px;margin-bottom:4px;display:flex}.ar-sheet .hd .slash{color:var(--smoke)}.ar-sheet .hd .game{font:600 13px/1 var(--sans);letter-spacing:.16em}.clash .ar-sheet .key{width:100%;height:48px;font-size:15px}.clash .ar-sheet .key.lead{border-color:var(--white)}.ar-sheet p{font:400 13px/1.4 var(--sans);color:var(--ash);margin-top:2px}.ar-note{z-index:35;text-align:center;width:min(400px,100vw - 32px);font:400 14px/1.4 var(--sans);color:#f5efe4;flex-direction:column;align-items:center;gap:16px;display:flex;position:fixed;top:calc(50% + 52px);left:50%;transform:translate(-50%)}.ar-note .btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ar-note .key.red{margin-bottom:4px}.ar-note.on-arena{background:var(--k1);border:1px solid var(--line2);border-radius:14px;padding:20px 20px 18px;top:50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #000000b3}@media (max-height:420px){.ar-note{gap:12px;top:calc(50% + 44px)}}.wallet-control{max-width:65vw;font-size:13px;position:relative}.wallet-control summary{cursor:pointer;font-variant-numeric:tabular-nums;border:1px solid #393939;border-radius:8px;padding:10px 14px;list-style:none}.wallet-control summary::-webkit-details-marker{display:none}.wallet-panel{z-index:100;background:#161616;border:1px solid #393939;border-radius:12px;flex-direction:column;gap:12px;width:min(360px,100vw - 32px);max-height:calc(100dvh - 100px);padding:20px;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:auto;box-shadow:0 16px 48px #000a}.wallet-panel p{color:#bbb;margin:0;line-height:1.5}.wallet-panel small{color:#999;line-height:1.5}.wallet-panel dl{grid-template-columns:auto 1fr;gap:8px;display:grid}.wallet-panel dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.wallet-panel button,.wallet-panel input{font:inherit;color:#fff;background:#242424;border:1px solid #444;border-radius:6px;min-width:0;padding:10px}.wallet-panel button{cursor:pointer}.wallet-panel button:disabled{opacity:.5;cursor:wait}.wallet-panel input{width:100%;font-size:11px}.wallet-address{overflow-wrap:anywhere;font-size:11px}.wallet-options{flex-direction:column;gap:8px;display:flex}.wallet-panel [role=alert]{color:#ff8d8d}.wallet-deposit{flex-direction:column;gap:10px;display:flex}.wallet-deposit input{font-variant-numeric:tabular-nums;font-size:16px}.clash.wallet-toast{z-index:1000;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));background:#161616;border:1px solid #555;border-left:4px solid #b4b4b4;border-radius:10px;align-items:flex-start;width:min(390px,100vw - 40px);font-size:14px;line-height:1.45;display:flex;position:fixed;box-shadow:0 12px 40px #0009}.clash.wallet-toast.success{border-left-color:#79d9a1}.clash.wallet-toast.error{border-left-color:#ff8d8d}.wallet-toast>a,.wallet-toast-content{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:5px;min-width:0;padding:16px;display:flex}.wallet-toast span{color:#bbb;font-size:13px}.wallet-toast>a:hover strong{text-decoration:underline}.clash.wallet-toast>button{color:#bbb;flex:none;width:44px;height:44px;font-size:24px}.clash .kbox.p{display:none}.clash .kbox{color:var(--ash);transition:color var(--t-quick) linear;display:block;position:absolute;inset:0}.clash .kart{width:100%;height:100%;position:absolute;inset:0}.clash .kart .k-dim{stroke:var(--line3)}.clash .kart .k-land{fill:#1a1a1a}.clash .kart .k-road{stroke:var(--k1)}.clash .kart .k-body{fill:var(--k1)}@media (max-width:720px){.clash .kbox.d{display:none}.clash .kbox.p{display:block}}.clash [data-bounty]{--bounty:#ffd477;--bounty-ink:#241604;--bounty-ease:cubic-bezier(.16,1,.3,1)}.clash .key.bounty-play,.clash .key.bounty-join{isolation:isolate;color:var(--bounty-ink,#241604);transition:transform .18s var(--bounty-ease,var(--ease)),box-shadow .18s var(--ease);background:linear-gradient(115deg,#fff0b8,#ffd477 48%,#ffb747);border:1px solid #ffe9ad;position:relative;overflow:hidden;box-shadow:0 4px #93601f,0 8px 28px #ffbc482b}.clash .key.bounty-play{white-space:normal;max-width:100%;animation:bounty-arrive .32s var(--bounty-ease) backwards;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;display:flex}.clash .key.bounty-play.xl{border-radius:14px;min-width:min(350px,100%);height:auto;min-height:94px;padding:17px 22px;font-size:22px}.clash .key.bounty-play.md{border-radius:10px;gap:4px;height:auto;min-height:60px;padding:10px 14px;font-size:15px}.clash .bounty-key-top{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:700;display:flex}.clash .bounty-key-arrow{transition:transform .18s var(--ease);margin-left:auto;font-size:22px}.clash .bounty-key-bottom{font:500 12px/1.3 var(--sans);letter-spacing:0;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.clash .bounty-key-bottom>span{overflow-wrap:anywhere;flex:1;min-width:0;line-height:20px}.clash .bounty-key-bottom b{font-variant-numeric:tabular-nums;font-weight:750}.clash .bounty-key-bottom svg{flex:none;width:19px;height:19px}.clash .key.bounty-play:after,.clash .key.bounty-join:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 20%,#fff9 48%,#0000 72%);animation:5.6s ease-in-out .8s infinite bounty-sweep;position:absolute;inset:0;transform:translate(-110%)}.clash .key.bounty-play:hover,.clash .key.bounty-join:hover{background:linear-gradient(115deg,#fff6cf,#ffdf95 48%,#ffc168);border-color:#fff4d0;transform:translateY(-2px);box-shadow:0 6px #93601f,0 12px 32px #ffbc483a}.clash .key.bounty-play:hover .bounty-key-arrow{transform:translate(2px,-2px)}.clash .key.bounty-play:active,.clash .key.bounty-join:active{transform:translateY(3px);box-shadow:0 1px #93601f}.clash .act-row:has(.bounty-play){flex-direction:column;align-items:flex-start;gap:15px;margin-top:28px}.clash .bounty-facts{white-space:normal;flex-flow:wrap;gap:10px 18px;line-height:1.4}.clash .bounty-facts a{color:var(--white);text-underline-offset:4px;text-decoration:underline}.clash .tile:has(.bounty-play) .tin{border-color:#bd8a3d;box-shadow:0 4px 0 -1px #2c1e0d,0 4px #805620,0 0 36px #ffc45b12}.clash .tile:has(.bounty-play) .tin:after{background-image:linear-gradient(90deg,#0000,#fff4ba,#ffb747,#0000)}.clash .tile:has(.bounty-play) .foot-t{border-top-color:#9e753a60}.clash .tile-bounty{z-index:4;color:#ffdb8d;font:650 12px/1 var(--sans);animation:bounty-arrive .32s var(--ease) both;background:#191208ed;border:1px solid #d8a64f;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 4px 20px #0005}.clash .tile-bounty>span{line-height:20px}.clash .tile-bounty svg{flex:none;width:20px;height:20px}.clash .lobby-card.bounty-lobby{isolation:isolate;animation:bounty-arrive .35s var(--bounty-ease) both;background:radial-gradient(at 95% 30%,#71501c35,#0000 65%),linear-gradient(145deg,#221b10,#10100e 75%);border-color:#c39448;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffd47712,inset 0 1px #ffe4a835,0 8px 32px #0005}.clash .bounty-lobby:before{content:"";z-index:-1;border-radius:inherit;opacity:.4;pointer-events:none;animation:4.8s ease-in-out infinite bounty-halo;position:absolute;inset:0;box-shadow:inset 0 0 32px #ffca5d22}.clash .bounty-lobby:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffe9b3,#0000);height:2px;position:absolute;top:0;left:20%;right:20%;box-shadow:0 0 14px #ffd477}.clash .bounty-lobby .lobby-card-top strong{color:#ffe3a3}.clash .bounty-readout{border-bottom:1px solid #d0a35536;margin:22px 0 16px;padding:0 0 18px;position:relative}.clash .bounty-eyebrow{color:#ffd477;font:650 11px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;padding-right:0;display:flex}.clash .bounty-beacon{background:#ffe8ad;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 10px #ffd477}.clash .bounty-status{letter-spacing:.04em;color:#edcf99;border:1px solid #b9894166;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:9px}.clash .bounty-amount{color:#ffe4a4;animation:bounty-value .24s var(--bounty-ease) both;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:12px;padding-right:72px;display:flex}.clash .bounty-amount strong{font:700 clamp(28px,3.3vw,44px)/1.12 var(--mono);letter-spacing:-.065em;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px #f0b74625;overflow-wrap:anywhere;min-width:0;max-width:100%}.clash .bounty-amount[data-long] strong{letter-spacing:-.04em;font-size:24px}.clash .bounty-amount>span{font:600 12px/1.3 var(--mono);color:#d9b87a;overflow-wrap:anywhere}.clash .bounty-caption{max-width:calc(100% - 65px);font:400 11px/1.5 var(--sans);color:#c1ad8c;margin-top:9px;position:relative}.clash .bounty-emblem{isolation:isolate;pointer-events:none;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:40px;right:1px}.clash .bounty-emblem:before{content:"";z-index:-1;background:radial-gradient(#ffd47738,#e889ff18 42%,#0000 70%);animation:4.8s ease-in-out infinite bounty-aura;position:absolute;inset:-12px}.clash .bounty-orbit{place-items:center;width:64px;height:64px;animation:7.2s cubic-bezier(.37,0,.63,1) infinite bounty-circle;display:grid;transform:rotate(-9deg)}.clash .bounty-emblem .loot-snake{filter:drop-shadow(0 0 5px #ffd47755);width:64px;max-width:none;height:64px}.clash .bounty-glint{color:#ffedb8;filter:drop-shadow(0 0 4px);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;background:currentColor;width:8px;height:8px;animation:3.6s ease-in-out infinite bounty-glitter;position:absolute}.clash .bounty-glint:first-of-type{width:10px;height:10px;animation-delay:-.2s;top:-5px;left:29px}.clash .bounty-glint:nth-of-type(2){color:#9df3ff;animation-delay:-.8s;top:12px;right:-6px}.clash .bounty-glint:nth-of-type(3){width:11px;height:11px;animation-delay:-1.4s;bottom:-3px;right:5px}.clash .bounty-glint:nth-of-type(4){color:#f7b6ff;animation-delay:-2s;bottom:-7px;left:17px}.clash .bounty-glint:nth-of-type(5){width:10px;height:10px;animation-delay:-2.6s;top:30px;left:-7px}.clash .bounty-glint:nth-of-type(6){color:#bcffb5;animation-delay:-3.2s;top:3px;left:0}.clash .bounty-lobby .lobby-actions{gap:14px 10px}.clash .key.bounty-join{flex-wrap:wrap;gap:3px;max-width:100%;height:auto;min-height:42px;padding:10px 14px;font-size:14px;line-height:1.3}.clash .bounty-lobby .lobby-copy{color:#e3c694}@keyframes bounty-arrive{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounty-value{0%{opacity:.4;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounty-halo{0%,to{opacity:.3}50%{opacity:1}}@keyframes bounty-circle{0%{transform:rotate(-9deg)}to{transform:rotate(351deg)}}@keyframes bounty-aura{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes bounty-glitter{0%,32%,to{opacity:0;transform:scale(.2)rotate(-30deg)}12%{opacity:1;transform:scale(1.15)rotate(0)}24%{opacity:.6;transform:scale(.65)rotate(35deg)}}@keyframes bounty-sweep{0%,55%{transform:translate(-110%)}65%{transform:translate(-40%)}75%{transform:translate(30%)}85%,to{transform:translate(110%)}}@media (max-width:720px){.clash .tile:has(.bounty-play) .foot-t{grid-template-columns:minmax(0,1fr);gap:12px;height:auto;min-height:100px;padding:16px}.clash .tile:has(.bounty-play) .name{grid-area:1/1}.clash .tile:has(.bounty-play) .true{text-align:left;grid-area:2/1}.clash .tile:has(.bounty-play) .key{grid-area:3/1;width:100%;margin:0}.clash .tile-bounty{top:14px;right:14px}.clash .key.bounty-play.xl{width:100%;min-width:0;padding:16px 18px;font-size:20px}.clash .act-row:has(.bounty-play){align-items:stretch}.clash .bounty-key-bottom{font-size:12px}}@media (max-height:520px) and (min-width:721px){.clash .key.bounty-play.xl{min-height:72px;padding:10px 16px;font-size:18px}.clash .act-row:has(.bounty-play){gap:12px;margin-top:16px}}@media (prefers-reduced-motion:reduce){.clash .key.bounty-play,.clash .key.bounty-join,.clash .bounty-lobby,.clash .bounty-amount,.clash .tile-bounty,.clash .bounty-lobby:before,.clash .bounty-emblem:before,.clash .bounty-orbit,.clash .bounty-glint,.clash .bounty-key-arrow{transition:none;animation:none}.clash .bounty-glint{opacity:.65;transform:scale(.7)}.clash .key.bounty-play:after,.clash .key.bounty-join:after{animation:none;display:none}.clash .key.bounty-play:hover,.clash .key.bounty-join:hover,.clash .key.bounty-play:hover .bounty-key-arrow{transform:none}}
