@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/oswald-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/oswald-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
:root{
  --bg:#070c18;
  --bg2:#101a30;
  --zright:#0a1222;
  --panel:#18253f;
  --panel2:#1f2e50;
  --scard:#16213b;
  --scard2:#1d2b4c;
  --line:#2c3e68;
  --line3:#3a5288;
  --line2:#ffffff14;
  --orange:#ff6a13;
  --orange2:#ff8c3a;
  --gold:#ffcf4a;
  --gold2:#ffe9a0;
  --green:#3ddc84;
  --red:#ff3b4e;
  --txt:#e9eefb;
  --mut:#8f9cc0;
  --gov:#16408f;
  --hu-r:#ce2939; --hu-w:#ffffff; --hu-g:#477050;
  --r:12px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer;color:inherit}
body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.mbody,.mnote,.msrc{-webkit-user-select:text;user-select:text}
img,canvas{-webkit-user-drag:none}
.hidden{display:none!important}
#fx{position:fixed;inset:0;pointer-events:none;z-index:45}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1c;border-radius:8px}::-webkit-scrollbar-track{background:transparent}

#topbar{height:64px;display:flex;align-items:center;gap:20px;padding:0 16px;background:linear-gradient(#111b33,#0a1122);border-bottom:1px solid #ff6a1366;box-shadow:0 2px 0 #ff6a1322,0 8px 24px #0006;position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;flex-shrink:0}
.flag{display:flex;flex-direction:column;width:51px;height:34px;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px #0008,0 3px 10px #0007;flex-shrink:0}
.flag i{flex:1}.flag i:nth-child(1){background:var(--hu-r)}.flag i:nth-child(2){background:var(--hu-w)}.flag i:nth-child(3){background:var(--hu-g)}
.brandtxt{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1}
.title{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:27px;letter-spacing:1.5px;font-weight:700;line-height:.95}
.title b{color:var(--orange);margin-left:6px;text-shadow:0 0 18px #ff6a1355}
.subtitle{font-size:10px;color:var(--mut);text-transform:uppercase;font-weight:600;margin-top:4px;line-height:1;white-space:nowrap}
#tickerWrap{flex:1;display:flex;height:40px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#070b16;min-width:0;cursor:default}
.tickLabel{background:linear-gradient(90deg,#b3001b,#e0213a);color:#fff;font-weight:800;font-size:12px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px;padding:0 12px;white-space:nowrap;position:relative;z-index:1}
.tickLabel{padding-right:22px;margin-right:-4px;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%)}
.tickLabel .live{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.2s infinite}
#tickerWrap.paused .live{animation:none;opacity:.4}
@keyframes blink{50%{opacity:.25}}
#ticker{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
#tickerInner{position:absolute;white-space:nowrap;top:0;line-height:40px;font-size:14px;will-change:transform;padding-left:10px;left:0}
#tickerInner .tag{display:inline-block;background:var(--red);color:#fff;font-weight:800;font-size:10.5px;padding:2px 7px;border-radius:4px;margin-right:9px;line-height:16px;vertical-align:middle;letter-spacing:.5px}
#tickerInner .tag.prop{background:var(--gov)}
#tickerInner .tag.real{background:var(--orange)}
.topbtns{display:flex;gap:4px;background:#0a1020;border:1px solid var(--line);border-radius:12px;padding:4px}
.tbtn{display:flex;align-items:center;gap:7px;background:transparent;border:none;border-radius:8px;padding:7px 11px;font-size:12.5px;font-weight:700;color:#c8d2ea;transition:background .2s,color .2s}
.tbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tbtn svg .dot{fill:currentColor}
.tbtn:hover{background:#ff6a1322;color:#fff}
.tbtn:hover svg{stroke:var(--orange2)}
.tbtn .mute{display:none}
.tbtn.muted .mute{display:inline}.tbtn.muted .w1,.tbtn.muted .w2{display:none}
.tbtn.muted{color:var(--mut)}

#layout{display:grid;grid-template-columns:350px minmax(0,1fr) 390px;height:calc(100% - 64px)}
#left{background:radial-gradient(circle,#ffffff09 1px,transparent 1.3px) 0 0/16px 16px,radial-gradient(ellipse at 50% 34%,#2a4278 0%,#16244a 50%,#0e1834 100%);border-right:1px solid var(--line3);box-shadow:4px 0 18px #0008;z-index:2;display:flex;flex-direction:column;align-items:stretch;padding:14px;gap:12px;overflow-y:auto;overflow-x:hidden;position:relative}
#left>*:not(#rain){position:relative;z-index:1}
#rain{position:absolute;left:0;top:0;pointer-events:none;z-index:0;will-change:transform}
#middle{display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle,#ffffff09 1px,transparent 1.3px) 0 0/16px 16px,radial-gradient(ellipse at 50% 0%,#16244200,#0000),linear-gradient(180deg,#121d36,#0e172b)}
#right{padding-top:0!important;background:radial-gradient(circle,#ffffff07 1px,transparent 1.3px) 0 0/16px 16px,linear-gradient(180deg,#0b1426,#080f1d);border-left:1px solid var(--line3);box-shadow:-4px 0 18px #0008;position:relative;z-index:2;overflow-y:auto;padding:12px 12px 12px}

.card{background:linear-gradient(180deg,#203158f2,#182645f2);border:1px solid #3a5288;border-radius:var(--r);padding:12px 14px;box-shadow:0 8px 24px #0005,inset 0 1px 0 #ffffff0d}

.eraCard{display:flex;align-items:center;gap:12px;padding:9px 12px;cursor:pointer;transition:border-color .2s,transform .2s var(--ease)}
.eraCard:hover{border-color:#ff6a1388;transform:translateY(-1px)}
.eraCard .cal{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--orange2),#d9480a);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 14px #ff6a1355;flex-shrink:0}
.eraCard .ey{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.1}
#yearNum{white-space:nowrap;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:21px;color:#fff;font-weight:600;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis}
#eraName{font-size:10.5px;color:var(--orange2);text-transform:uppercase;letter-spacing:1.4px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eraCard .eprog{text-align:right;border-left:1px solid var(--line2);padding-left:12px}
.eraCard .eprog small{display:block;font-size:9.5px;color:var(--mut);text-transform:uppercase;letter-spacing:1px;font-weight:700}
.eraCard .eprog b{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:16px;font-weight:600}
.eraCard.bump{animation:bump .6s var(--ease)}
@keyframes bump{30%{transform:scale(1.04);border-color:var(--orange)}}

.wallet{text-align:center;padding:12px 14px 12px}
#money{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:36px;font-weight:700;color:var(--gold);text-shadow:0 2px 0 #0008,0 0 24px #ffcf4a33;height:44px;line-height:44px;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums;margin:0 0 9px}
.wstats{display:flex;align-items:stretch;border-top:1px solid var(--line2);padding-top:10px}
.wstats>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.wstats>i{width:1px;background:var(--line2);margin:0 6px}
.wstats .k{font-size:10.5px;color:var(--mut);font-weight:700;letter-spacing:.4px}
.wstats b{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wstats b small{font-family:Inter,system-ui,"Segoe UI",sans-serif;font-size:10.5px;color:var(--mut);font-weight:600;margin-left:3px}
.wstats b.boost{color:var(--gold)}

#sackWrap{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;margin:0}
#sackHalo{position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,#ffd76a59 0%,#ffcf4a26 34%,#ff8c3a0d 52%,transparent 68%);animation:halo 3.2s ease-in-out infinite;will-change:transform,opacity}
@keyframes halo{50%{transform:scale(1.07);opacity:.75}}
#sackGlow{position:absolute;inset:-34px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe08a42 0deg 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 22%,transparent 66%);mask:radial-gradient(circle,#000 22%,transparent 66%);animation:spin 48s linear infinite;will-change:transform}
#sackRing{position:absolute;inset:14px;border-radius:50%;border:1px solid #ffcf4a2e;box-shadow:0 0 30px #ffcf4a1a inset,0 0 24px #ffcf4a14}
#sackRing::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px dashed #ffcf4a24;animation:spin 70s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
#sackWrap::after{content:"";position:absolute;left:50%;bottom:4px;width:170px;height:26px;margin-left:-85px;border-radius:50%;background:radial-gradient(ellipse,#000a,transparent 70%);pointer-events:none}
#sack{position:relative;z-index:1;width:224px;height:224px;border:none;background:transparent url("../img/sack.svg?v=20261115k") center/contain no-repeat;animation:breathe 3.2s ease-in-out infinite;will-change:transform,filter;filter:brightness(1);transition:filter .35s ease-out}
@keyframes breathe{50%{transform:scale(1.025) rotate(-1deg)}}
#sack:hover{filter:brightness(1.08)}
#sack.pop{animation:squish .16s var(--ease)}
@keyframes squish{40%{transform:scale(.93,.9)}100%{transform:scale(1)}}
#ripples{position:absolute;inset:0;pointer-events:none}
.ripple{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:3px solid #ffcf4aaa;animation:ripple .6s ease-out forwards}
@keyframes ripple{from{transform:scale(.4);opacity:1}to{transform:scale(1.2);opacity:0}}
@keyframes bob{50%{transform:translateY(-4px)}}

.hhead2{display:flex;align-items:center;gap:10px}
.hico{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;background:color-mix(in srgb,var(--hc) 22%,transparent);border:1px solid color-mix(in srgb,var(--hc) 45%,transparent);transition:background .4s,border-color .4s}
.htx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.2}
.hpct{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;line-height:1}
.htx .hl{font-size:13px;font-weight:800;white-space:nowrap}
.hst{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--hc);transition:color .4s}
#heatBox{--hc:#3ddc84}
#heatBox[data-s="1"]{--hc:#ffcf4a}#heatBox[data-s="2"]{--hc:#ff8c3a}#heatBox[data-s="3"]{--hc:#ff4d5e}#heatBox[data-s="4"]{--hc:#ff3b4e}
#heatBox[data-s="4"] .hst{animation:blink .7s infinite}
.heatLabel{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.heatLabel .hl{flex:1;white-space:nowrap}
#heatPct{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:26px;font-weight:600;min-width:62px;text-align:right;font-variant-numeric:tabular-nums;color:var(--hc);transition:color .4s}
.hstate{display:flex;align-items:center;gap:8px;height:20px}
.chip{flex-shrink:0;width:112px;text-align:center;white-space:nowrap;font-size:9px;font-weight:900;letter-spacing:.8px;padding:3px 0;border-radius:20px;background:#3ddc8422;color:var(--green);border:1px solid #3ddc8455;transition:all .3s}
.chip.s1{background:#ffcf4a22;color:var(--gold);border-color:#ffcf4a55}
.chip.s2{background:#ff8c3a22;color:var(--orange2);border-color:#ff8c3a66}
.chip.s3,.chip.s4{background:#ff3b4e2a;color:#ff7a88;border-color:#ff3b4e77}
.chip.s4{animation:blink .7s infinite}
.leds{display:grid;grid-template-columns:repeat(20,1fr);gap:2px;margin:11px 0 8px;padding:3px;background:#0006;border-radius:7px}
.leds i{height:9px;border-radius:2px;background:#ffffff0d;transition:background .3s,box-shadow .3s}
.leds i.on{box-shadow:0 0 8px var(--c)}
#heatNote{font-size:11px;font-style:italic;color:#aab6d6;line-height:14px;height:28px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hpct .hst{margin-top:4px;font-size:9.5px}
.hrisk{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;border-radius:8px;background:#0005;font-size:11.5px;color:var(--mut);height:26px;white-space:nowrap}
.hrisk b{color:#ff8a95;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
#heatBox{position:relative}
#heatBox.danger::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--red);pointer-events:none;animation:alarmO .6s infinite alternate}
@keyframes alarmO{from{opacity:0}to{opacity:1}}
@keyframes alarm{to{border-color:var(--red)}}

.hhead{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700}
.hhead b{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:16px;color:#8fe3a8;font-weight:600}
.hide{position:relative;isolation:isolate;height:92px;margin:9px 0;border-radius:10px;overflow:hidden;border:1px solid #ffffff14;
  background:linear-gradient(180deg,#081022 0%,#12223f 45%,#1c3a26 46%,#132a1b 100%)}
.hide .moon{position:absolute;right:12px;top:8px;width:16px;height:16px;border-radius:50%;background:#f6efcf;box-shadow:0 0 16px 4px #fff6c944}
.hide .tree{position:absolute;bottom:50%;transform:translateX(-50%);line-height:1;pointer-events:none;filter:brightness(.4) saturate(.6)}
.hide .slot{position:absolute;transform:translateX(-50%);width:34px;height:12px;border-radius:50%;border:1.5px dashed #ffffff18}
.hbox{position:absolute;transform:translateX(-50%);text-align:center;cursor:pointer;animation:buryIn .5s var(--ease) both;z-index:5}
@keyframes buryIn{0%{transform:translate(-50%,-50px) scale(.5);opacity:0}70%{transform:translate(-50%,2px) scale(1.06);opacity:1}100%{transform:translate(-50%,0)}}
.hbox .cr{display:block;font-size:24px;line-height:1;transition:transform .2s var(--ease);text-shadow:0 2px 3px #000}
.hbox:hover .cr{transform:translateY(-4px) scale(1.12)}
.hbox .mo{position:absolute;left:50%;top:16px;width:40px;height:13px;margin-left:-20px;border-radius:50%;background:radial-gradient(ellipse at 50% 25%,#7a5634,#3b2716 72%);z-index:2}
.hbox .am{position:relative;z-index:3;display:block;margin-top:1px;font-size:9px;font-weight:800;color:var(--gold);background:#000b;border-radius:6px;padding:0 4px;white-space:nowrap}
.hbox.digging{animation:digOut .7s ease-in forwards;pointer-events:none}
@keyframes digOut{0%,40%{transform:translate(-50%,0)}15%{transform:translate(-56%,0) rotate(-6deg)}30%{transform:translate(-44%,0) rotate(6deg)}100%{transform:translate(-50%,-50px) scale(1.2);opacity:0}}
.hbox.found{cursor:default}
.hbox.found .am{color:#ff8a95;text-decoration:line-through}
.hbox.found .tape{position:absolute;left:-12px;right:-12px;top:8px;height:7px;background:repeating-linear-gradient(45deg,#ffcf00 0 5px,#111 5px 10px);transform:rotate(-12deg);z-index:4}
.hide{container-type:inline-size}
.hide .dog{left:0;position:absolute;bottom:6px;font-size:20px;z-index:8;animation:dogwalk 12s linear infinite}
@keyframes dogwalk{0%{transform:translateX(-8cqw) scaleX(-1)}48%{transform:translateX(104cqw) scaleX(-1)}50%{transform:translateX(104cqw) scaleX(1)}98%{transform:translateX(-8cqw) scaleX(1)}100%{transform:translateX(-8cqw) scaleX(-1)}}
.hide .empty{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:11px;color:#ffffff55;font-style:italic;z-index:3}
.hide .rainfx{position:absolute;left:0;right:-24px;top:-120px;bottom:0;background-image:repeating-linear-gradient(105deg,transparent 0 12px,#9fb4ff14 12px 13px);background-size:120px 120px;animation:rainfall .5s linear infinite;pointer-events:none;z-index:9;will-change:transform}
@keyframes rainfall{to{transform:translate3d(-24px,120px,0)}}
.hbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hbtn{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:1px;background:linear-gradient(180deg,#24553a,#1a3d29);border:1px solid #3ddc8444;border-radius:10px;padding:7px 6px;transition:all .2s var(--ease)}
.hbtn span{font-weight:800;font-size:13px}
.hbtn small{font-size:10.5px;color:#b9d9c4}
.hbtn.dig{background:linear-gradient(180deg,#5a4020,#3e2c15);border-color:#ffcf4a44}
.hbtn.dig small{color:#e3d0a8}
.hbtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #0007;border-color:var(--green)}
.hbtn.dig:hover:not(:disabled){border-color:var(--gold)}
.hbtn:disabled{opacity:.45;cursor:not-allowed}
.hbtn .cdbar{position:absolute;left:0;bottom:0;height:3px;background:var(--green);width:0}
.hide .hstat{position:absolute;left:7px;top:6px;z-index:10;font-size:10px;font-weight:800;padding:2px 8px;border-radius:10px;letter-spacing:.3px}
.hide .hstat.safe{background:#1f7a46cc;color:#d8ffe6}
.hide .hstat.risk{background:#b3001bdd;color:#fff;animation:blink 1.2s infinite}
.hhead{cursor:default}

.fleeBtn{margin-top:auto;position:sticky;bottom:0;z-index:6;flex-shrink:0;box-shadow:0 -10px 24px #0e1834;display:flex;align-items:center;gap:10px;text-align:left;background:linear-gradient(90deg,#6b2c07,#b8500f);border:1px solid var(--orange);border-radius:12px;padding:10px 12px;transition:transform .2s var(--ease)}
.fleeBtn::after{content:"";position:absolute;inset:-1px;border-radius:12px;box-shadow:0 0 22px #ff6a13aa;opacity:0;animation:pulseO 1.8s ease-in-out infinite;pointer-events:none}
@keyframes pulseO{50%{opacity:1}}
.fleeBtn:hover{transform:translateY(-2px)}
.fleeBtn .ai{font-size:22px;width:36px;height:36px;border-radius:9px;background:#0005;display:flex;align-items:center;justify-content:center}
.fleeBtn b{display:block;font-size:14px}
.fleeBtn small{display:block;font-size:11px;color:#ffd9bf}
@keyframes pulse{50%{box-shadow:0 0 22px #ff6a13aa}}

#buffs{display:flex;flex-direction:column;gap:6px}
.buff{position:relative;overflow:hidden;background:linear-gradient(90deg,#2a2410e6,#151d33e6);border:1px solid #ffcf4a99;border-radius:11px;padding:10px 12px 13px;font-size:12.5px;display:flex;gap:8px;align-items:center;animation:fadeUp .3s var(--ease)}
.buff .bt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buff b{color:var(--gold)}
.buff .bar{position:absolute;left:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width .1s linear}

.tabs{display:flex;gap:6px;padding:14px 16px 0;background:linear-gradient(#0b1324,#09101e);border-bottom:1px solid var(--line);flex-shrink:0;overflow-x:auto}
.tab{position:relative;background:#ffffff06;border:1px solid transparent;border-bottom:none;color:var(--mut);padding:12px 20px 13px;border-radius:12px 12px 0 0;font-weight:700;font-size:14px;white-space:nowrap;transition:color .2s,background .2s}
.tab:hover{color:var(--txt);background:#ffffff08}
.tab.active{color:#fff;background:linear-gradient(180deg,#1d2c50,#121d36);border-color:#33497a;box-shadow:0 -6px 16px #0006}
.tab::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;box-shadow:0 0 10px var(--orange);border-radius:3px 3px 0 0;background:var(--orange);transform:scaleX(0);transition:transform .25s var(--ease)}
.tab.active::after{transform:scaleX(1)}
.badge{font-style:normal;background:var(--orange);color:#fff;border-radius:10px;padding:1px 7px;font-size:10.5px;margin-left:3px}
#panels{flex:1;min-height:0;position:relative}
.panel{position:absolute;inset:0;overflow-y:auto;padding:16px}
.panel:not(.active){content-visibility:hidden;visibility:hidden;pointer-events:none}
.panel.active{animation:fadeUp .3s var(--ease)}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}
.phead{margin:0 0 14px;color:var(--mut);font-size:13px;line-height:1.5}

.esum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.esum>div{container-type:inline-size}
.esum>div{position:relative;overflow:hidden;display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,#17233e),#152038 70%);border:1px solid color-mix(in srgb,var(--ac) 35%,#2c3e68);border-radius:13px;padding:11px 13px;min-width:0;box-shadow:0 6px 16px #0005}
.esum .ei{width:50px;align-self:stretch;min-height:46px;font-size:22px!important;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:color-mix(in srgb,var(--ac) 22%,transparent);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent)}
.esum .et{min-width:0;flex:1}
.esum .ex{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding-left:11px;border-left:1px solid #ffffff14;align-self:stretch}
.esum .ex div{display:flex;flex-direction:column;line-height:1.15}
.esum .ex span{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);font-weight:800;white-space:nowrap}
.esum .ex b{font-family:Inter,system-ui,"Segoe UI",sans-serif;font-size:12px;font-weight:800;color:#e9eefb;white-space:nowrap}
@container (max-width:250px){.esum .ex{display:none}.esum .ei{width:40px;font-size:19px!important}.esum>div{gap:9px}}
.esum small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.esum em{display:block;font-style:normal;font-size:10.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.esum small{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);font-weight:700}
.esum b{color:#fff;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:19px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.erow{isolation:isolate;display:flex;height:112px;border-radius:14px;margin-bottom:12px;overflow:hidden;border:1px solid #ffffff1a;box-shadow:0 6px 18px #0006;background:var(--panel)}
.erow.enter{animation:fadeUp .4s var(--ease)}
.erow .info{width:236px;flex-shrink:0;padding:12px 16px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#141e36,#19253f);border-right:1px solid #ffffff12;position:relative;z-index:2}
.erow .ihead{display:flex;align-items:center;gap:11px}
.erow .iicon{font-size:24px;width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff22,0 3px 8px #0006}
.erow .iname{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:15px;line-height:1.15;letter-spacing:.3px}
.erow .icount{font-size:11.5px;color:var(--mut);margin-top:2px}
.erow .icount b{color:#fff;font-size:13px}
.erow .irow{display:flex;justify-content:space-between;align-items:baseline}
.erow .icps{font-size:12.5px;color:var(--gold);font-weight:700}
.erow .ipct{font-size:11px;color:var(--mut);font-weight:700}
.erow .ishare{height:5px;background:#0008;border-radius:4px;overflow:hidden;margin-top:5px}
.erow .ishare i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width .5s var(--ease)}
.stage{flex:1;position:relative;overflow:hidden}
.stage .sky,.stage .ground,.stage .tex{position:absolute;left:0;right:0}
.stage .sky{top:0;bottom:30%}
.stage .ground{bottom:0;height:32%;box-shadow:inset 0 3px 0 #ffffff22,inset 0 10px 18px #0004}
.stage .tex{inset:0;pointer-events:none}
.stage .deco{position:absolute;bottom:24%;font-size:48px;opacity:.4;filter:saturate(.75);pointer-events:none}
.fx{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.fx i,.fx b{position:absolute;display:block}
.fx.clouds .cl{position:absolute;left:0;width:100%;animation:cloud 50s linear infinite}
.fx.clouds .cl span{display:inline-block;filter:saturate(.6)}
@keyframes cloud{from{transform:translateX(-12%)}to{transform:translateX(104%)}}
.fx.fire .glow{bottom:18%;width:150px;height:110px;margin-left:-75px;border-radius:50%;background:radial-gradient(closest-side,#ff9a3c55,#ff6a1322 55%,transparent);animation:flick 1.8s steps(6) infinite}
@keyframes flick{0%{opacity:.7;transform:scale(1)}20%{opacity:1;transform:scale(1.06)}40%{opacity:.75}60%{opacity:.95;transform:scale(.97)}80%{opacity:.8}}
.fx.fire b{bottom:34%;width:3px;height:3px;border-radius:50%;background:#ffcf6a;box-shadow:0 0 6px #ff9a3c;animation:spark 2s ease-out infinite}
@keyframes spark{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(12px,-52px);opacity:0}}
.deco.flicker{animation:flick 1.4s steps(5) infinite;opacity:.55!important}
.fx.flies b{width:4px;height:4px;border-radius:50%;background:#fff6a0;box-shadow:0 0 8px 2px #ffe56a99;animation:wander 7s ease-in-out infinite alternate,blinkf 2.5s ease-in-out infinite}
@keyframes wander{0%{transform:translate(0,0)}33%{transform:translate(14px,-8px)}66%{transform:translate(-6px,-14px)}100%{transform:translate(10px,6px)}}
@keyframes blinkf{0%,100%{opacity:.1}50%{opacity:1}}
.fx.ball .bx{position:absolute;left:0;bottom:24%;width:100%;animation:ballx 11s linear infinite}
.fx.ball .bx span{display:inline-block;font-size:17px;animation:bally .9s cubic-bezier(.5,0,.5,1) infinite alternate}
@keyframes ballx{0%{transform:translateX(-6%)}70%,100%{transform:translateX(104%)}}
@keyframes bally{from{transform:translateY(0) rotate(0)}to{transform:translateY(-34px) rotate(180deg)}}
.fx.birds .bd{position:absolute;left:0;width:100%;animation:bird 16s linear infinite}
.fx.birds .bd span{display:inline-block;opacity:.75;animation:flap .5s ease-in-out infinite alternate}
@keyframes bird{0%{transform:translateX(104%)}60%,100%{transform:translateX(-8%)}}
@keyframes flap{to{transform:translateY(-4px) scaleY(.8)}}
.fx.papers span{position:absolute;top:-24px;font-size:14px;opacity:0;animation:paper 7s ease-in infinite}
@keyframes paper{0%{transform:translate(0,0) rotate(0);opacity:0}10%{opacity:.7}85%{opacity:.6}100%{transform:translate(34px,118px) rotate(260deg);opacity:0}}
.fx.stars{bottom:32%}
.fx.stars i{inset:0;background-image:radial-gradient(1.2px 1.2px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 33% 12%,#fff,transparent),radial-gradient(1.4px 1.4px at 58% 30%,#fff,transparent),radial-gradient(1px 1px at 72% 10%,#fff,transparent);animation:twinkle 3.2s ease-in-out infinite alternate}
.fx.stars i.s2{background-image:radial-gradient(1px 1px at 22% 40%,#fff,transparent),radial-gradient(1.3px 1.3px at 46% 8%,#fff,transparent),radial-gradient(1px 1px at 84% 34%,#fff,transparent),radial-gradient(1.2px 1.2px at 94% 14%,#fff,transparent);animation-delay:-1.6s}
@keyframes twinkle{from{opacity:.2}to{opacity:.95}}
.fx.lamps i{bottom:28%;width:90px;height:90px;margin-left:-45px;border-radius:50%;background:radial-gradient(closest-side,#ffe6994d,#ffd36a1a 60%,transparent);animation:lamp 4s steps(1) infinite}
@keyframes lamp{0%,100%{opacity:1}46%{opacity:1}48%{opacity:.25}50%{opacity:1}52%{opacity:.4}54%{opacity:1}}
.fx.spot i{top:-30%;width:70px;height:140%;margin-left:-35px;background:linear-gradient(180deg,var(--c,#ffffff40),transparent 85%);transform-origin:50% 0;-webkit-mask:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent);mask:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent);animation:spot 4.5s ease-in-out infinite alternate}
@keyframes spot{from{transform:rotate(-20deg)}to{transform:rotate(20deg)}}
.fx.flashes i{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #fff;opacity:0;animation:camflash 3.2s linear infinite}
@keyframes camflash{0%,100%{opacity:0}2%{opacity:1}6%{opacity:0}}
.fx.smoke i,.fx.steam i{bottom:36%;width:46px;height:46px;margin-left:-23px;border-radius:50%;opacity:0;animation:puff 5.2s ease-out infinite}
.fx.smoke.dark i{background:radial-gradient(closest-side,#3a3a3acc,#2a2a2a55 60%,transparent)}
.fx.steam i{bottom:44%;background:radial-gradient(closest-side,#ffffffcc,#ffffff44 60%,transparent);animation-duration:6.4s}
@keyframes puff{0%{transform:translate(0,0) scale(.4);opacity:0}15%{opacity:.75}100%{transform:translate(26px,-70px) scale(2.1);opacity:0}}
.fx.bolt span{position:absolute;left:82%;bottom:26%;font-size:44px;opacity:0;animation:bolt 5s steps(1) infinite}
@keyframes bolt{0%,100%{opacity:0}62%{opacity:.85}64%{opacity:0}66%{opacity:.7}68%{opacity:0}}
.fx.dust i{left:0;width:120px;height:34px;border-radius:50%;background:radial-gradient(closest-side,#e8d2a8aa,#d9bd8a33 60%,transparent);animation:dust 18s linear infinite}
@keyframes dust{from{transform:translateX(-140px)}to{transform:translateX(1100px)}}
.fx.waves{top:auto;height:34%}
.fx.waves.shore{bottom:17.6%;height:14.4%}
.fx.waves i{left:0;top:0;bottom:0;width:200%;background:repeating-linear-gradient(90deg,transparent 0 22px,#ffffff26 22px 36px,transparent 36px 62px);-webkit-mask:linear-gradient(transparent,#000 30%,transparent);mask:linear-gradient(transparent,#000 30%,transparent);animation:waves 7s linear infinite}
.fx.waves i.w2{top:40%;opacity:.6;animation-duration:11s;animation-direction:reverse}
@keyframes waves{to{transform:translateX(-50%)}}
.fx.glints i{width:6px;height:2px;border-radius:2px;background:#fff;box-shadow:0 0 6px #fff;opacity:0;animation:glint 2.5s ease-in-out infinite}
@keyframes glint{0%,100%{opacity:0;transform:scaleX(.4)}50%{opacity:.9;transform:scaleX(1.4)}}
.deco.sway{transform-origin:50% 100%;animation:sway 3.6s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
.deco.spray{animation:spray 2.2s ease-in-out infinite}
@keyframes spray{50%{transform:translateY(-3px) scale(1.04)}}
.deco.puff{animation:spray 3s ease-in-out infinite}
.fx.motes i{bottom:-6px;width:3px;height:3px;border-radius:50%;background:#ffe08a;box-shadow:0 0 6px #ffcf4a;opacity:0;animation:mote 8s linear infinite}
@keyframes mote{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}100%{transform:translate(16px,-115px);opacity:0}}
.fx.laser i{left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#ff3b4e 20%,#ff3b4e 80%,transparent);box-shadow:0 0 8px #ff3b4e;opacity:.55;animation:laser 4.5s ease-in-out infinite alternate}
@keyframes laser{from{transform:translateY(8px)}to{transform:translateY(96px)}}
.fx.fog i{left:0;width:220px;height:60px;border-radius:50%;background:radial-gradient(closest-side,#b8c0d633,#8890a514 60%,transparent);animation:dust 26s linear infinite}
.fx.beacons i{bottom:30%;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:#ff9a1f;box-shadow:0 0 12px 4px #ff8c1a99;animation:beacon 1.35s steps(1) infinite}
@keyframes beacon{50%{opacity:.15}}
.fx.shine{z-index:5}
.fx.shine::before{content:"";position:absolute;top:0;bottom:0;left:0;width:18%;background:linear-gradient(100deg,transparent,#ffffff0b 50%,transparent);transform:translateX(-120%);animation:shine2 16s ease-in-out infinite;animation-delay:inherit}
@keyframes shine2{0%,78%{transform:translateX(-120%)}100%{transform:translateX(620%)}}
@keyframes sweep{0%,60%{transform:translateX(-120%)}100%{transform:translateX(560%)}}
.erow.offscreen .fx,.erow.offscreen .fx *,.erow.offscreen .fx::before,.erow.offscreen .deco,.panel:not(.active) .erow .fx,.panel:not(.active) .erow .fx *,.panel:not(.active) .erow .fx::before,.panel:not(.active) .erow .deco,.panel:not(.active) .unit{animation-play-state:paused!important}
.stage .vign{position:absolute;inset:0;background:linear-gradient(90deg,#0006,transparent 10%,transparent 88%,#0004);pointer-events:none;z-index:0}
.unit{position:absolute;line-height:1;text-shadow:0 3px 3px #0009;transform:translateX(-50%)}
.unit.new{animation:land .55s var(--ease)}
.unit.idle{animation:idle var(--d,2.4s) ease-in-out infinite}
.unit.idle.new{animation:land .55s var(--ease),idle var(--d,2.4s) ease-in-out .55s infinite}
.erow.offscreen .unit,.erow.offscreen .fx,.erow.offscreen .fx *,.erow.offscreen .fx::before,.erow.offscreen .deco{animation:none!important;will-change:auto}
.erow{content-visibility:auto;contain-intrinsic-size:auto 112px}
@keyframes land{0%{transform:translate3d(-50%,-70px,0) scale(.6);opacity:0}70%{transform:translate3d(-50%,3px,0) scale(1.05);opacity:1}100%{transform:translate3d(-50%,0,0)}}
@keyframes idle{0%,100%{transform:translate3d(-50%,0,0) rotate(0)}30%{transform:translate3d(-50%,-5px,0) rotate(-4deg)}60%{transform:translate3d(-50%,-1px,0) rotate(3deg)}}
.stage .ucv{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none}
.stage .units{position:absolute;inset:0;z-index:4}
.erow:last-child{margin-bottom:0}
.onb{display:flex;flex-direction:column;gap:12px;animation:fadeUp .4s var(--ease)}
.onb-card{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#22223e,#17233e 60%);border:1px solid #ff8c3a40;box-shadow:0 8px 22px #0005;transition:border-color .3s,box-shadow .3s}
.onb-card.ready{border-color:#ffcf4a99;box-shadow:0 0 0 1px #ffcf4a44,0 8px 26px #ffcf4a22}
.onb-ic{width:64px;height:64px;flex-shrink:0;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#ffa25a,#d9480a);box-shadow:0 8px 22px #ff6a1350}
.onb-main{flex:1;min-width:0}
.onb-main h3{margin:0 0 3px;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:23px;font-weight:600}
.onb-hint{margin:0 0 10px;font-size:13px;color:#aeb9d6}
.onb-hint b{color:#fff}
.obar{height:8px;border-radius:5px;background:#000a;overflow:hidden}
.obar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width .3s var(--ease)}
.onb-amt{flex-shrink:0;text-align:right;padding-left:18px;border-left:1px solid #ffffff14;display:flex;flex-direction:column;gap:2px}
.onb-amt small{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);font-weight:800}
.onb-amt b{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:19px;font-weight:600;color:var(--gold);white-space:nowrap}
.onb-amt em{font-style:normal;font-size:11.5px;color:var(--mut)}
.onb-ghost{position:relative;height:112px;border-radius:14px;overflow:hidden;border:1px dashed #ffffff26;opacity:.5;filter:saturate(.5)}
.onb-ghost .sky,.onb-ghost .ground,.onb-ghost .tex{position:absolute;left:0;right:0}
.onb-ghost .sky{top:0;bottom:30%}.onb-ghost .ground{bottom:0;height:32%}.onb-ghost .tex{inset:0}
.onb-ghost .olbl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000b;border:1px solid #ffffff26;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;white-space:nowrap}
@media (max-width:860px){.onb-amt{display:none}}@media (max-width:860px){.onb-steps{grid-template-columns:1fr}}
.empty-empire{color:var(--mut);text-align:center;margin-top:70px;line-height:1.8;font-size:15px}
.empty-empire .big{font-size:64px;display:block;margin-bottom:6px;animation:bob 2.4s infinite}

.camps{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px}
.camp{position:relative;background:var(--gov);border-radius:8px;padding:12px 12px 32px;height:206px;color:#fff;border:4px solid #fff;box-shadow:0 6px 0 #0007,0 10px 20px #0005;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s;overflow:hidden;display:flex;flex-direction:column}
.camp::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,transparent 40%);pointer-events:none}
.camp:hover:not(.locked):not(.cool){transform:translateY(-4px) rotate(-.6deg);box-shadow:0 10px 0 #0007,0 16px 28px #0006}
.camp .year{position:absolute;right:8px;top:6px;font-size:10.5px;opacity:.85;font-weight:800;background:#0003;border-radius:5px;padding:1px 6px}
.camp .slogan{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-weight:700;font-size:18px;line-height:1.08;text-transform:uppercase;margin-top:12px;flex:1;overflow:hidden}
.camp .eff{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}
.camp .eff span{background:#ffffffee;color:#0d2a63;border-radius:6px;padding:3px 7px;font-size:11.5px;font-weight:800;box-shadow:0 2px 0 #0003}
.camp .eff span.cool{background:#dff7e8;color:#145a32}
.camp .cost{display:flex;justify-content:space-between;align-items:center;background:#000a;border-radius:7px;padding:5px 8px;font-size:12.5px;font-weight:800;color:var(--gold)}
.camp .cost small{font-size:10px;color:#ffffffaa;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.camp.cant .cost{color:#ff9aa4}
.camp .gov{position:absolute;left:0;right:0;bottom:0;background:#fff;color:var(--gov);font-size:10px;font-weight:800;text-align:center;padding:5px;letter-spacing:.6px}
.camp .cdfill{position:absolute;left:0;bottom:0;height:4px;background:var(--orange);z-index:3}
.camp.cool{filter:grayscale(.8) brightness(.65);cursor:not-allowed}
.camp.cool::after{content:attr(data-cd);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:30px;background:#0007;text-shadow:0 2px 6px #000}
.camp.cant:not(.cool){opacity:.5;filter:saturate(.4)}
.camp.cant:not(.cool):hover{opacity:.85;filter:none}
.camp.ready{box-shadow:0 6px 0 #0007,0 0 0 2px var(--gold),0 0 22px #ffcf4a66}
.camp.locked{background:repeating-linear-gradient(135deg,#232a3b 0 12px,#1f2534 12px 24px);border-color:#4a5168;cursor:not-allowed}
.camp.locked .slogan{color:#8a93a8;font-size:16px}
.camp.locked .lockinfo{font-size:11.5px;color:#aab3c8;background:#0004;border-radius:7px;padding:6px 8px}
.camp.locked .gov{background:#4a5168;color:#c8cfe0}
.camp.orange{background:var(--orange)}
.camp.orange .eff span{color:#7a2a00}
.camp.white{background:#fff;color:#122;border-color:var(--gov)}
.camp.white .eff span{background:var(--gov);color:#fff}
.camp.white .gov{background:var(--gov);color:#fff}

#panel-achievements{container-type:inline-size}
.achhero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;margin-bottom:12px;border-radius:16px;
  background:radial-gradient(90% 160% at 0% 0%,#ffcf4a17,transparent 55%),linear-gradient(180deg,#1d2b4b,#17233e);border:1px solid #33497a;box-shadow:0 10px 26px #0005,inset 0 1px 0 #ffffff0f}
.aring{width:78px;height:78px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;
  background:conic-gradient(var(--gold) calc(var(--p) * 1%),#ffffff12 0);box-shadow:0 0 22px #ffcf4a22}
.aring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#22325a,#162240)}
.aring span{position:relative;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:22px;font-weight:600;color:var(--gold);line-height:1}
.aring small{font-size:13px;margin-left:1px;opacity:.8}
.ahx h3{margin:0 0 4px;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:23px;font-weight:600;letter-spacing:.3px;color:#fff}
.ahx p{margin:0;font-size:12.5px;line-height:1.45;color:var(--mut)}
.ahx p b{color:var(--gold)}
.astats{display:flex}
.astats>div{padding:2px 16px;border-left:1px solid #ffffff14;min-width:86px}
.astats b{display:block;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:25px;font-weight:600;line-height:1.05;color:#fff;white-space:nowrap}
.astats b small{font-size:14px;color:var(--mut);font-weight:500}
.astats b.g{color:var(--green)}
.astats span{display:block;margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.afilter{display:inline-flex;gap:4px;margin:0 0 20px;padding:4px;border-radius:12px;background:#0d1528;border:1px solid #ffffff10}
.afilter button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:var(--mut);font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:9px;transition:background .15s,color .15s}
.afilter button:hover{color:var(--txt)}
.afilter button em{font-style:normal;font-size:11px;font-weight:800;padding:1px 7px;border-radius:8px;background:#ffffff10}
.afilter button[aria-pressed="true"]{background:linear-gradient(180deg,#273a62,#1f2e50);color:#fff;box-shadow:0 2px 8px #0005,inset 0 1px 0 #ffffff14}
.afilter button[aria-pressed="true"] em{background:#ffcf4a26;color:var(--gold)}
.acat+.acat{margin-top:22px;padding-top:22px;border-top:1px solid #ffffff0d}
.acath{display:flex;align-items:center;gap:11px;margin:0 0 12px}
.acath .aci{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;background:#ffffff0a;border:1px solid #ffffff12}
.acath h4{margin:0;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:15px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:#d6def2;white-space:nowrap}
.acath .acbar{flex:1;min-width:30px;height:4px;border-radius:3px;background:#ffffff0f;overflow:hidden}
.acath .acbar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#d39a12,var(--gold))}
.acath .acc{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:15px;font-weight:600;color:var(--gold);white-space:nowrap}
.acath .acc small{font-size:12px;color:var(--mut)}
.acat.done .aci{background:#ffcf4a1f;border-color:#ffcf4a55}
.acat.done .acc::after{content:"✓";margin-left:6px;font-size:12px;color:var(--green)}
.achgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ach{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px 14px;border-radius:14px;
  background:#141e36;border:1px solid #233355;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
.ach .medal{position:relative;width:54px;height:54px;margin:4px 0 12px}
.ach .medal::before{content:"";position:absolute;left:50%;top:-14px;width:24px;height:30px;transform:translateX(-50%);border-radius:2px 2px 0 0;
  background:linear-gradient(90deg,#2a3757 0 33.4%,#334263 0 66.6%,#2a3757 0)}
.ach .medal i{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:25px;
  background:radial-gradient(circle at 50% 40%,#18233f,#0d1527);box-shadow:inset 0 0 0 2px #2c3e68,0 3px 8px #0006}
.ach .medal i span{filter:grayscale(1);opacity:.32}
.ach .medal .lk{position:absolute;z-index:2;right:-4px;bottom:-3px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;background:#1a2744;border:1px solid #3a5288}
.ach .an{font-size:13px;font-weight:700;line-height:1.25;color:#fff;margin-bottom:4px}
.ach .ad{font-size:11.5px;line-height:1.38;color:var(--mut);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ach:not(.got) .an{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#7d8ab0}
.ach:not(.got) .ad{color:#7d8ab0}
.ach.got{background:radial-gradient(120% 70% at 50% 0%,#ffcf4a1c,transparent 65%),linear-gradient(180deg,#1e2c4d,#172340);border-color:#ffcf4a3d;box-shadow:0 6px 18px #0004,inset 0 1px 0 #ffffff0d}
.ach.got:hover{transform:translateY(-2px);border-color:#ffcf4a80;box-shadow:0 10px 24px #0005,0 0 0 1px #ffcf4a22}
.ach.got .medal::before{background:linear-gradient(90deg,var(--hu-r) 0 33.4%,var(--hu-w) 0 66.6%,var(--hu-g) 0);box-shadow:inset 0 -10px 10px -6px #0006}
.ach.got .medal i{background:radial-gradient(circle at 36% 30%,#fff3c4,#f2c14a 34%,#c98f10 68%,#7a5200);box-shadow:inset 0 0 0 3px #ffe08acc,inset 0 0 0 5px #a8740a66,inset 0 -5px 10px #0003,0 4px 14px #ffcf4a40}
.ach.got .medal i span{filter:drop-shadow(0 1px 1px #0005);opacity:1}
.ach .aok{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;line-height:1;padding:3px 6px;border-radius:999px;color:var(--green);background:#3ddc8417;border:1px solid #3ddc8440}
.aempty{padding:48px 20px;text-align:center;color:var(--mut);font-size:13px}
.aempty b{display:block;font-size:34px;margin-bottom:8px}
@container (max-width:880px){
  .achhero{grid-template-columns:auto minmax(0,1fr);gap:14px 16px;padding:16px}
  .astats{grid-column:1/-1;padding-top:12px;border-top:1px solid #ffffff12}
  .astats>div{flex:1;min-width:0;padding:0 10px}
  .astats>div:first-child{border-left:0;padding-left:0}
}
@container (max-width:440px){
  .aring{width:62px;height:62px}.aring::before{inset:6px}.aring span{font-size:18px}
  .ahx h3{font-size:20px}.ahx p{font-size:12px}
  .achhero .astats b{font-size:17px;white-space:normal;line-height:1.12}
  .achhero .astats b small{font-size:11px}
  .achhero .astats>div{flex:1 1 auto}
  .achhero .astats b.gd{white-space:nowrap}
  .skhero .astats b small{display:block;font-size:11px;margin-top:2px}.astats span{font-size:9.5px;letter-spacing:.4px;white-space:normal;line-height:1.25}
  .afilter{display:flex;width:100%}.afilter button{flex:1;padding:8px 6px;font-size:12px;gap:5px}
  .achgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ach{padding:18px 9px 12px}.ach .an{font-size:12.5px}.ach .ad{font-size:11px}
}

#panel-timeline{container-type:inline-size}
.tlhero{background:radial-gradient(90% 160% at 0% 0%,#ff6a1319,transparent 55%),linear-gradient(180deg,#1d2b4b,#17233e);margin-bottom:22px}
.tlhero .aring{background:conic-gradient(var(--orange) calc(var(--p) * 1%),#ffffff12 0);box-shadow:0 0 22px #ff6a1326}
.tlhero .aring span{color:var(--orange2)}
.tlhero .astats b.o{color:var(--orange2)}
.tnext{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding-top:14px;border-top:1px solid #ffffff12}
.tnhd{flex-shrink:0;min-width:0}
.tnhd small{display:block;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--mut)}
.tnhd b{display:block;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:16px;font-weight:600;color:#fff;white-space:nowrap}
.tnp{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.tnbar{display:block;height:6px;border-radius:4px;background:#ffffff10;overflow:hidden}
.tnbar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#c84a06,var(--orange2));box-shadow:0 0 10px #ff6a1366;transition:width .4s var(--ease)}
.tnleft{font-size:11.5px;font-weight:600;color:#c8d2ea;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl{list-style:none;position:relative;margin:0 0 0 8px;padding:0 0 0 26px}
.tl::before{content:"";position:absolute;left:0;top:10px;bottom:18px;width:2px;border-radius:2px;background:linear-gradient(var(--orange) 0,#ff6a1388 calc(100% - 90px),#ffffff12 calc(100% - 40px))}
.tl>li{position:relative;margin-bottom:14px}
.tl .ev{background:linear-gradient(180deg,#1b2846,#16223c);border-radius:14px;padding:14px 18px 15px;border:1px solid var(--line);box-shadow:0 6px 18px #0003;transition:border-color .2s}
.tl .ev:hover{border-color:var(--line3)}
.tl .ev::before{content:"";position:absolute;left:-31px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--orange);border:2px solid var(--bg2);box-shadow:0 0 0 2px #ff6a1355}
.tl .evk{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;margin:0 0 6px;font-size:10.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--mut)}
.tl .evk span:last-of-type{color:#ffb27a}
.tl .evk i{font-style:normal;opacity:.6}
.tl .ev h4{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin:0 0 8px;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:19px;line-height:1.25;letter-spacing:.3px;font-weight:600;color:#fff}
.tl .ev h4 time{color:var(--orange);white-space:nowrap}
.tl .ev p{margin:0;font-size:13.5px;color:#c8d2ea;line-height:1.6;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.tl .ev.hasrc{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:18px}
.tl .evc{min-width:0}
.tl .evg{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:9px 12px;border-radius:10px;background:#5aa8ff12;border:1px solid #5aa8ff30;font-size:12.5px;line-height:1.45;font-weight:600;color:#cfe3ff}
.tl .evs{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding-left:16px;border-left:1px solid #ffffff12;min-width:0}
.tl .evs small{font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:var(--mut);font-weight:800;margin:3px 0 2px}
.tl .evs a{display:flex;align-items:center;justify-content:space-between;gap:6px;max-width:100%;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;color:#c8d2ea;text-decoration:none;background:#ffffff08;border:1px solid #ffffff17;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s,border-color .15s,background .15s}
.tl .evs a span{font-size:10px;opacity:.6;flex-shrink:0}
.tl .evs a:hover,.tl .evs a:focus-visible{color:#fff;border-color:#ff8c3a88;background:#ff6a1318}
.tl .ev.now{border-color:#ff6a1399;background:radial-gradient(120% 90% at 0% 0%,#ff6a1314,transparent 60%),linear-gradient(180deg,#1d2a4a,#17233e);box-shadow:0 0 0 1px #ff6a1333,0 10px 26px #0005}
.tl .ev.now::before{width:12px;height:12px;left:-33px;top:16px;box-shadow:0 0 0 3px #ff6a1344,0 0 14px #ff6a13aa;animation:tlpulse 2.4s ease-in-out infinite}
@keyframes tlpulse{50%{transform:scale(1.3)}}
.tl .ev.post::before{background:var(--red);box-shadow:0 0 0 2px #ff3b4e55}
.tl .ev.post .evk span:last-of-type{color:#ff8a96}
.tl .ev.elec{border-color:#ff3b4e88;background:radial-gradient(120% 90% at 0% 0%,#ff3b4e1c,transparent 60%),linear-gradient(180deg,#1f2742,#18203a)}
.tl .ev.elec h4 time{color:#ff6b7a}
.tl .ev.now.post::before{animation:none;box-shadow:0 0 0 3px #ff3b4e44,0 0 14px #ff3b4eaa}
.tl .tldiv{display:flex;align-items:center;gap:12px;margin:22px 0 16px -26px}
.tl .tldiv::before,.tl .tldiv::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#ff3b4e66)}
.tl .tldiv::after{background:linear-gradient(90deg,#ff3b4e66,transparent)}
.tl .tldiv span{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#ff8a96;padding:4px 12px;border-radius:999px;border:1px solid #ff3b4e44;background:#ff3b4e12}
.tl .ev.next{background:repeating-linear-gradient(135deg,#ffffff04 0 10px,transparent 10px 20px),#141f37;border:1px dashed #3a5288;box-shadow:none}
.tl .ev.next:hover{border-color:#4a64a0}
.tl .ev.next::before{background:var(--bg2);border:2px solid #4a5a85;box-shadow:none}
.tl .ev.next h4{color:#aab6d6;font-size:17px}
.tl .ev.next p{color:var(--mut);font-size:12.5px;font-style:italic}
.tl .ev.next .tnp{margin-top:12px}
.tl .tlrest{padding:12px 16px;border-radius:12px;background:#0d1528;border:1px solid #ffffff0d}
.tl .tlrest::before{content:"";position:absolute;left:-28px;top:17px;width:6px;height:6px;border-radius:50%;background:#3a4566}
.tl .tlrest b{display:block;font-size:12.5px;font-weight:700;color:var(--mut);margin-bottom:8px}
.tl .tlrest.done b{margin:0;color:#c8d2ea}
.tl .tlrest span{display:flex;flex-wrap:wrap;gap:5px}
.tl .tlrest em{font-style:normal;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:12px;font-weight:500;letter-spacing:.4px;color:#6c7aa0;padding:2px 8px;border-radius:6px;background:#ffffff06;border:1px solid #ffffff0d}
@container (max-width:880px){
  .tnext{flex-wrap:wrap;gap:8px 14px}
}
@container (max-width:600px){
  .tl .ev.hasrc{display:block}
  .tl .evs{flex-direction:row;flex-wrap:wrap;align-items:center;margin-top:12px;padding:11px 0 0;border-left:0;border-top:1px solid #ffffff0d}
  .tl .evs small{margin:0 4px 0 0}
  .tl .evs a{display:inline-flex;justify-content:flex-start;gap:4px}
}
@container (max-width:440px){
  .tlhero{margin-bottom:16px}
  .tl{margin-left:4px;padding-left:20px}
  .tl .ev{padding:12px 13px 13px}
  .tl .ev::before{left:-25px}
  .tl .ev.now::before{left:-27px}
  .tl .tlrest::before{left:-22px}
  .tl .tldiv{margin-left:-20px}
  .tl .ev h4{font-size:17px}
  .tl .ev p{font-size:13px}
  .tnext{display:grid;grid-template-columns:1fr}
}

.shead{display:flex;align-items:center;justify-content:space-between;margin:0 -12px 14px;padding:10px 14px;background:linear-gradient(90deg,#16223f,#101a31);border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f}
.shead:not(:first-child){margin-top:0}
.shead h2{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:15px;letter-spacing:1.2px;text-transform:uppercase;color:#c8d2ea;margin:0;font-weight:600}
.pill{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:1px 9px;font-size:11px;font-weight:700;color:var(--mut)}
.pill.on{background:#ffcf4a22;color:var(--gold);border-color:#ffcf4a55}
.upgMeta{display:flex;gap:6px;align-items:center}
.buyAll{border:none;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:800;color:#1a1203;background:linear-gradient(180deg,#ffe08a,var(--gold));box-shadow:0 2px 0 #a37a10,0 0 10px #ffcf4a55;transition:transform .12s,filter .2s;white-space:nowrap}
.buyAll:hover{filter:brightness(1.08);transform:translateY(-1px)}
.buyAll:active{transform:translateY(1px);box-shadow:0 1px 0 #a37a10}
.canBadge{background:#ffcf4a22;color:var(--gold);border:1px solid #ffcf4a66;border-radius:10px;padding:1px 9px;font-size:11px;font-weight:800;animation:fadeUp .25s var(--ease)}
#upgrades{--ut:52px;--ug:6px;display:grid;grid-template-columns:repeat(auto-fill,var(--ut));grid-auto-rows:var(--ut);justify-content:space-between;align-content:start;gap:var(--ug);margin:0 -4px 14px;padding:5px 4px;height:calc(var(--ut) * 2 + var(--ug) + 10px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2f4373 transparent}
#upgrades.empty{height:calc(var(--ut) + 10px)}
#upgrades.empty .noupg{padding:4px;align-self:center}
.upg{aspect-ratio:1;border-radius:10px;background:linear-gradient(180deg,#22325a,#18243f);border:2px solid #2f4373;font-size:24px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .15s var(--ease),border-color .2s,box-shadow .2s,opacity .2s}
.upg.enter{animation:fadeUp .3s var(--ease)}
.upg:hover{transform:translateY(-3px) scale(1.05);z-index:2}
.upg.can{border-color:var(--gold);box-shadow:0 0 12px #ffcf4a44,inset 0 0 12px #ffcf4a22}
.upg.cant{opacity:.5;filter:saturate(.6)}
.upg.special::after{content:"";position:absolute;right:4px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 6px var(--orange)}
.noupg{color:var(--mut);font-size:12.5px;padding:14px 4px;grid-column:1/-1;text-align:center}
.buyMode{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:2px}
.buyMode button{background:transparent;color:var(--mut);border:none;padding:3px 9px;font-size:11px;font-weight:700;border-radius:6px;transition:all .2s}
.buyMode button.on{color:#fff;background:var(--orange)}
.bld{position:relative;display:flex;align-items:center;gap:11px;background:linear-gradient(90deg,var(--scard),var(--scard2));border:1px solid #2f4373;border-radius:12px;padding:8px 12px 10px 8px;margin-bottom:7px;cursor:pointer;user-select:none;overflow:hidden;transition:transform .15s var(--ease),border-color .2s,box-shadow .2s}
.bld:hover{border-color:var(--orange);transform:translateX(-3px);box-shadow:0 6px 16px #0006}
.bld:active{transform:scale(.98)}
.bld .ic{font-size:28px;width:52px;height:52px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff22,0 3px 8px #0006}
.bld .nm{flex:1;min-width:0}
.bld .nm b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bld .price{font-size:13px;color:var(--gold);font-weight:700}
.bld .price.no{color:#ff8a95}
.bld .meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bld .per{font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bld .side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;min-width:46px}
.bld .tier{cursor:help}
.bld .tlv{display:block;font-size:10px;font-weight:800;color:#c8d2ea;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:1px 6px;white-space:nowrap}
.bld .tier.ready .tlv{color:#1a1203;background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #ffcf4a77}
.bld .cnt{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:28px;line-height:1;color:#ffffff38;font-weight:700;text-align:right}
.bld .prog{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width .3s}
.bld.locked{cursor:default;filter:brightness(.55)}
.bld.locked .ic{filter:brightness(0) opacity(.6)}
.bld.locked:hover{transform:none;border-color:var(--line);box-shadow:none}
.bld.cant .ic{filter:saturate(.5)}
.bld.flash{animation:flash .45s var(--ease)}
@keyframes flash{0%{box-shadow:0 0 0 0 #ffcf4a;background:#4a3a10}100%{box-shadow:0 0 0 12px #ffcf4a00}}

#tooltip{position:fixed;z-index:70;max-width:390px;background:#0a1020f5;border:1px solid #ff6a1399;border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.45;pointer-events:none;display:none;box-shadow:0 14px 34px #000b}
#tooltip h3{margin:0 0 5px;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:17px;letter-spacing:.4px;font-weight:600}
#tooltip .price{color:var(--gold);font-weight:800;float:right;margin-left:10px}
#tooltip .price.no{color:var(--red)}
#tooltip .q{color:#8f9cc0;font-style:italic;margin-top:8px;border-top:1px solid #ffffff14;padding-top:7px;font-size:11.5px;line-height:1.45}
#tooltip .src{font-size:10.5px;color:var(--mut);opacity:.75;margin-top:5px}
#tooltip .src a{color:var(--orange2)}
#tooltip .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:5px}
#tooltip .tgrid div{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;padding:5px 7px;min-width:0}
#tooltip .tcount{margin-top:8px;font-size:11px;color:var(--mut);font-weight:700}
#tooltip .tgrid small{white-space:nowrap;display:block;font-size:9.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);font-weight:800}
#tooltip .tgrid b{display:block;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:14px;font-weight:600;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tooltip .tdesc{color:#d3dcf2}
#tooltip .st{font-size:12px;color:var(--mut);margin-top:5px}
#tooltip .eff{display:inline-block;background:#3ddc8422;color:#8fe3a8;border-radius:6px;padding:1px 7px;font-weight:700;font-size:12px}

#modal{position:fixed;inset:0;z-index:60;background:#05080fcc;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadein .2s;cursor:pointer}
@keyframes fadein{from{opacity:0}}
#modalCard{position:relative;cursor:default;background:linear-gradient(180deg,#1c2a4b,#131d36);border:1px solid #ffffff1c;border-radius:18px;max-width:560px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 30px 80px #000,inset 0 1px 0 #ffffff12;animation:pop .3s var(--ease)}
@keyframes pop{from{transform:scale(.9) translateY(14px);opacity:0}}
.mclose{position:absolute;right:22px;top:22px;width:54px;height:54px;border-radius:15px;border:1px solid #ffffff1f;background:#ffffff08;color:#c8d2ea;font-size:17px;z-index:3;transition:background .2s,color .2s}
.mclose:hover{background:#ff6a1333;color:#fff}
.mhead{display:flex;gap:14px;align-items:center;min-height:98px;padding:22px 90px 18px 22px}
.mmid{background:#0a1122a6;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:16px 0 18px;box-shadow:inset 0 8px 16px -10px #000a}
.m-story .mmid{background:#0000000a;border-color:#1b1b1b24;box-shadow:none;margin-top:14px;padding-top:16px}
.micon{width:54px;height:54px;flex-shrink:0;border-radius:15px;background:linear-gradient(135deg,var(--orange2),#d9480a);display:flex;align-items:center;justify-content:center;font-size:27px;box-shadow:0 8px 20px #ff6a1350,inset 0 1px 0 #ffffff40}
.mkick{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--orange2);font-weight:800;margin-bottom:4px}
.mhead h2{margin:0;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:25px;line-height:1.15;font-weight:600}
.mhead h2 em{color:var(--orange);font-style:normal}
.mbody{padding:0 22px;color:#d3dcf2;font-size:14.5px;line-height:1.6}
.mbody p{margin:0 0 10px}
.mbody a{color:var(--orange2)}
.mbody .src{font-size:12px;color:var(--mut)}
.mbody table{width:100%;border-collapse:collapse;font-size:13px}
.mbody td{padding:6px 4px;border-bottom:1px solid #ffffff10}
.mbody tr:last-child td{border-bottom:none}
.mbody tr:hover td{background:#ffffff06}
.mbody td:last-child{text-align:right;color:var(--gold);font-weight:700}
.mbody td.sgroup{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;color:var(--orange2)!important;letter-spacing:1px;font-size:13px;padding-top:14px;text-align:left!important}
.mstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:4px 22px 0}
.mbody+.mstats{padding-top:6px}
.mstats>div{background:#0006;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px;min-width:0}
.mstats small{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--mut);font-weight:800}
.mstats b{display:block;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:19px;font-weight:600;margin-top:3px;color:var(--gold);line-height:1.2}
.mstats em{display:block;font-style:normal;font-size:11px;color:var(--mut);margin-top:1px}
.mstats .bad{border-color:#ff3b4e44;background:#ff3b4e10}.mstats .bad b{color:#ff7a88}
.mstats .good{border-color:#3ddc8433;background:#3ddc840c}.mstats .good b{color:#7ee2a2}
.mnote{margin:12px 22px 0;padding:10px 13px;border-radius:11px;background:#ff6a1314;border:1px solid #ff6a1340;font-size:13px;line-height:1.5;color:#ffd9bf}
.mnote:empty{display:none}
.mnote.info{background:#2f6bff14;border-color:#2f6bff44;color:#cfe0ff}
.mnote.bad{background:#ff3b4e14;border-color:#ff3b4e55;color:#ffc2c9}
.mtag{flex-shrink:0;font-family:Inter,system-ui,"Segoe UI",sans-serif;letter-spacing:0;font-size:10px;font-weight:800;padding:1px 7px;border-radius:8px;background:#ff3b4e33;color:#ffb3bc}
#modalCard.wide{max-width:760px}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sgrp{background:#0005;border:1px solid #ffffff12;border-radius:12px;padding:10px 12px 6px}
.sgrp h4,.sgrp h3{margin:0 0 4px;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-weight:600;font-size:14px;letter-spacing:.8px;color:var(--orange2);text-transform:uppercase}
.sgrp td{font-size:12.5px}
.sgrp.full{grid-column:1/-1}
.stiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 0 6px}
.stiles div{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:7px 10px}
.stiles small{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);font-weight:800}
.stiles b{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:18px;font-weight:600;color:var(--gold)}
.infoi{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:5px;border-radius:50%;background:#ffffff14;border:1px solid #ffffff2a;color:#c8d2ea;font-size:10px;font-weight:800;font-style:normal;cursor:help;vertical-align:middle}
.infoi:hover{background:var(--orange);color:#fff}
.sgrp td:last-child{white-space:nowrap;padding-left:10px}
@media (max-width:700px){.sgrid{grid-template-columns:1fr}}
.msrc{padding:12px 22px 0;font-size:11.5px;color:var(--mut)}
.msrc a{color:var(--orange2);margin-right:8px}
.btns{display:grid;grid-template-columns:1fr;gap:10px;padding:18px 22px 20px}
.btns.n2{grid-template-columns:3fr 7fr}
.btns button{border:none;border-radius:12px;padding:13px 16px;font-weight:800;font-size:14.5px;color:#fff;background:linear-gradient(180deg,var(--orange2),var(--orange));box-shadow:inset 0 -4px 0 #a33f06,0 8px 18px #ff6a1333;transition:transform .12s,filter .2s,box-shadow .12s}
.btns button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btns button:active{transform:translateY(2px);box-shadow:inset 0 -1px 0 #a33f06}
.btns button.sec{background:#ffffff0b;border:1px solid #ffffff22;box-shadow:none;color:#c8d2ea}
.btns button.sec:hover{background:#ffffff16;color:#fff}

.m-raid{border-color:#ff3b4e77!important}
.m-raid::before{content:"";display:block;height:6px;background:linear-gradient(90deg,#ff2b3e 0 25%,#2f6bff 25% 50%,#ff2b3e 50% 75%,#2f6bff 75%);background-size:200% 100%;animation:police .5s steps(2) infinite}
@keyframes police{to{background-position:-100% 0}}
.m-raid .micon{background:linear-gradient(135deg,#ff4d5e,#b3001b);box-shadow:0 8px 22px #ff3b4e66,inset 0 1px 0 #ffffff40}
.m-raid .mkick{color:#ff7a88}
.m-raid .btns button.pri{background:linear-gradient(180deg,#ff4d5e,#d61f33);box-shadow:0 4px 0 #8a0f1d,0 8px 18px #ff3b4e33}
.m-raid .btns button.pri:active{box-shadow:0 1px 0 #8a0f1d}

.m-raid .mbody p.rlead{margin:0 0 14px;padding:2px 0 2px 12px;border-left:3px solid #ff4d5e;color:#d3dcf2;font-size:14px;line-height:1.55}
.rbox{background:linear-gradient(135deg,#ff3b4e1c,#ff3b4e08);border:1px solid #ff3b4e33;border-radius:12px;padding:12px 14px 10px;box-shadow:inset 0 1px 0 #ffffff0a}
.rhero{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.rhero small{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);font-weight:800}
.rhero .rh b{display:block;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:32px;font-weight:600;color:#ff6b7a;line-height:1.1;white-space:nowrap}
.rhero .rp{text-align:right;flex-shrink:0}
.rhero .rp b{display:block;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:22px;font-weight:600;color:#ffb3bc;line-height:1.1}
.rbar{height:8px;border-radius:5px;background:#ffffff14;overflow:hidden;margin-top:10px}
.rbar i{display:block;height:100%;background:linear-gradient(90deg,#ff4d5e,#d6142c);box-shadow:0 0 10px #ff3b4e88}
.rbl{display:flex;justify-content:space-between;font-size:11px;color:var(--mut);margin-top:5px;font-weight:600}
.rlist{margin-top:10px}
.rlist .rl:last-child{border-bottom:none;padding-bottom:0}
.rl{display:flex;align-items:center;gap:11px;padding:10px 2px;border-bottom:1px solid #ffffff12}
.rl .ri{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;background:#ffffff0c}
.rl .rt{flex:1;min-width:0;line-height:1.3}
.rl .rt b{display:block;font-size:13.5px;color:#e9eefb}
.rl .rt em{display:block;font-style:normal;font-size:11.5px;color:var(--mut)}
.rl .rv{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:16px;font-weight:600;white-space:nowrap;text-align:right}
.rl.good .rv{color:#7ee2a2}.rl.good .ri{background:#3ddc8418}
.rl.bad .rv{color:#ff7a88}.rl.bad .ri{background:#ff3b4e1f}
.rl.mut .rv{color:var(--mut)}
.rtip{margin-top:12px;font-size:12px;color:#9fb0d6}
.m-danger .micon{background:linear-gradient(135deg,#ff4d5e,#b3001b);box-shadow:0 8px 22px #ff3b4e55}
.m-danger .mkick{color:#ff7a88}
.m-danger .btns button.pri{background:linear-gradient(180deg,#ff4d5e,#d61f33);box-shadow:0 4px 0 #8a0f1d}

.m-story{background:#f4efe3!important;color:#1b1b1b;border:none!important;box-shadow:0 30px 80px #000,8px 8px 0 #0007!important}
.m-story .mhead{display:block;margin:0 22px 0;min-height:0;padding:22px 34px 12px 0;border-bottom:3px double #1b1b1b}
.m-story .mkick{color:#b3001b;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:11.5px;letter-spacing:2.5px}
.m-story .mhead h2{font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:700;color:#111;line-height:1.15}
.m-story .mbody{color:#2a2a2a;font-family:Georgia,serif;font-size:15px;line-height:1.65}
.m-story .mbody p:first-child::first-letter{float:left;font-size:46px;line-height:.9;padding:4px 6px 0 0;font-weight:700;color:#b3001b}
.m-story .mnote{background:#1b1b1b0c;border-color:#1b1b1b2e;color:#1b1b1b}
.m-story .msrc{color:#555}.m-story .msrc a{color:#b3001b}
.m-story .mclose{color:#333;background:#0000000c;border-color:#00000022;width:44px;height:44px;border-radius:12px}
.m-story .mclose:hover{background:#b3001b;color:#fff}
.m-story .btns button.pri{background:#1b1b1b;box-shadow:0 4px 0 #000}
.m-story .btns button.pri:active{box-shadow:0 1px 0 #000}
.m-story.election .mhead{border-bottom-color:#b3001b}
.m-story.election .mhead h2{color:#b3001b;font-size:32px}
.m-story.election .mnote{background:#b3001b12;border-color:#b3001b55;color:#7a0012;font-weight:600}

#toasts{position:fixed;right:calc(390px + 16px);bottom:16px;z-index:58;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none;width:min(370px,90vw)}
.toast{--tc:#ffcf4a;position:relative;overflow:hidden;pointer-events:auto;cursor:pointer;display:flex;gap:11px;align-items:flex-start;background:linear-gradient(90deg,#141e36f7,#0c1426f7);border:1px solid color-mix(in srgb,var(--tc) 35%,transparent);border-left:4px solid var(--tc);border-radius:12px;padding:10px 14px 13px 11px;font-size:13px;width:100%;animation:toastIn .35s var(--ease);box-shadow:0 10px 26px #000a;transition:opacity .45s,transform .45s,border-color .2s}
.toast:hover{border-color:color-mix(in srgb,var(--tc) 70%,transparent)}
.toast.good{--tc:#3ddc84}.toast.bad{--tc:#ff4d5e}.toast.gold{--tc:#ffcf4a}
.toast .ti{width:42px;align-self:stretch;min-height:40px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;background:color-mix(in srgb,var(--tc) 16%,transparent)}
.toast .tb{flex:1;min-width:0}
.toast .tt{display:block;color:#fff!important;font-size:13.5px;line-height:1.3}
.toast .tx{color:#aeb9d6;font-size:12.5px;line-height:1.45;margin-top:2px}
.toast .tfx{display:inline-block;margin-top:7px;font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:7px;background:color-mix(in srgb,var(--tc) 18%,transparent);color:var(--tc)}
.toast.bad .tfx{color:#ff8a95}
.toast .tbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--tc);transform-origin:left;animation:tbar 5s linear forwards}
.toast.bad .tbar{background:var(--red)}
.toast:hover .tbar{animation-play-state:paused}
@keyframes tbar{to{transform:scaleX(0)}}
.toast b{color:var(--gold)}
.toast.bad{border-color:#ff3b4e66;border-left-color:var(--red)}.toast.bad b{color:#ff8a95}
.toast.out{opacity:0;transform:translateX(30px)}
@keyframes toastIn{from{transform:translateX(30px);opacity:0}}

#poster{position:fixed;inset:0;z-index:55;display:flex;align-items:center;justify-content:center;pointer-events:none}
#poster .sheet{background:var(--gov);color:#fff;border:12px solid #fff;width:min(660px,88vw);padding:44px 32px 64px;position:relative;box-shadow:0 30px 80px #000;animation:posterIn 2.6s forwards}
#poster .sheet.orange{background:var(--orange)}
#poster .sheet.white{background:#fff;color:var(--gov);border-color:var(--gov)}
#poster .sheet h1{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:clamp(28px,6vw,56px);line-height:1.02;margin:0;text-transform:uppercase}
#poster .sheet .foot{position:absolute;left:0;right:0;bottom:0;background:#fff;color:var(--gov);text-align:center;font-weight:800;padding:9px;font-size:14px;letter-spacing:1px}
#poster .sheet.white .foot{background:var(--gov);color:#fff}
@keyframes posterIn{0%{transform:scale(.3) rotate(-8deg);opacity:0}12%{transform:scale(1.03) rotate(-1deg);opacity:1}20%{transform:scale(1) rotate(-1deg)}80%{opacity:1;transform:scale(1) rotate(-1deg)}100%{opacity:0;transform:scale(1.1) rotate(-1deg)}}

.floater{position:fixed;z-index:30;font-size:48px;cursor:pointer;text-shadow:0 0 14px #ffcf4a,0 0 4px #ffcf4a;animation:floatIn .5s var(--ease),floaty 2.4s ease-in-out .5s infinite;user-select:none;will-change:transform}
.floater.journo{text-shadow:0 0 14px #ff3b4e,0 0 4px #ff3b4e}
.floater .tag{position:absolute;left:50%;top:-16px;transform:translateX(-50%);font-size:10px;font-weight:800;background:#000d;padding:2px 7px;border-radius:7px;white-space:nowrap;color:var(--gold)}
.floater.journo .tag{color:#ff8a95}
@keyframes floatIn{from{transform:scale(0) rotate(-40deg)}}
@keyframes floaty{50%{transform:translateY(-12px) rotate(6deg)}}
.floater.fade{transition:opacity .8s,transform .8s;opacity:0;transform:scale(1.6);animation:none}

.flash-red{animation:flashred .9s}
@keyframes flashred{0%,100%{box-shadow:inset 0 0 0 0 #f000}30%{box-shadow:inset 0 0 160px 30px #ff000088}}

@media (max-width:1350px){ .tbtn span{display:none} .tbtn{padding:7px 9px} }
@media (max-width:1250px){
  #layout{grid-template-columns:320px minmax(0,1fr) 340px}
  .esum{grid-template-columns:repeat(2,minmax(0,1fr))}
  #toasts{right:calc(340px + 16px)}
  .erow .info{width:190px}
}
@media (max-width:860px){
  html,body{overflow:auto;height:auto}
  #layout{display:flex;flex-direction:column;height:auto}
  #left,#right{border:none}
  .panel{position:static;overflow:visible}
  #topbar{flex-wrap:wrap;height:auto;padding:8px 10px;gap:8px}
  #tickerWrap{order:3;flex-basis:100%}
  .brand{flex:1}
  .erow .info{width:140px;padding:10px}
  .tab span{display:none}
  #toasts{right:10px;left:10px;width:auto}
}

#left>#btnFlee.fleeBtn{position:sticky;bottom:0;z-index:6}

.upgMeta .pill,.upgMeta .buyAll{display:inline-flex;align-items:center;height:22px;padding:0 10px;line-height:1;font-size:11px;border-radius:8px;box-sizing:border-box}
.upgMeta .pill{cursor:help}
.upgMeta .buyAll{border:1px solid #ffcf4a;box-shadow:0 0 10px #ffcf4a44}
.upgMeta .buyAll:active{transform:translateY(1px);box-shadow:0 0 6px #ffcf4a44}

#tooltip .tgrid.g4{grid-template-columns:repeat(4,1fr);margin-top:6px}
#tooltip .tgrid.g4 b{color:#fff;font-size:17px}
#tooltip .tgrid.g4 .ok b{color:#7ee2a2}
#tooltip .tgrid.g4 .lk b{color:#ffb3bc}
#tooltip .tlk{margin-top:10px;padding-top:8px;border-top:1px solid #ffffff14}
#tooltip .tlk>small{display:block;font-size:9.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);font-weight:800;margin-bottom:4px}
#tooltip .tlr{display:flex;align-items:center;gap:9px;padding:5px 0}
#tooltip .tlr+.tlr{border-top:1px solid #ffffff0b}
#tooltip .tli{width:28px;height:28px;flex-shrink:0;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:15px}
#tooltip .tlr b{display:block;font-size:12.5px;line-height:1.25}
#tooltip .tlr em{display:block;font-style:normal;font-size:11px;color:var(--mut);line-height:1.3}
#tooltip .tmore{font-size:11px;color:var(--mut);margin-top:4px}
#tooltip .tdone{margin-top:10px;font-size:12.5px;color:#7ee2a2;font-weight:700}

#modal.closing{animation:fadeout .19s ease forwards}
#modal.closing #modalCard{animation:popout .19s ease forwards}
@keyframes fadeout{to{opacity:0}}
@keyframes popout{to{transform:scale(.94) translateY(10px);opacity:0}}

#tooltip .tsec{margin-top:8px;padding:8px 10px;border-radius:9px;font-size:12.5px;line-height:1.45;color:#c8d2ea}
#tooltip .tsec b:first-child{display:block;margin-bottom:2px;font-size:12.5px}
#tooltip .tsec.good{background:#3ddc8412;border:1px solid #3ddc8433}
#tooltip .tsec.good b:first-child{color:#7ee2a2}
#tooltip .tsec.bad{background:#ff3b4e12;border:1px solid #ff3b4e33}
#tooltip .tsec.bad b:first-child{color:#ff8a95}

.m-flee .micon{background:linear-gradient(135deg,#5aa8ff,#1d5fd6);box-shadow:0 8px 22px #2f6bff55,inset 0 1px 0 #ffffff40}
.m-flee .mkick{color:#8fc1ff}
.m-flee .mhead h2 em{color:#8fc1ff}
.m-flee .mbody p.rlead{border-left-color:#5aa8ff}
.bpass{position:relative;border-radius:12px;background:linear-gradient(135deg,#2f6bff1f,#2f6bff08);border:1px solid #5aa8ff44;overflow:hidden}
.bp-route{display:flex;align-items:center;gap:12px;padding:14px 16px 12px}
.bp-route b{display:block;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:30px;font-weight:600;line-height:1;letter-spacing:1px;color:#fff}
.bp-route small{display:block;font-size:11px;color:var(--mut);margin-top:3px;white-space:nowrap}
.bp-route .r{text-align:right}
.bp-line{flex:1;position:relative;height:2px;background:repeating-linear-gradient(90deg,#8fc1ff88 0 6px,transparent 6px 12px)}
.bp-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;color:#8fc1ff;background:#16223f;padding:0 6px;animation:fly 3s ease-in-out infinite}
@keyframes fly{0%,100%{transform:translate(-90%,-50%)}50%{transform:translate(-10%,-58%)}}
.bp-meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px dashed #5aa8ff55;position:relative}
.bp-meta::before,.bp-meta::after{content:"";position:absolute;top:-8px;width:16px;height:16px;border-radius:50%;background:#0d1730}
.bp-meta::before{left:-9px}.bp-meta::after{right:-9px}
.bp-meta div{padding:8px 16px 10px}
.bp-meta div+div{border-left:1px solid #ffffff0d}
.bp-meta small{display:block;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mut);font-weight:800}
.bp-meta b{font-size:13px;color:#e9eefb}
.m-flee .btns button.pri{background:linear-gradient(180deg,#5aa8ff,#1d5fd6);box-shadow:0 4px 0 #0f3a8a,0 8px 18px #2f6bff33}
.m-flee .btns button.pri:active{box-shadow:0 1px 0 #0f3a8a}

#tooltip .thd{display:flex;align-items:center;justify-content:space-between;gap:12px}
#tooltip .thd h3{margin:0}
#tooltip .tpct{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--gold);background:#ffcf4a14;border:1px solid #ffcf4a40;border-radius:20px;padding:3px 10px 3px 4px;white-space:nowrap}
#tooltip .tpct i{width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--p) * 1%),#ffffff1a 0);-webkit-mask:radial-gradient(circle,transparent 4.5px,#000 5px);mask:radial-gradient(circle,transparent 4.5px,#000 5px)}

#tooltip{padding:13px 15px 14px;line-height:1.5}
#tooltip h3{margin:0 0 9px;line-height:1.25}
#tooltip .price{line-height:1.5;margin-left:14px}
#tooltip .tdesc{margin-bottom:2px}
#tooltip .tgrid{margin-top:11px;gap:7px}
#tooltip .tgrid div{padding:7px 9px}
#tooltip .q{margin-top:11px;padding-top:10px}
#tooltip .src{margin-top:7px}
#tooltip .eff{margin-top:2px}
#tooltip .thd{margin-bottom:11px}
#tooltip .tgrid.g4{margin-top:0}
#tooltip .tlk{margin-top:13px;padding-top:11px}
#tooltip .tlk>small{margin-bottom:6px}
#tooltip .tlr{padding:7px 0}
#tooltip .tsec{margin-top:9px}
#tooltip .tsec+.tsec{margin-top:8px}
.bld .tlv{display:inline-flex;align-items:center;gap:3px}

.tab[data-tab="timeline"]{margin-left:auto}
.tab[data-tab="casino"]:not(.hidden){margin-left:auto}
.tab[data-tab="casino"]:not(.hidden)+.tab[data-tab="timeline"]{margin-left:0}
.wstats b{white-space:nowrap;overflow:visible;text-overflow:clip;line-height:1.15}
.wstats b small{display:block;margin:1px 0 0;font-size:10.5px;line-height:1.2}
.wstats b.boost small{color:var(--gold)}

#fx{width:100%;height:100%}
.buff .tl{position:static;margin:0;padding:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.buff .tl::before{content:none}
html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
#mnav{display:none}
.camp .cost{gap:6px}
.camp .cost small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.camp .cost span{white-space:nowrap}
.eraCard .ey{container-type:inline-size}
#yearNum{font-size:clamp(16px,11.4cqi,21px)}
.eraCard .eprog{flex-shrink:0}

@media (hover:none){
  .bld:hover{transform:none;box-shadow:none;border-color:#2f4373}
  .bld:active{transform:scale(.98)}
  .upg:hover{transform:none}
  .upg:active{transform:scale(.93)}
  .camp:hover:not(.locked):not(.cool){transform:none}
  .camp.cant:not(.cool):hover{opacity:.5;filter:saturate(.4)}
  .hbtn:hover:not(:disabled){transform:none;box-shadow:none}
  .eraCard:hover,.ach:hover,.tl .ev:hover,.fleeBtn:hover,.btns button:hover,.buyAll:hover{transform:none}
  .hbox:hover .cr{transform:none}
  .tbtn:hover{background:transparent;color:#c8d2ea}.tbtn:hover svg{stroke:currentColor}
  #tickerWrap:hover{border-color:var(--line)}
  #tooltip{left:calc(8px + env(safe-area-inset-left))!important;right:calc(8px + env(safe-area-inset-right));top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom));
    max-width:560px;margin:0 auto;max-height:min(48vh,360px);overflow:hidden;font-size:12.5px;box-shadow:0 14px 40px #000e}
  .infoi{position:relative}
  .infoi::after{content:"";position:absolute;inset:-12px}
  .hbox::before{content:"";position:absolute;inset:-6px -4px}
}

@media (min-width:861px) and (max-width:1400px){
  .tab:not(.active) span{display:none}
  .esum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .upgMeta .pill{white-space:nowrap}
}
@media (min-width:861px) and (max-width:1250px){
  .tab{padding:12px 15px 13px}
}
@media (min-width:861px) and (max-height:820px){
  .toast:nth-last-child(n+4){display:none}
}
@media (min-width:861px) and (max-width:1100px){
  #layout{grid-template-columns:292px minmax(0,1fr) 318px}
  #toasts{right:calc(318px + 12px)}
  #left{padding:12px;gap:10px}
  #money{font-size:31px}
  #sackWrap{width:212px;height:212px}
  #sack{width:198px;height:198px}
  .erow .info{width:172px;padding:10px 12px}
  .erow .iname{font-size:14px}
  #right{padding:0 10px 10px}
  .shead{margin:0 -10px 12px;padding:10px 12px}
  .panel{padding:14px}
  #upgCount .ulbl{display:none}
  .eraCard .eprog{display:none}
  .shead h2{white-space:nowrap}
}

@media (min-width:2400px) and (min-height:1300px){
  #topbar,#layout,#modalCard,#toasts,#poster .sheet{zoom:1.3333}
  #layout{height:calc(100vh / 1.3333 - 64px)}
  #tooltip{transform:scale(1.3333);transform-origin:0 0}
  .floater{font-size:64px}
  #modalCard{max-height:calc(88vh / 1.3333)}
  .flag{height:39.3px!important;width:59px!important}
}
@media (min-width:3200px) and (min-height:1800px){
  #topbar,#layout,#modalCard,#toasts,#poster .sheet{zoom:2}
  #layout{height:calc(100vh / 2 - 64px)}
  #tooltip{transform:scale(2)}
  .floater{font-size:92px}
  #modalCard{max-height:calc(88vh / 2)}
}

@media (max-width:860px), (max-width:1000px) and (max-height:500px){
@supports selector(:has(*)){
  html,body{height:100%;overflow:hidden}
  body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh}
  #topbar{grid-row:1;grid-column:1/-1}
  #layout{grid-row:2;grid-column:-2;display:flex;flex-direction:column;height:auto;min-height:0;position:relative}
  #mnav{grid-row:3;grid-column:1}

  #topbar{flex-wrap:wrap;height:auto;gap:6px 10px;padding:calc(6px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 7px calc(10px + env(safe-area-inset-left))}
  .brand{flex:1;min-width:0;gap:9px}
  .title{font-size:22px;letter-spacing:1px}
  .topbtns{padding:2px;gap:2px;border-radius:11px}
  .tbtn{width:40px;height:40px;padding:0;justify-content:center}
  .tbtn span{display:none}
  #tickerWrap{order:3;flex-basis:100%;height:32px;border-radius:8px}
  #tickerInner{line-height:32px;font-size:13px}
  .tickLabel{font-size:10.5px;padding:0 19px 0 10px;gap:6px}

  #mnav{display:flex;gap:4px;position:relative;z-index:21;background:linear-gradient(#0e1729,#080e1c);border-top:1px solid #ff6a1355;box-shadow:0 -8px 22px #0008;
    padding:5px calc(8px + env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}
  #mnav .mv{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;border-radius:12px;color:var(--mut);font-size:11px;font-weight:800;letter-spacing:.4px;cursor:pointer;transition:background .2s,color .2s}
  #mnav input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
  #mnav .mi{font-size:21px;line-height:1;filter:grayscale(.7);opacity:.7;transition:filter .2s,opacity .2s,transform .2s var(--ease)}
  #mnav .mv:has(input:checked){color:#fff;background:linear-gradient(180deg,#1f2f55,#141f3a);box-shadow:inset 0 0 0 1px #33497a}
  #mnav .mv:has(input:checked) .mi{filter:none;opacity:1;transform:translateY(-1px) scale(1.08)}
  #mnav .mv:has(input:checked)::before{content:"";position:absolute;top:-5px;left:26%;right:26%;height:3px;border-radius:0 0 3px 3px;background:var(--orange);box-shadow:0 0 10px var(--orange)}
  #mnav .mv:has(input:focus-visible){outline:2px solid var(--orange2);outline-offset:-2px}
  #mnav .mv::after{content:"";position:absolute;top:7px;left:calc(50% + 11px);width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px #0e1729,0 0 8px var(--gold);opacity:0;transform:scale(.3);transition:opacity .25s,transform .25s var(--ease)}
  body:has(#buildings .bld:not(.cant):not(.locked)) #mnav .mv:not(:has(input:checked)):has(#mvRight)::after,
  body:has(#upgrades .upg.can) #mnav .mv:not(:has(input:checked)):has(#mvRight)::after,
  body:has(#campReady:not(.hidden)) #mnav .mv:not(:has(input:checked)):has(#mvMid)::after{opacity:1;transform:none}
  #mnav .mv:has(#mvMid)::after{background:var(--orange);box-shadow:0 0 0 2px #0e1729,0 0 8px var(--orange)}

  #left,#middle,#right{border:none;box-shadow:none}
  #middle,#right{flex:1;min-height:0}
  body:has(#mvLeft:checked) #middle,body:has(#mvLeft:checked) #right,
  body:has(#mvMid:checked) #right,body:has(#mvRight:checked) #middle{display:none}
  body:has(#mvLeft:checked) #left{flex:1;min-height:0;overflow-y:auto;padding:12px calc(12px + env(safe-area-inset-right)) 12px calc(12px + env(safe-area-inset-left));gap:10px}
  #middle .tabs,#right{padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}

  body:not(:has(#mvLeft:checked)) #left{flex:none;overflow:hidden;overflow:clip;padding:6px calc(10px + env(safe-area-inset-right)) 6px calc(10px + env(safe-area-inset-left));gap:0;border-bottom:1px solid var(--line3);box-shadow:0 4px 14px #0006}
  body:not(:has(#mvLeft:checked)) #left>:not(.wallet):not(#rain){display:none!important}
  body:not(:has(#mvLeft:checked)) .wallet{display:flex;align-items:center;gap:10px;padding:5px 12px;text-align:left;border-radius:10px}
  body:not(:has(#mvLeft:checked)) #money{flex:1;min-width:0;margin:0;font-size:23px;height:32px;line-height:32px;text-overflow:ellipsis}
  body:not(:has(#mvLeft:checked)) .wstats{flex:none;border:none;padding:0}
  body:not(:has(#mvLeft:checked)) .wstats>div{align-items:flex-end}
  body:not(:has(#mvLeft:checked)) .wstats>i{margin:0 8px}
  body:not(:has(#mvLeft:checked)) .wstats .k{font-size:9.5px}
  body:not(:has(#mvLeft:checked)) .wstats b{font-size:14px}
  body:not(:has(#mvLeft:checked)) .wstats b small{display:inline;margin-left:3px;font-size:9.5px}

  #sackWrap{width:clamp(170px,30vh,240px);height:clamp(170px,30vh,240px)}
  #sack{width:93%;height:93%}
  #sackWrap::after{width:70%;margin-left:-35%}
  .buff .bt{white-space:normal;line-height:1.3}
  .fleeBtn{padding:9px 12px}

  .tabs{padding-top:8px;gap:4px;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{padding:11px 13px 12px;font-size:13.5px;min-height:44px}
  .tab span{display:inline}
  .tab:not(.active) span{display:none}
  .panel{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:12px calc(12px + env(safe-area-inset-right)) 16px calc(12px + env(safe-area-inset-left))}
  .esum{gap:8px;margin-bottom:12px}
  .esum>div{padding:9px 10px;gap:9px}
  .camps{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}

  #right{padding-top:0;padding-bottom:16px}
  .shead{margin:0 calc(-10px - env(safe-area-inset-right)) 12px calc(-10px - env(safe-area-inset-left));padding:8px calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left));position:sticky;top:0;z-index:5;box-shadow:0 6px 14px #0006}
  .upgMeta .pill,.upgMeta .buyAll{height:32px;padding:0 12px;font-size:12px;white-space:nowrap}
  .buyMode button{min-height:32px;padding:4px 11px;font-size:12px}
  #upgrades{--ut:54px;--ug:7px}
  .bld .ic{width:50px;height:50px}

  #toasts{top:calc(6px + env(safe-area-inset-top));bottom:auto;left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));width:auto;max-width:520px;margin:0 auto;gap:6px;flex-direction:column-reverse;align-items:stretch}
  .toast{padding:8px 12px 10px 9px;gap:9px;font-size:12px}
  .toast:nth-last-child(n+3){display:none}
  .toast .ti{width:34px;min-height:34px;font-size:16px}
  .toast .tt{font-size:13px}
  .toast .tx{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .toast .tb{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}
  .toast .tt{flex:0 1 auto;min-width:0}
  .toast .tfx{order:1;margin-top:0;padding:1px 7px;font-size:11px}
  .toast .tx{order:2;flex-basis:100%;margin-top:1px}
  .toast .ti{align-self:center}
  .toast{animation-name:toastDrop}
  .toast.out{transform:translateY(-16px)}

  #modal{padding:calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}
  #modalCard{max-height:100%;border-radius:16px;overscroll-behavior:contain}
  .mhead{min-height:0;gap:12px;padding:16px 64px 14px 16px}
  .micon{width:44px;height:44px;font-size:22px;border-radius:12px}
  .mhead h2{font-size:21px}
  .mkick{font-size:10px;letter-spacing:1.5px}
  .mclose{right:12px;top:12px;width:44px;height:44px;border-radius:12px}
  .mmid{padding:14px 0 16px}
  .mbody{padding:0 16px;font-size:14px}
  .mstats{padding:4px 16px 0;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}
  .mnote{margin:12px 16px 0}
  .msrc{padding:12px 16px 0}
  .btns{position:sticky;bottom:0;z-index:2;padding:12px 16px 14px;background:linear-gradient(#131d3600,#131d36 22%)}
  .m-story .btns{background:linear-gradient(#f4efe300,#f4efe3 22%)}
  .m-story .mhead{margin:0 16px;padding:16px 50px 10px 0}
  .m-story .mclose{right:10px;top:10px}
  .m-story .mhead h2{font-size:23px}
  .m-story.election .mhead h2{font-size:26px}
  .m-story .mbody{font-size:14.5px}
  .rhero .rh b{font-size:26px}
  .rhero .rp b{font-size:19px}
  .bp-route{padding:12px 12px 10px}
  .bp-route b{font-size:26px}
  .bp-meta div{padding:7px 10px 9px}
  .sgrp td:last-child{white-space:normal}
}
}
@keyframes toastDrop{from{transform:translateY(-16px);opacity:0}}

@media (max-width:599px){
@supports selector(:has(*)){
  .erow{flex-direction:column;height:auto}
  .erow .info{width:auto;flex-direction:row;align-items:center;gap:12px;padding:8px 12px;border-right:none;border-bottom:1px solid #ffffff12;background:linear-gradient(90deg,#141e36,#1b2846)}
  .erow .ihead{flex:1;min-width:0;gap:10px}
  .erow .ihead>div:last-child{min-width:0}
  .erow .iicon{width:36px;height:36px;font-size:20px;border-radius:10px}
  .erow .iname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .erow .info>div:last-child{flex-shrink:0;max-width:56%;min-width:34%}
  .erow .irow{gap:8px}
  .erow .icps{white-space:nowrap}
  .erow .ipct{white-space:nowrap}
  #upgrades,#upgrades.empty{height:auto}
  #upgrades{justify-content:start;align-content:normal;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(2,52px);grid-auto-columns:52px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
    margin:0 -10px 14px;padding:2px 10px 8px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 92%,transparent);mask:linear-gradient(90deg,#000 92%,transparent)}
  #upgrades::-webkit-scrollbar{display:none}
  #upgrades .noupg{grid-row:1/-1;white-space:normal;width:calc(100vw - 40px)}
  #upgrades:has(.noupg){display:block;overflow:visible;-webkit-mask:none;mask:none;padding:0 10px 4px}
  #upgrades .noupg{width:auto;padding:6px 0 10px;font-size:12.5px}
  .upg{font-size:22px}
  body:not(:has(#mvLeft:checked)) .wstats>i,body:not(:has(#mvLeft:checked)) .wstats>div:last-child{display:none}
  body:not(:has(#mvLeft:checked)) #money{font-size:21px}
  #upgCount .ulbl{display:none}
  #upgCount{display:inline-flex;padding:0 10px}
  .shead h2{white-space:nowrap}
  .bp-meta{grid-template-columns:repeat(2,1fr)}
  .bp-meta div:nth-child(3){border-left:none}
  .bp-meta div:nth-child(n+3){border-top:1px solid #ffffff0d}
  .toast:nth-last-child(n+2){display:none}
  .stage{flex:none;height:96px}
  .onb-card{padding:14px;gap:12px}
  .onb-ic{width:52px;height:52px;font-size:26px;border-radius:14px}
  .onb-main h3{font-size:20px}
}
}
@media (max-width:380px){
@supports selector(:has(*)){
  .title{font-size:19px}
  .tbtn{width:38px}
  .tab{padding:11px 11px 12px}
  .esum b{font-size:17px}
}
}

@media (min-width:600px) and (max-width:860px), (min-width:600px) and (max-width:1000px) and (max-height:500px){
@supports selector(:has(*)){
  body:has(#mvLeft:checked) #left{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-content:start;column-gap:16px;row-gap:10px}
  body:has(#mvLeft:checked) .wallet{grid-column:2;grid-row:1}
  body:has(#mvLeft:checked) #yearBadge{grid-column:2;grid-row:2}
  body:has(#mvLeft:checked) #rankPlate{grid-column:2;grid-row:3;margin:0}
  body:has(#mvLeft:checked) #heatBox{grid-column:2;grid-row:4}
  body:has(#mvLeft:checked) #hideBox{grid-column:2;grid-row:5}
  body:has(#mvLeft:checked) #buffs{grid-column:2;grid-row:6}
  body:has(#mvLeft:checked) #btnFlee{grid-column:2;grid-row:7;position:relative;bottom:auto;margin-top:0;box-shadow:none}
  body:has(#mvLeft:checked) #sackWrap{grid-column:1;grid-row:1/span 7;align-self:start;position:sticky;top:calc(50% - var(--sk) / 2);--sk:max(150px,min(40vw,46vh,320px));width:var(--sk);height:var(--sk);justify-self:center}
  #buildings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}
}
}

@media (max-width:1000px) and (max-height:500px){
@supports selector(:has(*)){
  body{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  #layout{grid-row:2;grid-column:2}
  #mnav{grid-row:2;grid-column:1;flex-direction:column;justify-content:flex-start;width:calc(74px + env(safe-area-inset-left));gap:6px;
    padding:8px 6px calc(8px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left));border-top:none;border-right:1px solid #ff6a1340;box-shadow:6px 0 18px #0007}
  #mnav .mv{flex:none;min-height:58px}
  #mnav .mv:has(input:checked)::before{top:22%;bottom:22%;left:-6px;right:auto;width:3px;height:auto;border-radius:0 3px 3px 0}
  #topbar{flex-wrap:nowrap;padding:calc(4px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 5px calc(10px + env(safe-area-inset-left))}
  .title{font-size:19px}
  #tickerWrap{order:0;flex-basis:auto;height:34px}
  #tickerInner{line-height:34px}
  .tbtn{height:36px}
  #left,#middle .tabs,#right,.panel{padding-left:12px!important}
  body:has(#mvLeft:checked) #left{padding-top:10px;padding-bottom:10px}
  body:not(:has(#mvLeft:checked)) #left{padding-top:4px;padding-bottom:4px}
  body:not(:has(#mvLeft:checked)) #money{font-size:20px;height:28px;line-height:28px}
  .tabs{padding-top:6px}
  .tab{min-height:40px;padding:9px 13px 10px}
  .erow{height:96px}
  .erow .info{padding:8px 12px}
  #modal{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}
  .mhead{padding:12px 60px 10px 14px}
  .micon{width:38px;height:38px;font-size:19px}
  .mhead h2{font-size:19px}
  .mclose{top:8px;right:8px;width:42px;height:42px}
  .m-story .mhead{padding-top:12px}
  .btns{padding:10px 14px 12px}
  .btns button{padding:11px 14px}
  #toasts{top:calc(4px + env(safe-area-inset-top));left:calc(84px + env(safe-area-inset-left));right:auto;width:min(360px,44vw);margin:0}
  .toast:nth-last-child(n+2){display:none}
}
}

@media (max-width:860px) and (hover:none), (max-width:1000px) and (max-height:500px) and (hover:none){
@supports selector(:has(*)){
  #tooltip{bottom:calc(70px + env(safe-area-inset-bottom))}
}
}
@media (max-width:1000px) and (max-height:500px) and (hover:none){
@supports selector(:has(*)){
  #tooltip{bottom:calc(8px + env(safe-area-inset-bottom));left:auto!important;width:min(460px,56vw);max-height:calc(100vh - 70px)}
}
}

html,body{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji"}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#ffffff1c transparent}}
.bp-line span{font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",sans-serif}
.emo{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
body.lowfx .stage .fx *,body.lowfx .stage .fx::before,body.lowfx .stage .deco,body.lowfx #sackGlow,body.lowfx #sackHalo,body.lowfx #sackRing::before,body.lowfx .hide .rainfx{animation-play-state:paused!important}
.fleeBtn:disabled{opacity:.55;cursor:not-allowed;animation:none;filter:saturate(.5)}
.fleeBtn:disabled::after{display:none}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
h1.brandtxt{margin:0;font-size:inherit;font-weight:inherit}
.title b{margin-left:0}
.noscript{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;margin:0;padding:14px 18px;border-radius:12px;background:#18253f;border:1px solid var(--orange);color:var(--txt);font:600 15px/1.45 Inter,system-ui,sans-serif;text-align:center}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.tab:focus-visible,.panel:focus-visible,#tickerWrap:focus-visible,.bld:focus-visible{outline-offset:-3px}
#sack:focus,#sack:focus-visible{outline:none}
#sackWrap:has(#sack:focus-visible) #sackRing{border:3px solid var(--gold);box-shadow:0 0 0 3px #0a1122,0 0 22px #ffcf4a66}
.upg:focus-visible,.camp:focus-visible,.hbox:focus-visible{z-index:3}
.camp:focus-visible{outline-color:var(--orange)}
#modalCard:focus{outline:none}
#tickerInner .tag{background:#c81e32}
#tickerInner .tag.real,.badge,.buyMode button.on{color:#1a0d00}
.bld .cnt{color:#ffffff80}
#tooltip .src{opacity:1}
.camp.orange,#poster .sheet.orange{background:#c2410c}
.hbtn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
@media (prefers-reduced-motion: reduce){
  *:not(.tbar),*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  #tickerInner{right:0;overflow:hidden;text-overflow:ellipsis}
}

@media (hover: none){#tooltip{background:#0b1222;box-shadow:0 -6px 30px #000c}}

.setsec{background:#0006;border:1px solid #ffffff12;border-radius:12px;padding:10px 12px 12px;margin-bottom:10px}
.setsec:last-child{margin-bottom:0}
.setsec h4,.setsec h3{margin:0 0 8px;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-weight:600;font-size:14px;letter-spacing:.8px;color:var(--orange2);text-transform:uppercase}
.setsec.danger{border-color:#ff3b4e33;background:#ff3b4e0a}
.setsec.danger h4,.setsec.danger h3{color:#ff8a95}
.setp{margin:0 0 8px;font-size:12.5px;color:#aeb9d6;line-height:1.45}
.setrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.setrow .setp{margin:0}
.sw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;cursor:pointer;border-radius:8px}
.sw+.sw{border-top:1px solid #ffffff0d}
.swt b{display:block;font-size:13.5px;color:#e9eefb}
.swt em{display:block;font-style:normal;font-size:11.5px;color:var(--mut)}
.swk{position:relative;flex-shrink:0;width:44px;height:24px;border-radius:12px;background:#ffffff1f;transition:background .2s}
.swk i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#c8d2ea;transition:transform .2s var(--ease),background .2s}
.swk.on{background:#1f9e57}
.swk.on i{transform:translateX(20px);background:#fff}
textarea.code{width:100%;resize:vertical;min-height:58px;background:#05080f;border:1px solid #ffffff1f;border-radius:9px;color:#c8d2ea;font:11px/1.4 ui-monospace,Consolas,monospace;padding:8px 10px;word-break:break-all;-webkit-user-select:text;user-select:text}
textarea.code:focus{outline:2px solid var(--gold);outline-offset:1px}
.setbtns{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.sbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ffffff22;background:#ffffff0b;color:#e9eefb;border-radius:9px;padding:8px 12px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}
.sbtn:hover{background:#ffffff16;border-color:#ffffff40}
.sbtn.pri{margin-left:auto;background:linear-gradient(180deg,var(--orange2),var(--orange));border-color:transparent;color:#1a0d00}
.sbtn.bad{background:#ff3b4e1f;border-color:#ff3b4e66;color:#ffb3bc;white-space:nowrap}
.setmsg{font-size:12px;margin-top:8px;min-height:0}
.setmsg.bad{color:#ff8a95}.setmsg.good{color:#7ee2a2}
@media (max-width:520px){.setrow{flex-direction:column;align-items:stretch}.sbtn.pri{margin-left:0;flex:1}}
#upgCount .ulbl{margin-left:.35em}

.fx.snow i{top:-6px;border-radius:50%;background:#fff;opacity:.85;animation:snowfall 7s linear infinite}
@keyframes snowfall{to{transform:translate3d(-24px,124px,0)}}

#sitefoot{margin:18px 0 4px;display:flex;flex-direction:column;gap:10px}
#sitefoot .coffee{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;text-decoration:none;color:#1a1203;background:linear-gradient(135deg,#ffe08a,#ffcf4a 55%,#f5b324);box-shadow:0 6px 18px #ffcf4a33,inset 0 1px 0 #fff8;transition:transform .15s var(--ease),box-shadow .2s}
#sitefoot .coffee:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ffcf4a55,inset 0 1px 0 #fff8}
#sitefoot .cup{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#ffffff80;display:flex;align-items:center;justify-content:center;font-size:21px}
#sitefoot .ctx{flex:1;min-width:0;line-height:1.2}
#sitefoot .ctx b{display:block;font-size:14px}
#sitefoot .ctx small{display:block;font-size:12px;font-weight:600;opacity:.8}
#sitefoot .cgo{font-size:18px;font-weight:800}
#sitefoot .flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;font-size:11.5px;color:var(--mut)}
#sitefoot .flinks a{color:#aeb9d6;text-decoration:none}
#sitefoot .flinks a:hover{color:var(--gold);text-decoration:underline}
#sitefoot .fnote{margin:0;text-align:center;font-size:11.5px;line-height:1.5;color:#8391b5}
.infolinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.infolinks a{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9px;background:#ffffff0b;border:1px solid #ffffff1c;color:#e9eefb!important;text-decoration:none;font-size:12.5px;font-weight:700}
.infolinks a:hover{border-color:var(--gold)}

.rankPlate{position:relative;flex-shrink:0;display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 12px 0 6px;margin:6px 0 4px;
  border-radius:19px;background:#0a1226e0;border:1px solid #ffcf4a40;box-shadow:0 6px 16px #0008,inset 0 1px 0 #ffffff0f;color:var(--gold);text-align:left;
  transition:border-color .2s,transform .2s var(--ease)}
#left>#rankPlate{z-index:2}
.rankPlate:hover{border-color:#ffcf4aa0;transform:translateY(-1px)}
.rankPlate .rp-ic{width:26px;height:26px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;background:#ffcf4a22;border:1px solid #ffcf4a40}
.rankPlate .rp-nm{flex:0 1 auto;min-width:0;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:15px;font-weight:600;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #0009}
.rankPlate .rp-bar{flex:1 1 60px;min-width:44px;height:6px;margin-left:auto;border-radius:3px;background:#ffffff14;box-shadow:inset 0 1px 2px #0008;overflow:hidden}
.rankPlate .rp-bar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--gold));box-shadow:0 0 8px #ffcf4a66;transition:width .4s var(--ease)}
.rankPlate .rp-pct{flex-shrink:0;min-width:30px;text-align:right;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:12.5px;font-weight:600;color:#c8d2ea;font-variant-numeric:tabular-nums}
.rankPlate.up{animation:rankUp 1s var(--ease)}
@keyframes rankUp{30%{transform:scale(1.08);border-color:var(--gold);box-shadow:0 0 26px #ffcf4a88}}
@media (pointer:coarse){.rankPlate{height:42px}}

#tooltip .ttag{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff22;color:#c8d2ea}
#tooltip .ttag.good{background:#3ddc8414;border-color:#3ddc8440;color:#7ee2a2}
#tooltip .ttag.bad{background:#ff3b4e14;border-color:#ff3b4e44;color:#ff8a95}
#tooltip .ttag.gold{background:#ffcf4a14;border-color:#ffcf4a40;color:var(--gold)}
#tooltip .tgrid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
#tooltip .thd+.tgrid{margin-top:0}
#tooltip .tgrid b.w{color:#fff}
#tooltip .st b{color:#e9eefb}

.fleeBtn .ftx{flex:1;min-width:0}
.fleeBtn .fhd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fleeBtn .fhd em{font-style:normal;font-size:11px;font-weight:800;line-height:1;padding:3px 8px;border-radius:20px;background:#0006;border:1px solid #ffd9bf40;color:#ffe9d9;white-space:nowrap}

.tabs{container-type:inline-size}
@container (max-width:900px){.tab:not(.active) span{display:none}.tab{padding-left:14px;padding-right:14px}}
.badge.dim{background:#ffffff1a;color:#c8d2ea}

.mtop{display:flex;align-items:center;gap:16px;padding:14px 18px;margin-bottom:16px;border-radius:14px;background:linear-gradient(180deg,#1d2b4b,#17233e);border:1px solid #33497a;box-shadow:0 8px 22px #0005}
.mt-big{width:54px;height:54px;flex-shrink:0;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:27px;background:linear-gradient(135deg,var(--orange2),#d9480a);box-shadow:0 8px 20px #ff6a1340}
.mtop .grow{flex:1;min-width:0}
.mtop h3{margin:0 0 3px;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:21px;font-weight:600}
.mtop p{margin:0 0 6px;font-size:12.5px;color:#aeb9d6;line-height:1.45}
.mtop p b{color:var(--gold)}
.mt-num{text-align:right;padding-left:16px;border-left:1px solid #ffffff14;flex-shrink:0;max-width:170px}
.mt-num b{display:block;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:30px;font-weight:600;color:var(--gold);line-height:1}
.mt-num small{font-size:11px;color:var(--mut)}
.mfoot{text-align:center;font-size:12px;color:var(--mut);margin:14px 0 0}

.skhero{margin-bottom:16px;background:linear-gradient(180deg,#1d2b4b,#17233e)}
.sk-badge{width:54px;height:54px;flex-shrink:0;border-radius:15px;display:grid;place-items:center;font-size:27px;
  background:linear-gradient(180deg,#24365c,#18264a);border:1px solid #3e5486;box-shadow:inset 0 1px 0 #ffffff14,0 6px 14px #0006}
.astats b.gd{display:flex;align-items:center;gap:5px;color:var(--gold);text-shadow:0 0 14px #ffcf4a40}
.astats b.gd span{font-size:15px;text-shadow:none}

.sk{position:relative;padding:26px 22px 24px;border-radius:16px;border:1px solid var(--line);
  background:radial-gradient(ellipse 60% 32% at 50% 0%,#ff8c3a17,transparent 70%),radial-gradient(circle,#ffffff0b 1px,transparent 1.6px) 0 0/24px 24px,linear-gradient(180deg,#111c36,#0a1122);
  box-shadow:inset 0 1px 0 #ffffff0d,0 12px 30px #0006}
.sk-map{position:relative;height:748px}
.sk-lane{position:absolute;bottom:-8px;width:30%;max-width:180px;transform:translateX(-50%);border-radius:16px;
  background:linear-gradient(180deg,#ffffff08,#ffffff03 60%,transparent);border:1px solid #ffffff0d;border-bottom:0;pointer-events:none}
.sk-lane.done{background:linear-gradient(180deg,#ffcf4a12,#ffcf4a05 60%,transparent);border-color:#ffcf4a24}
.sk-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sk-l{fill:none;stroke:#ffffff12;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round}
.sk-l.open{stroke:#5b70a3}
.sk-l.flow{stroke:var(--gold);stroke-dasharray:6 7;filter:drop-shadow(0 0 3px #ffcf4a99)}
.sk-l.lit{stroke:var(--gold);stroke-width:4;filter:drop-shadow(0 0 5px #ffb52e)}
@keyframes skFlow{to{stroke-dashoffset:-13}}

.sk-root{position:absolute;width:84px;height:84px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:1}
.sk-root::before{content:"";position:absolute;inset:-26px;border-radius:50%;background:radial-gradient(circle,#ffb52e2e,transparent 65%);pointer-events:none}
.sk-root svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.sk-rbg{fill:#0d1529;stroke:#ffffff17;stroke-width:6}
.sk-rfg{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffb52e)}
.sk-ric{position:relative;font-size:34px;line-height:1;filter:drop-shadow(0 3px 6px #000a)}
.sk-root em{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:99px;background:#0a1122;border:1px solid #ffcf4a66;color:var(--gold);white-space:nowrap}

.sk-chip{position:absolute;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;gap:6px;max-width:32%;padding:5px 11px;border-radius:99px;background:#0d1529;border:1px solid #33497a;box-shadow:0 4px 12px #0007;font-size:10.5px;font-weight:800;line-height:1;letter-spacing:.9px;text-transform:uppercase;color:#c8d2ea;white-space:nowrap}
.sk-chip em{font-style:normal;color:var(--mut);letter-spacing:0}
.sk-chip.done{border-color:#ffcf4a88;color:var(--gold2)}
.sk-chip.done em{color:var(--gold)}

.tnode{position:absolute;z-index:2;width:32%;max-width:170px;transform:translate(-50%,-29px);display:flex;flex-direction:column;align-items:center;cursor:pointer;outline:none}
.tn-sock{--r:0deg;--s:1;position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;transform:rotate(var(--r)) scale(var(--s));
  background:radial-gradient(circle at 50% 35%,#24365c,#0e172b 72%);border:2px solid #3e5486;
  box-shadow:0 0 0 4px #0a1122,0 0 0 5px #ffffff14,0 8px 18px #0009,inset 0 2px 8px #0009;transition:transform .18s var(--ease),border-color .2s,box-shadow .2s}
.tn-sock::before{content:"";position:absolute;inset:-10px;border-radius:inherit;border:2px solid transparent;transition:border-color .2s}
.tn-ic{font-size:26px;line-height:1;transform:rotate(calc(-1 * var(--r)));filter:drop-shadow(0 2px 3px #000a);transition:opacity .2s,filter .2s}
.tnode.cap .tn-sock{--r:45deg;width:48px;height:48px;margin:5px;border-radius:12px}
.tnode.cap .tn-sock::before{inset:-11px}
.tn-cost,.tn-ok{position:absolute;top:47px;left:50%;transform:translateX(-50%);z-index:1;display:flex;align-items:center;gap:3px;height:20px;padding:0 8px;border-radius:99px;font-style:normal;font-size:11px;font-weight:800;white-space:nowrap;background:#141d33;border:1px solid #3e5486;color:#c8d2ea;box-shadow:0 3px 8px #0008}
.tn-ok{width:22px;padding:0;justify-content:center;background:linear-gradient(180deg,#ffe08a,#f5b324);border-color:#fff3;color:#2a1c06}
.tn-name{margin-top:17px;max-width:100%;padding:2px 7px;border-radius:6px;background:#0a1122d9;font-size:11.5px;font-weight:700;line-height:1.25;text-align:center;color:#aeb9d6;overflow-wrap:normal;hyphens:auto;transition:color .2s}
.tnode:hover .tn-sock{--s:1.07}
.tnode.sel .tn-sock::before,.tnode:focus-visible .tn-sock::before{border-color:var(--orange2)}
.tnode.sel .tn-name{color:#fff}
.tnode.locked{cursor:default}
.tnode.locked .tn-sock{background:#0c1324;border-color:#26324f;box-shadow:0 0 0 4px #0a1122,0 0 0 5px #ffffff0a,inset 0 2px 8px #000a}
.tnode.locked .tn-ic{filter:grayscale(1);opacity:.32}
.tnode.locked .tn-cost{background:#0f1628;border-color:#26324f;color:#8b98bd}
.tnode.locked .tn-name{color:#8794b9}
.tnode.poor{cursor:default}
.tnode.poor .tn-ic{filter:saturate(.6) drop-shadow(0 2px 3px #000a);opacity:.85}
.tnode.poor .tn-cost{color:#ff9aa4;border-color:#ff5d6c55}
.tnode.buy .tn-sock{border-color:var(--gold);background:radial-gradient(circle at 50% 35%,#24365c,#0e172b 72%);box-shadow:0 0 0 4px #0a1122,0 0 0 5px #ffcf4a59,0 0 22px #ffcf4a40,inset 0 2px 8px #0009}
.tnode.buy .tn-sock::after{content:"";position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 0 3px #ffcf4a80;animation:skPulse 1.8s ease-out infinite;pointer-events:none}
.tnode.buy .tn-cost{background:linear-gradient(180deg,#ffe08a,#f5b324);border-color:#fff3;color:#2a1c06}
.tnode.buy .tn-name{color:#fff}
.tnode.own .tn-sock{border-color:#fff1b8;background:radial-gradient(circle at 50% 28%,#ffe58a,#f0a91c 55%,#9a5d06 100%);box-shadow:0 0 0 4px #0a1122,0 0 0 5px #ffcf4a8c,0 0 26px #ffb52e66,inset 0 -4px 10px #7a420066,inset 0 2px 4px #fff6}
.tnode.own .tn-name{color:var(--gold2)}
@keyframes skPulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.45);opacity:0}}
.tnode.just .tn-sock{animation:skPop .55s var(--ease)}
.tnode.just .tn-sock::after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:3px solid #ffe08a;animation:skBurst .7s ease-out forwards;pointer-events:none}
.tnode.just .tn-ok{animation:skPop .55s .15s var(--ease) backwards}
@keyframes skPop{0%{--s:.8;filter:brightness(2.2)}55%{--s:1.15}100%{--s:1;filter:none}}
@keyframes skBurst{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@property --s{syntax:"<number>";inherits:true;initial-value:1}

@container (max-width:520px){
  .sk-badge{width:48px;height:48px;font-size:24px;border-radius:13px}
  .sk{padding:20px 8px 18px}
  .sk-map{height:792px}
  .sk-lane{width:29%;border-radius:12px}
  .tnode{width:33%;transform:translate(-50%,-26px)}
  .tn-sock{width:52px;height:52px}
  .tnode.cap .tn-sock{width:43px;height:43px;margin:4.5px}
  .tn-ic{font-size:23px}
  .tn-cost,.tn-ok{top:42px;font-size:10.5px;padding:0 6px}
  .tn-ok{padding:0}
  .tn-name{margin-top:15px;font-size:10.5px;padding:2px 4px}
  .sk-chip{font-size:9.5px;letter-spacing:.3px;padding:4px 8px;gap:4px}
  .sk-chip > span,.sk-chip em{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sk-l.flow,.tnode.buy .tn-sock::after,.tnode.just .tn-sock,.tnode.just .tn-sock::after,.tnode.just .tn-ok{animation:none}
}

.cnote{text-align:center;font-size:12px;color:var(--mut);margin:8px 0 0}
.cnote b{color:var(--gold)}

.shimg{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #ffffff1c;box-shadow:0 10px 26px #0007}
.shtxt{font-size:13px;color:#c8d2ea;margin:10px 0 0;padding:9px 12px;border-radius:10px;background:#0a1122;border:1px solid #ffffff12;-webkit-user-select:text;user-select:text}
.shbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.shbtns .sbtn{text-decoration:none}
.shbtns .sbtn.pri{margin-left:0}
.m-share .micon{background:linear-gradient(135deg,#ffe08a,#f5b324);box-shadow:0 8px 22px #ffcf4a44}

.chsec{grid-column:1/-1;margin-bottom:10px}
.chhead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.chseg{display:flex;background:#0006;border:1px solid #ffffff14;border-radius:9px;padding:2px}
.chseg button{border:none;background:transparent;color:var(--mut);font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:7px}
.chseg button.on{background:#ffffff14;color:#fff}
.chbox{position:relative;margin-top:8px}
.chsvg{display:block;width:100%;height:auto;touch-action:none;overflow:visible}
.chsvg .gl{stroke:#ffffff10;stroke-width:1}
.chsvg .ax{stroke:#ffffff26;stroke-width:1}
.chsvg .yl{fill:#8f9cc0;font:600 11px Inter,system-ui,sans-serif;text-anchor:end;dominant-baseline:middle}
.chsvg .xl{fill:#8f9cc0;font:600 11px Inter,system-ui,sans-serif}
.chsvg .evl{stroke:#ffffff30;stroke-width:1}
.chsvg .evt{font-size:11px;text-anchor:middle}
.chsvg .chxl{stroke:#ffffff55;stroke-width:1}
.chtip{position:absolute;z-index:2;pointer-events:none;background:#0b1222f2;border:1px solid #e06a1899;border-radius:9px;padding:5px 9px;white-space:nowrap;box-shadow:0 6px 16px #0008}
.chtip small{display:block;font-size:10.5px;color:var(--mut)}
.chtip b{font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:15px;font-weight:600;color:#fff}
.chend{position:absolute;right:0;top:2px;font-size:12px;font-weight:800;color:#fff;background:#e06a1826;border:1px solid #e06a1866;border-radius:8px;padding:1px 8px}
.chempty{padding:30px 16px;text-align:center;color:var(--mut);font-size:13px;border:1px dashed #ffffff1c;border-radius:12px}

.flbl{display:block;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--mut);margin:10px 0 4px}
.fsel{width:100%;background:#05080f;border:1px solid #ffffff1f;border-radius:9px;color:#e9eefb;padding:8px 10px;font:600 13px Inter,system-ui,sans-serif}
.fbtext{font:13px/1.45 Inter,system-ui,sans-serif!important}
.fchk{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:#c8d2ea;cursor:pointer}
.fchk input{width:16px;height:16px;accent-color:var(--orange)}

@media (max-width:860px){
  .mtop{flex-wrap:wrap}
  .mt-num{border-left:none;padding-left:0;text-align:left;max-width:none}
  .chend{display:none}
}

@container (min-width:901px) and (max-width:1240px){.tab{padding-left:15px;padding-right:15px}}
@container (max-width:900px){
  .tab .badge{position:absolute;top:3px;right:2px;margin:0;min-width:17px;padding:0 4px;font-size:9.5px;line-height:15px;text-align:center;box-shadow:0 0 0 2px #0b1324}
  .tab .badge.dim{display:none}
}
@container (max-width:560px){
  .tab{padding-left:11px!important;padding-right:11px!important}
}
@container (max-width:440px){
  .tab{flex:1 1 0;min-width:0;padding-left:4px!important;padding-right:4px!important;text-align:center}
  .tab.active span{display:none}
}
.panel{container-type:inline-size}
@container (max-width:640px){
  .mtop{flex-wrap:wrap;row-gap:10px}
  .mtop .grow{flex:1 1 200px}
  .mt-num{flex:1 1 100%;max-width:none;text-align:left;border-left:none;border-top:1px solid #ffffff14;padding:10px 0 0;display:flex;align-items:baseline;gap:10px}
  .mt-num b{display:inline;font-size:26px}
}

.btns.n2{grid-template-columns:auto 1fr}
.btns.n2 button{white-space:nowrap}
.fchk{align-items:flex-start}
.fchk input{flex-shrink:0;margin-top:1px;width:18px;height:18px}
.fchk + .cnote{text-align:left;margin-left:26px}
.shbtns .sbtn{min-height:42px;justify-content:center}
@media (pointer:coarse){.chseg button{min-height:36px;padding:7px 12px}}
@media (max-width:599px){
  #btnShare{display:none}
  .shbtns{display:grid;grid-template-columns:1fr 1fr}
  .tabs{gap:3px}
}
@media (max-height:500px){
  .mtop p{display:none}
  .mtop{padding:10px 14px;margin-bottom:12px}
  .mt-big{width:40px;height:40px;font-size:20px}
  .chsvg{max-height:52vh}
}

.sechd{display:flex;align-items:center;justify-content:space-between;gap:8px 10px;flex-wrap:wrap;margin:0 0 6px;min-height:28px}
.sechd h4,.sechd h3{margin:0!important}
.sechr{display:flex;align-items:center;gap:6px;margin-left:auto}
.sechr .sbtn{padding:6px 11px;font-size:12px;margin:0}
.hbadge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:#ffffff08;border:1px solid #ffffff10;color:#8f9cc0;white-space:nowrap}
.sgrp .sechd{margin-bottom:4px}
.setsec .setp{margin:0 0 8px}
.setsec .sechd{margin-bottom:11px}
.setsec.danger{border-style:dashed;border-color:#ff3b4e44;background:linear-gradient(180deg,#ff3b4e0d,#ff3b4e05)}
.setsec.danger{padding-bottom:10px}
.setsec .code + .setmsg:empty{display:none}

.btns>*{border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;box-sizing:border-box;text-decoration:none;white-space:nowrap}
.btns a{border-radius:12px;padding:13px 16px;font-weight:800;font-size:14.5px;color:#fff;background:linear-gradient(180deg,var(--orange2),var(--orange));box-shadow:inset 0 -4px 0 #a33f06;transition:filter .15s,transform .15s}
.btns a.sec,.btns button.sec{background:#ffffff0b;border-color:#ffffff22;box-shadow:none;color:#c8d2ea}
.btns a.sec:hover{background:#ffffff16;color:#fff}
.btns.n3,.btns.n4,.btns.n5{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.btns.n3>*,.btns.n4>*,.btns.n5>*{padding:11px 8px;font-size:13.5px}
.btns .bi{font-size:1.05em;line-height:1}
.btns .sh-nat{background:linear-gradient(180deg,var(--orange2),var(--orange))}
.btns.shf{grid-auto-columns:auto}.btns.shf>*{white-space:nowrap;min-width:64px;padding:11px 16px!important}.btns.shf .sh-nat .bi{margin-right:2px}
.btns.lnk>*{font-size:13px}
@media (max-width:599px){
  .btns.shf.n4,.btns.shf.n5{grid-auto-flow:row;grid-template-columns:1fr 1fr}
  .btns.shf.n5>:first-child{grid-column:1/-1}
  .btns.lnk>*{flex-direction:column;gap:3px;padding:8px 2px;font-size:11px;min-height:54px}
  .btns.n3:not(.shf):not(.lnk)>*{font-size:12.5px}
}
@media (max-width:480px){.stiles{gap:6px}.stiles div{padding:7px 8px}.stiles small{font-size:9px;letter-spacing:.2px}}
.fbtext{word-break:normal;overflow-wrap:break-word;font-family:Inter,system-ui,sans-serif;font-size:13px}
.setsec.danger .sechd{margin:0}

.setsec .sw{padding:9px 2px;gap:12px}
.sic{width:36px;height:36px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;background:#ffffff0b;border:1px solid #ffffff12}
.swt{flex:1;min-width:0}
.fld+.fld{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff0d}
.flab{display:flex;align-items:baseline;gap:8px;margin:0 2px 7px;flex-wrap:wrap}
.flab b{font-size:13.5px;color:#e9eefb}
.flab em{font-style:normal;font-size:11.5px;color:var(--mut)}
.igrp{display:flex;align-items:stretch;border:1px solid #ffffff1f;border-radius:11px;background:#070b16;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.igrp:focus-within{border-color:#ff8c3a99;box-shadow:0 0 0 3px #ff6a1322}
.icode{flex:1;min-width:0;border:none;background:transparent;color:#c8d2ea;font:500 12px ui-monospace,"Cascadia Mono",Consolas,monospace;padding:0 12px;height:40px;outline:none;text-overflow:ellipsis}
.icode::placeholder{color:#6f7da3;font-family:Inter,system-ui,sans-serif}
.icode[readonly]{color:#8f9cc0;cursor:default}
.ibtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;border:none;border-left:1px solid #ffffff17;background:#ffffff08;color:#e9eefb;font-size:12.5px;font-weight:800;padding:0 14px;cursor:pointer;white-space:nowrap;transition:background .15s}
.ibtn:hover{background:#ffffff14}
.ibtn.pri{background:linear-gradient(180deg,var(--orange2),var(--orange));color:#1a0d00;border-left-color:transparent}
.ibtn.pri:hover{filter:brightness(1.07)}
.ibtn:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
#impMsg:empty{display:none}
#impMsg{margin:7px 2px 0}
.setduo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.setduo .setsec{margin:0;padding:10px 12px;display:flex;align-items:center}
.setduo .sechd{margin:0!important;width:100%}
@media (max-width:520px){
  .setduo{grid-template-columns:1fr}
  .igrp{flex-wrap:wrap;background:transparent;border:none;overflow:visible;gap:6px}
  .igrp:focus-within{box-shadow:none}
  .icode{flex:1 1 100%;border:1px solid #ffffff1f;border-radius:10px;background:#070b16}
  .icode:focus{border-color:#ff8c3a99}
  .ibtn{flex:1;height:40px;border:1px solid #ffffff1f;border-radius:10px}
  .ibtn.pri{border-color:transparent}
}
@media (max-width:520px){.flab{flex-direction:column;align-items:flex-start;gap:1px}}

.fchips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}
.fchip{position:relative;cursor:pointer}
.fchip input{position:absolute;opacity:0;pointer-events:none}
.fchip span{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 8px;border-radius:10px;border:1px solid #ffffff1a;background:#ffffff08;color:#aeb9d6;font-size:12.5px;font-weight:800;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.fchip span i{font-style:normal;font-size:14px}
.fchip:hover span{background:#ffffff12;color:#e9eefb}
.fchip input:checked + span{background:#ff6a131f;border-color:#ff8c3a;color:#fff;box-shadow:inset 0 0 0 1px #ff8c3a55}
.fchip input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.fbox{position:relative}
.fbox .fbtext{display:block;width:100%;box-sizing:border-box;min-height:118px;resize:vertical;border:1px solid #ffffff1f;border-radius:11px;background:#070b16;color:#e9eefb;padding:10px 12px 24px;font:13px/1.5 Inter,system-ui,sans-serif!important;outline:none;transition:border-color .2s,box-shadow .2s}
.fbox .fbtext::placeholder{color:#6f7da3}
.fbox .fbtext:focus{border-color:#ff8c3a99;box-shadow:0 0 0 3px #ff6a1322}
.fcnt{position:absolute;right:12px;bottom:8px;font-size:10.5px;font-weight:700;color:#6f7da3;pointer-events:none}
.fsw{position:relative;padding:2px!important}
.swcb{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.swcb:checked + .swk{background:#1f9e57}
.swcb:checked + .swk i{transform:translateX(20px);background:#fff}
.swcb:focus-visible + .swk{outline:2px solid var(--gold);outline-offset:2px}
#fbMsg:empty{display:none}
#fbMsg{margin:8px 4px 0}
@media (max-width:520px){.fchips{grid-template-columns:1fr 1fr}}
.btns.lnk{display:flex;gap:10px}
.btns.lnk>*{flex:1 1 auto;padding-left:14px;padding-right:14px}
@media (max-width:599px){.btns.lnk{gap:6px}.btns.lnk>*{padding-left:6px;padding-right:6px}}

.sw .sic{align-self:stretch;height:auto;min-height:32px;width:auto;aspect-ratio:1/1}
.fchips{display:flex;gap:6px}
.fchip{flex:1 1 auto}
.fchip span{padding:0 14px}
@media (max-width:520px){.fchips{display:grid;grid-template-columns:1fr 1fr}.fchip span{padding:0 8px}}

#sitefoot{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff14;position:relative}
#sitefoot::before{content:"";position:absolute;left:50%;top:-1px;width:64px;height:2px;margin-left:-32px;border-radius:2px;background:linear-gradient(90deg,transparent,#ff8c3a,transparent)}
#sitefoot .coffee{color:#fff3e6;background:linear-gradient(135deg,#4a2c1a,#2e1b12 60%,#24160f);border:1px solid #c8763a66;box-shadow:0 8px 20px #0007,inset 0 1px 0 #ffffff12;transition:transform .15s var(--ease),border-color .2s,box-shadow .2s}
#sitefoot .coffee:hover{transform:translateY(-2px);border-color:#e08a4a;box-shadow:0 12px 26px #0008,0 0 0 3px #c8763a22,inset 0 1px 0 #ffffff12}
#sitefoot .cup{background:linear-gradient(135deg,#f3c58f,#d98b4a);box-shadow:0 6px 14px #0005,inset 0 1px 0 #fff6}
#sitefoot .ctx b{color:#fff}
#sitefoot .ctx small{color:#d9b89a;opacity:1}
#sitefoot .cgo{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:#f3c58f;background:#ffffff0d;border:1px solid #ffffff1f;transition:background .2s,color .2s}
#sitefoot .coffee:hover .cgo{background:#f3c58f;color:#2e1b12;border-color:transparent}

.bld{gap:12px;padding:10px 12px 10px 10px;border-radius:14px;margin-bottom:8px;overflow:hidden;background:linear-gradient(180deg,#1b2846,#16223c);border:1px solid #2c3f6b;box-shadow:0 4px 12px #0004;transition:transform .15s var(--ease),border-color .2s,box-shadow .2s,background .2s}
.bld:hover{transform:translateY(-1px);border-color:var(--orange2);box-shadow:0 8px 18px #0006}
.bld .ic{width:48px;height:48px;font-size:25px;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 -10px 16px #0003,0 3px 8px #0005}
.bld .nm b{font-size:14px;color:#fff;margin-bottom:2px}
.bld.cant .nm b{color:#c8d2ea}
.bld .price{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--gold);white-space:nowrap}
.bld .price::before{content:"";width:11px;height:11px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c2,#ffcf4a 45%,#c98a12);box-shadow:0 0 0 1px #7a520855}
.bld .price.no{color:#ff9aa4}
.bld .price.no::before{background:radial-gradient(circle at 35% 30%,#d6dcec,#8f9cc0 50%,#56627f);box-shadow:none}
.bld .per{font-size:11px;color:#8f9cc0;margin-top:1px}
.bld .side{gap:6px;min-width:48px}
.bld .cnt:empty{display:none}
.bld .tlv{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:20px;background:#5aa8ff14;border:1px solid #5aa8ff38;color:#a9cdff}
.bld .tier.ready .tlv{background:linear-gradient(180deg,var(--orange2),var(--orange));border-color:transparent;color:#1a0d00;box-shadow:0 0 10px #ff6a1355}
.bld.cant::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff0a}
.bld .prog{z-index:1;height:3px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--orange),var(--orange2))}
.bld.locked{box-shadow:none}
@media (hover:none){.bld:hover{transform:none}}
.bld>:not(.bart):not(.prog){position:relative;z-index:1}
.bld .bart{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.07;filter:saturate(.8);transition:opacity .25s;-webkit-mask-image:linear-gradient(90deg,transparent 18%,#000 72%);mask-image:linear-gradient(90deg,transparent 18%,#000 72%)}
.bld .bart .sky,.bld .bart .ground,.bld .bart .tex{position:absolute;left:0;right:0}
.bld .bart .sky{top:0;bottom:28%}
.bld .bart .ground{bottom:0;height:30%}
.bld .bart .tex{inset:0}
.bld .bart span{position:absolute;bottom:18%;transform:translateX(-50%);font-size:24px;line-height:1}
.bld .bart .deco{font-size:30px;opacity:.6}
.bld .bart .u{bottom:6%;font-size:20px}
.bld:hover .bart,.bld:focus-visible .bart{opacity:.12}
.bld.cant .bart{opacity:.05}

#poster::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#050914d9 0%,#050914b3 45%,#05091480 100%);opacity:0;animation:posterBg 2.6s forwards}
#poster .sheet{z-index:1}
@keyframes posterBg{0%{opacity:0}12%{opacity:1}80%{opacity:1}100%{opacity:0}}
#poster{z-index:72}
#tooltip .tgrid b.no{color:#ff9aa4}

.achhero{padding:16px 20px;gap:16px}
.aring{width:54px;height:54px}
.aring::before{inset:5px}
.aring span{font-size:16px}
.aring small{font-size:10px}
.ahx h3{font-size:21px;margin-bottom:3px}
.astats b{font-size:22px}
.astats b small{font-size:12px}
.achhero{margin-bottom:18px}
.achgrid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:10px}
.ach{padding:18px 10px 14px;justify-content:flex-start;min-height:0;cursor:help;transition:transform .15s var(--ease),border-color .2s,box-shadow .2s}
.ach .medal{width:50px;height:50px;margin:6px 0 11px}
.ach .medal i{font-size:23px}
.ach .an{margin:0;font-size:12.5px;font-weight:700;line-height:1.3;color:#fff;text-transform:none;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ach:not(.got) .an{font-size:12.5px;letter-spacing:0;text-transform:none;color:#7d8ab0}
.ach:not(.got){background:linear-gradient(180deg,#172340,#131d36);border-color:#ffffff12}
.ach:not(.got):hover{border-color:#ffffff30;transform:translateY(-2px)}
.ach:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (max-width:860px){.achgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.ach{padding:16px 8px 12px}.ach .an{font-size:12px}}
@media (max-width:600px){.aring{width:50px;height:50px}.aring span{font-size:15px}}

#ttip{position:fixed;left:0;top:0;z-index:71;display:none;pointer-events:none;max-width:260px;padding:6px 11px 7px;
  background:linear-gradient(#18233d,#0f172b);border:1px solid #ff6a1355;border-radius:9px;box-shadow:0 8px 22px #000a,0 0 0 1px #0006;
  color:#e4eaf8;font:600 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.15px;text-align:center;text-wrap:balance;
  opacity:0;transform:translateY(4px) scale(.97);transform-origin:var(--ax,50%) 100%;transition:opacity .13s ease,transform .16s cubic-bezier(.2,.9,.3,1.2)}
#ttip.below{transform:translateY(-4px) scale(.97);transform-origin:var(--ax,50%) 0}
#ttip.on{opacity:1;transform:none}
#ttip::after{content:"";position:absolute;left:var(--ax,50%);top:100%;width:8px;height:8px;margin:-4px 0 0 -5px;
  background:#0f172b;border:solid #ff6a1355;border-width:0 1px 1px 0;transform:rotate(45deg)}
#ttip.below::after{top:0;background:#18233d;border-width:1px 0 0 1px}
@media (prefers-reduced-motion:reduce){#ttip,#ttip.below{transition:none;transform:none}}

.chsvg{touch-action:pan-y}
.shimg{-webkit-touch-callout:default}
@media (pointer:coarse){.fbtext,.fbox .fbtext,.icode{font-size:16px!important}}
@media (max-width:599px){
  .rhero{flex-wrap:wrap;align-items:flex-start;row-gap:6px}
  .rhero .rh{min-width:0;max-width:100%}
  .rhero .rh b{white-space:normal;overflow-wrap:anywhere}
  .rhero .rp{text-align:left}
  .rl .rt{flex:1 1 0;min-width:0}
  .rl .rv{white-space:normal;max-width:48%;overflow-wrap:anywhere}
}
@media (max-width:380px){
  .btns.n2{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
  .btns.n2 button,.btns.n2 a{white-space:normal;min-width:0}
  .sw .sic{align-self:center;flex:0 0 36px;width:36px!important;height:36px!important;min-height:36px;aspect-ratio:auto}
}
@media (max-width:340px){
@supports selector(:has(*)){
  body:not(:has(#mvLeft:checked)) #money{font-size:17px}
}
}
@media (max-width:300px){
  .shead{flex-wrap:wrap;row-gap:6px}
  #right{overflow-x:hidden}
}
@media (max-width:599px) and (max-height:700px){
@supports selector(:has(*)){
  body:has(#mvLeft:checked) #left>#btnFlee.fleeBtn{position:static;margin-top:4px;box-shadow:none}
}
}
.sk-chip{overflow:hidden;text-overflow:ellipsis}
@container (max-width:560px){
  .onb-amt{display:none}
  .onb-card{padding:14px;gap:12px}
  .onb-ic{width:52px;height:52px;font-size:26px;border-radius:14px}
  .onb-main h3{font-size:20px}
}
@container (max-width:460px){
  .esum{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:861px) and (max-height:900px){
  #left>#btnFlee.fleeBtn{position:static;margin-top:6px;box-shadow:none}
}
@media (min-width:861px) and (max-width:1250px){
  .shead h2{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .shead{gap:8px}
}
@container (max-width:900px){.esum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:460px){.esum{grid-template-columns:minmax(0,1fr)}}
.mbody .ilead{font-size:15px;margin-bottom:14px}
.isteps{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.isteps li{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff06;border:1px solid #ffffff12}
.isteps .ii{flex:0 0 36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#ff8c3a1a;border:1px solid #ff8c3a33}
.isteps div{min-width:0}
.isteps b{display:block;color:#fff;font-size:14.5px;line-height:1.35}
.isteps .it{display:block;margin-top:2px;font-size:13.5px;line-height:1.5;color:#aeb9d6}
.mbody .src.idisc{margin:0;padding-top:12px;border-top:1px solid #ffffff12;line-height:1.5}
@media (max-width:380px){.isteps li{gap:10px;padding:9px 10px}.isteps .ii{flex-basis:32px;height:32px;font-size:16px}}
.btns .bi .shic{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.scrolling *{pointer-events:none!important}
.hbtn .cdbar,.buff .bar,.erow .ishare i,.obar i,.camp .cdfill,.tnbar i,.bld .prog,.rankPlate .rp-bar i{width:100%!important;transform-origin:0 50%;transform:scaleX(0)}
.buff .bar{transition:transform .1s linear}
.erow .ishare i,.tnbar i,.rankPlate .rp-bar i{transition:transform .4s var(--ease)}
.obar i,.bld .prog{transition:transform .3s var(--ease)}
.panel:not(.active) *,.panel:not(.active) *::before,.panel:not(.active) *::after{animation:none!important}
.erow.offscreen .ucv{display:none}
.stage .units:empty{display:none}
#left,#right,.panel,#upgrades,#modalCard{will-change:scroll-position}
#autoHands{position:absolute;inset:0;pointer-events:none;z-index:2}
.ahand{position:absolute;inset:1%;transform:rotate(var(--a))}
.ahand b{position:absolute;left:50%;top:0;width:30px;height:30px;margin-left:-15px;display:flex;align-items:center;justify-content:center;animation:handIn .4s var(--ease) both}
.ahand i{display:block;font-style:normal;font-size:21px;line-height:1;text-shadow:0 2px 4px #000a}
@keyframes handIn{from{opacity:0;transform:translateY(-10px) scale(.6)}}
.btns .bi .shic.brand{width:16px;height:16px}
#modalCard:focus{outline:none}
.m-settings .setsec,.m-feedback .setsec{background:none;border:0;padding:0;margin:0 0 16px;box-shadow:none}
.m-settings .setsec:last-child,.m-feedback .setsec:last-of-type{margin-bottom:0}
.setttl{display:flex;align-items:baseline;gap:10px;margin:0 0 8px 2px!important;font-family:Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;font-size:13px!important;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:var(--orange2)}
.setnote{font-family:Inter,system-ui,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--mut)}
.setlist{background:linear-gradient(180deg,#1b2a4c,#16223f);border:1px solid #2c3e68;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #0004}
.setlist>.setrow,.setlist>.sw{display:flex;align-items:center;gap:12px;padding:12px 14px!important;margin:0;border-radius:0;border-top:1px solid #ffffff0d}
.setlist>:first-child{border-top:0}
.setlist .sic{width:36px!important;height:36px!important;min-height:0!important;aspect-ratio:auto!important;align-self:center!important;flex:0 0 36px;border-radius:10px;font-size:17px;background:#ffffff0a;border:1px solid #ffffff12}
.setlist .swt b{font-size:13.5px;color:#e9eefb}
.setlist .swt em{font-size:12px;color:var(--mut);margin-top:1px}
.setlist .sw:hover{background:#ffffff05}
.setact{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}
.setlist .sbtn{height:36px;box-sizing:border-box;padding:0 12px;min-width:118px;margin:0;border-radius:9px;font-size:12.5px;background:#ffffff0d;border:1px solid #ffffff1c;color:#e9eefb}
.setlist .sbtn:hover{background:#ffffff18;border-color:#ffffff38}
.setlist .sbtn.pri{background:linear-gradient(180deg,var(--orange2),var(--orange));border-color:transparent;color:#1a0d00}
.setlist .sbtn.bad{background:#ff3b4e1a;border-color:#ff3b4e55;color:#ffb3bc}
.setlist .sbtn.bad:hover{background:#ff3b4e2e;border-color:#ff3b4e88}
.setlist .setrow.danger .swt b{color:#ff9aa5}
.setcode{display:flex;gap:6px;padding:0 14px 12px}
.setcode .icode{flex:1;min-width:0;height:36px;box-sizing:border-box;padding:0 12px;border-radius:9px;border:1px solid #ffffff1a;background:#070b16;color:#c8d2ea;font:500 12px ui-monospace,"Cascadia Mono",Consolas,monospace}
.setcode .icode:focus{border-color:#ff8c3a99;outline:none}
.setlist .setmsg{padding:0 14px 12px;margin:0}
.setlist .setmsg:empty{display:none}
.setlead{margin:0 0 22px;font-size:13.5px;line-height:1.55;color:#aeb9d6}
.setlead b{color:#e9eefb}
.m-feedback .fchips{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.m-feedback .fchip{flex:1 1 auto}
.m-feedback .fchip span{padding:0 14px!important;white-space:nowrap}
.m-feedback .setsec{margin-bottom:20px}
.m-feedback .setttl{margin:0 0 12px 2px!important}
.m-feedback .fchip span{height:42px;border-radius:11px;background:linear-gradient(180deg,#1b2a4c,#16223f);border-color:#2c3e68;color:#c8d2ea;padding:0 8px}
.m-feedback .fchip input:checked + span{background:linear-gradient(180deg,#3a2414,#2a1a10);border-color:var(--orange);color:#fff;box-shadow:0 0 0 1px #ff8c3a55}
.m-feedback .fbox .fbtext{border-color:#2c3e68;background:#0b1326;border-radius:14px;padding:12px 14px 26px}
.m-feedback>.mmid .setmsg,.m-feedback .mbody>.setmsg{margin:10px 2px 0}
@media (max-width:520px){
  .setlist>.setrow{flex-wrap:wrap}
  .setlist>.setrow{align-items:stretch}
  .setact{width:100%;padding-left:0;box-sizing:border-box}
  .setact .sbtn{flex:1}
  .setcode,.setlist .setmsg{padding-left:14px}
  .m-feedback .fchips{grid-template-columns:1fr 1fr}
}
.bld .tier.done .tlv{background:#1f9e5733;border-color:#3ddc8466;color:#86e8ad;box-shadow:none}
#modalCard.m-share{max-width:640px}
#modalCard.m-legal{max-width:900px;height:88vh}
.m-legal .mmid{padding-top:0}
.m-legal .mbody{padding:0}
.lgbar{position:sticky;top:0;z-index:5;padding:12px 22px 11px;background:linear-gradient(180deg,#16213d,#131c35);border-bottom:1px solid #ffffff12;box-shadow:0 10px 18px -12px #000c}
.lgtabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:#0a1122;border:1px solid #ffffff12}
.lgtab{border:0;background:none;color:#aeb9d6;font:700 13px Inter,system-ui,sans-serif;padding:8px 16px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}
.lgtab:hover{color:#fff;background:#ffffff0d}
.lgtab.on{background:linear-gradient(180deg,var(--orange2),var(--orange));color:#1a0d00}
.lgtoc{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:2px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 92%,transparent);mask:linear-gradient(90deg,#000 92%,transparent)}
.lgtoc::-webkit-scrollbar{display:none}
.lgchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid #2c3e68;background:#18243f;color:#c8d2ea;border-radius:20px;padding:4px 12px 4px 4px;font:600 12px Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}
.lgchip b{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ff6a1326;color:var(--orange2);font-size:10.5px}
.lgchip:hover{border-color:var(--orange2);color:#fff}
.lgbody{padding:16px 22px 4px}
.lgload{color:var(--mut);text-align:center;padding:40px 0}
.lgmeta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.lgmeta span{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;background:#ffffff08;border:1px solid #ffffff12;color:#9aa8cb}
.lgsec{scroll-margin-top:112px;background:linear-gradient(180deg,#1b2a4c,#16223f);border:1px solid #2c3e68;border-radius:14px;padding:16px 18px;margin-bottom:12px;box-shadow:0 6px 18px #0004}
.lgsec h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:600 18px/1.3 Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;color:#fff;letter-spacing:.3px}
.lgsec h2 .no{width:28px;height:28px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--orange2),var(--orange));color:#1a0d00;font:700 13px Oswald,sans-serif;box-shadow:0 4px 10px #ff6a1340}
.lgsec p,.lgsec li{font-size:14px;line-height:1.65;color:#d3dcf2}
.lgsec p{margin:0 0 10px}.lgsec p:last-child{margin-bottom:0}
.lgsec ul{list-style:none;margin:0;padding:0}
.lgsec li{position:relative;padding-left:18px;margin-bottom:7px}
.lgsec li:last-child{margin-bottom:0}
.lgsec li::before{content:"";position:absolute;left:3px;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--orange2)}
.lgsec a,.m-legal .tldr a{color:var(--gold)}
.lgsec b{color:#fff}
.lgsec code{font:12.5px ui-monospace,"Cascadia Mono",Consolas,monospace;padding:1px 6px;border-radius:5px;background:#0a1122;border:1px solid #ffffff14;color:#c8d2ea}
.lgsec table{width:100%;border-collapse:separate;border-spacing:0;margin:4px 0 10px;font-size:13.5px;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;background:#0a112266}
.lgsec th,.lgsec td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #ffffff0f}
.lgsec tr:last-child th,.lgsec tr:last-child td{border-bottom:none}
.lgsec th{color:var(--mut);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.7px}
.lgsec td,.lgsec td:last-child{color:#d3dcf2;text-align:left;font-weight:400}
.lgsec tr:hover td{background:none}
.lgsec table:not(.stack) th{width:28%;background:#ffffff05}
.lgsec table.stack td:first-child{width:24%;color:#fff}
.m-legal .tldr{padding:14px 18px;margin-bottom:12px;border-radius:14px;background:linear-gradient(180deg,#14302a,#122520);border:1px solid #3ddc8444}
.m-legal .tl-h{font:600 14px Oswald,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#7ee2a2;margin-bottom:10px}
.m-legal .tldr .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.m-legal .tldr .chips span{font-size:12px;font-weight:700;padding:4px 11px;border-radius:20px;background:#3ddc8414;border:1px solid #3ddc8433;color:#c9f2d8}
.m-legal .tldr p{margin:0;color:#cfe9da;font-size:14px}
@media (max-width:640px){
  #modalCard.m-legal{height:100%}
  .lgbar{padding:10px 14px}.lgbody{padding:14px 14px 4px}
  .lgsec{padding:14px}
  .lgsec table.stack,.lgsec table.stack tbody,.lgsec table.stack tr,.lgsec table.stack td{display:block;width:100%}
  .lgsec table.stack{border:none;background:none;border-radius:0;overflow:visible}
  .lgsec table.stack tr:first-child{display:none}
  .lgsec table.stack tr{background:#0a1122b0;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px;margin-bottom:8px}
  .lgsec table.stack td,.lgsec table.stack td:first-child{border:none;padding:3px 0;width:100%}
  .lgsec table.stack td::before{content:attr(data-l);display:block;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--mut)}
  .lgsec table:not(.stack) th{width:34%}
}
.lgbody{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:start;padding:16px 22px 4px}
.lgside{position:sticky;top:78px}
.lgmain{min-width:0}
.lgside .lgtoc{flex-direction:column;gap:4px;margin:0;overflow:visible;-webkit-mask:none;mask:none}
.lgside .lgchip{width:100%;white-space:normal;text-align:left;line-height:1.3;border-radius:10px;padding:7px 10px 7px 7px;background:transparent;border-color:transparent;color:#aeb9d6}
.lgside .lgchip:hover{background:#ffffff08;border-color:#ffffff14;color:#fff}
.lgside .lgchip b{flex:0 0 22px;height:22px}
.lgsec{scroll-margin-top:80px}
.m-legal .btns{display:flex;align-items:center;gap:16px}
.m-legal .btns button{flex:0 0 auto;min-width:240px;margin-left:auto}
.m-legal .btns>.lgfoot{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:46px;font-size:12px;font-weight:600;line-height:1.5;color:var(--mut);white-space:normal;border:0;padding:0;text-align:left}
@media (max-width:760px){
  .lgbody{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 14px 4px}
  .lgside{position:static;min-width:0}
  .lgside .lgtoc{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:2px}
  .lgside .lgchip{width:auto;white-space:nowrap;border-radius:20px;padding:4px 12px 4px 4px;background:#18243f;border-color:#2c3e68;color:#c8d2ea}
  .m-legal .btns{gap:10px}
  .m-legal .btns button{flex:1;min-width:0;padding:0 12px;font-size:13.5px}
  .m-legal .btns>.lgfoot{font-size:11px;flex:0 1 auto}
}
@media (max-width:400px){.m-legal .btns{flex-wrap:wrap;gap:8px}.m-legal .btns>.lgfoot{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:12px;min-height:0}.m-legal .btns button{flex:1 1 100%;min-height:46px}}
.tl .evs a .extic{width:9px;height:9px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.6}
.m-legal .btns button{min-width:180px}
@media (max-width:420px){.lgsec table:not(.stack) th,.lgsec table:not(.stack) td{display:block;width:auto!important;border-bottom:0}.lgsec table:not(.stack) th{padding-bottom:0}.lgsec table:not(.stack) td{border-bottom:1px solid #ffffff0f;overflow-wrap:anywhere}.lgsec table:not(.stack) tr:last-child td{border-bottom:0}}

.floater.bonus{--fc:#ffcf4a;text-shadow:0 0 14px var(--fc),0 0 4px var(--fc)}
.floater.bonus .tag{color:var(--fc);border:1px solid color-mix(in srgb,var(--fc) 45%,transparent)}
.floater.bonus::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--fc);opacity:0;animation:bonusRing 2.2s ease-out .5s infinite;pointer-events:none}
@keyframes bonusRing{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.floater.bonus.fade::after{animation:none}
@media (prefers-reduced-motion:reduce){.floater.bonus::after{animation:none}}
body.lowfx .floater.bonus::after{animation:none}
.toast .tnote{margin-top:6px;padding:5px 8px;border-radius:7px;background:#ffffff08;border-left:2px solid color-mix(in srgb,var(--tc) 60%,transparent);color:#8f9cc0;font-size:11.5px;line-height:1.4}
.buff.sale{border-color:#3ddc8499;background:linear-gradient(90deg,#10291ce6,#151d33e6)}
.buff.sale b{color:#7ee2a2}
.buff.sale .bar{background:linear-gradient(90deg,#1fae5f,#7ee2a2)}
#buildings.sale .bld:not(.locked) .price{color:#7ee2a2}
#buildings.sale .bld:not(.locked) .price::before{content:"🏷️ ";font-size:.9em}
#buildings.sale .bld:not(.locked) .price.no{color:var(--red)}

#panel-casino{container-type:inline-size}
.cas-locked{padding:40px 20px;text-align:center;color:var(--mut);font-size:14px}
.cas{display:flex;flex-direction:column;gap:14px}
.cas-head{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#18253f,#121c33)}
.cas-badge{width:52px;height:52px;flex-shrink:0;border-radius:15px;display:grid;place-items:center;font-size:27px;background:linear-gradient(135deg,#1f8a4a,#0b4a26);border:1px solid #ffcf4a55;box-shadow:0 6px 16px #0007,inset 0 1px 0 #ffffff30}
.cas-ttl{flex:1;min-width:0}
.cas-ttl h3{margin:0;font:600 22px Oswald,"Bahnschrift SemiCondensed","Arial Narrow",Impact,sans-serif;color:#fff}
.cas-ttl p{margin:2px 0 0;font-size:12.5px;color:var(--mut)}
.cas-stats{display:flex}
.cas-stats>div{padding:0 14px;border-left:1px solid #ffffff14;text-align:right;min-width:92px}
.cas-stats small{display:block;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--mut)}
.cas-stats b{display:block;font:600 20px Oswald,"Arial Narrow",sans-serif;color:#fff;white-space:nowrap}
.cas-stats b.gold{color:var(--gold)}.cas-stats b.neg{color:#ff7a88}.cas-stats b.pos{color:var(--green)}

.cas-games{--m:clamp(184px,calc(50cqi - 136px),280px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"rl sl" "rc sc";column-gap:16px;row-gap:12px;align-items:stretch}
.cas-card.rl{grid-area:rl}.cas-card.sl{grid-area:sl}.rc-btns{grid-area:rc}.sl-ctl{grid-area:sc}
.cas-chips{grid-row:1;grid-column:1/-1;justify-self:center;align-self:center;z-index:3;display:flex;flex-direction:column;gap:7px;padding:9px 7px;border-radius:16px;background:linear-gradient(90deg,#2e1c0b,#6b4423 22%,#8a5a2e 50%,#6b4423 78%,#2e1c0b);border:1px solid #1b0f05;box-shadow:inset 0 0 0 2px #a8743e55,inset 0 2px 0 #ffffff22,0 10px 22px #000a,0 2px 0 #0008}
.cas-chips button{--cc:#c8102e;--cd:#fff;--ct:#fff;position:relative;width:42px;height:42px;padding:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;
  background:radial-gradient(circle,var(--cc) 0 48%,var(--cd) 49% 52%,var(--cc) 53% 66%,transparent 67%),repeating-conic-gradient(var(--cc) 0 22.5deg,var(--cd) 22.5deg 45deg);
  border:1.5px solid #0009;box-shadow:0 0 0 4px #1b0f05cc,inset 0 -2px 0 #0004,0 2px 3px #000a;transition:transform .15s var(--ease),box-shadow .15s}
.cas-chips button b{font:700 11px Inter,system-ui,sans-serif;color:var(--ct);text-shadow:0 1px 1px #0008;letter-spacing:-.2px}
.cas-chips button:hover{transform:translateY(-1px)}
.cas-chips button.on{transform:translateY(-2px);box-shadow:0 0 0 4px #1b0f05cc,0 0 0 6px #ffcf4a,0 0 14px #ffcf4a99,0 4px 6px #000a}

.cas-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 18px 16px;border-radius:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(ellipse 85% 60% at 50% 30%,#2fae63 0%,#1b8746 38%,#0f5f30 72%,#093d1f 100%);background-blend-mode:soft-light,normal;
  border:1px solid #1b0f05;box-shadow:inset 0 0 0 3px #6b4423,inset 0 0 0 6px #4a2d14,inset 0 0 0 7px #2a1808,inset 0 0 55px #000a,0 12px 28px #0007}
.cas-card::before{content:"";position:absolute;inset:13px;border-radius:12px;border:1px solid #e8c66a66;box-shadow:0 0 0 3px #e8c66a14,inset 0 0 0 3px #e8c66a12;pointer-events:none;z-index:-1}
.cas-card::after{content:"";position:absolute;left:10%;right:10%;top:7px;height:40%;border-radius:50%;background:radial-gradient(ellipse at 50% 0%,#ffffff1f,transparent 70%);pointer-events:none;z-index:-1}
.cas-card h4{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:2px 0 0;font:600 15px Oswald,"Arial Narrow",sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#ffe08a;text-shadow:0 1px 0 #0008}
.cas-card h4::before,.cas-card h4::after{content:"";flex:1;max-width:70px;height:1px;background:linear-gradient(90deg,transparent,#e8c66a99)}
.cas-card h4::after{background:linear-gradient(90deg,#e8c66a99,transparent)}
.cas-card .suit{position:absolute;z-index:-1;font-style:normal;font-size:20px;line-height:1;color:#e8c66a;opacity:.22;pointer-events:none}
.cas-card .suit.s1{left:24px;top:22px}.cas-card .suit.s2{right:24px;top:22px}.cas-card .suit.s3{left:24px;bottom:22px}.cas-card .suit.s4{right:24px;bottom:22px}
.cas-stage{display:grid;grid-template-columns:minmax(32px,1fr) auto minmax(32px,1fr);align-items:center;width:100%;flex:1}
.cas-side{display:flex;align-self:stretch;align-items:center;min-width:0}
.cas-side.l{justify-content:flex-start;padding-left:6px}.cas-side.r{justify-content:flex-end;padding-right:6px}
.cas-status{height:24px;font:600 16px Oswald,"Arial Narrow",sans-serif;letter-spacing:.3px;color:#cfe8d6;opacity:0;transition:opacity .2s;white-space:nowrap}
.cas-status.show{opacity:.9}.cas-status.win{color:#ffe08a;opacity:1;text-shadow:0 0 10px #ffcf4a99}.cas-status.lose{color:#cfe8d6;opacity:.7}

.rw{position:relative;width:calc(var(--m) * .88);aspect-ratio:1}
.rw::after{content:"";position:absolute;inset:calc(2.4% - 4px);border-radius:50%;border:1.4px solid #e8c66a8c;box-shadow:0 0 0 3px #e8c66a14,0 0 0 4px #e8c66a40;pointer-events:none}
.rw-svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 10px 16px #0009)}
.rw-rot,.rw-ball{transform-box:view-box;transform-origin:0 0}
.rw-rim{fill:#5a3a1a;stroke:#2a1a08;stroke-width:2}
.rw-r{fill:#c8102e;stroke:#e8c66a;stroke-width:.5}.rw-b{fill:#171717;stroke:#e8c66a;stroke-width:.5}.rw-g{fill:#0b8a3e;stroke:#e8c66a;stroke-width:.5}
.rw-t{fill:#fff;font:600 8.5px Oswald,"Arial Narrow",sans-serif;text-anchor:middle;dominant-baseline:central}
.rw-hub{fill:#3a2410;stroke:#e8c66a;stroke-width:1.2}
.rw-x{fill:#d4a63a}.rw-cap{fill:#e8c66a;stroke:#7a5a06;stroke-width:1.5}
.rw-ball circle{fill:#fff;filter:drop-shadow(0 1px 1px #000)}
.rw-ptr{fill:#ffcf4a;stroke:#7a5a06;stroke-width:1}
.rw-res{position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.4);border-radius:50%;display:grid;place-items:center;font:700 24px Oswald,"Arial Narrow",sans-serif;color:#fff;opacity:0;transition:transform .35s var(--ease),opacity .25s;border:3px solid #ffcf4a;box-shadow:0 0 18px #ffcf4a88;pointer-events:none}
.rw-res.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.rw-res.r{background:#c8102e}.rw-res.b{background:#171717}.rw-res.g{background:#0b8a3e}
.rw-hist,.sl-hist{display:flex;flex-direction:column;align-items:center;gap:5px}
.rw-hist i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:600 11.5px Oswald,"Arial Narrow",sans-serif;font-style:normal;color:#fff;border:1px solid #ffffff40;box-shadow:0 2px 4px #0006}
.rw-hist i.r{background:#c8102e}.rw-hist i.b{background:#171717}.rw-hist i.g{background:#0b8a3e}
.rw-hist i:not(.new){opacity:.75}
.rw-hist i.new{box-shadow:0 0 0 2px #ffcf4a,0 2px 4px #0006}

.sl-box{display:flex;flex-direction:column;align-items:center;gap:8px}
.sl-win{position:relative;width:calc(var(--m) * 1.12);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border-radius:12px;background:#1a0a06;border:3px solid #e8c66a;box-shadow:inset 0 4px 12px #000c,0 8px 18px #0007}
.sl-win::after{content:"";position:absolute;inset:-8px;border-radius:16px;border:1.4px solid #e8c66a8c;box-shadow:0 0 0 4px #e8c66a14,0 0 0 5px #e8c66a40;pointer-events:none}
.sl-reel{height:calc(var(--m) * .78);overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#bfc4cf,#fff 30% 70%,#bfc4cf)}
.sl-strip span{display:flex;align-items:center;justify-content:center;height:calc(var(--m) * .26);font-size:calc(var(--m) * .165);line-height:1}
.sl-line{position:absolute;left:4px;right:4px;top:50%;height:2px;background:#ff3b4e;box-shadow:0 0 8px #ff3b4e;pointer-events:none;opacity:.8}
.sl-hist i{min-width:30px;height:22px;padding:0 4px;border-radius:11px;display:grid;place-items:center;font:600 11.5px Oswald,"Arial Narrow",sans-serif;font-style:normal;color:#cfe8d6;background:#00000045;border:1px solid #ffffff1f;opacity:.75}
.sl-hist i.w{color:#2a1c06;background:linear-gradient(180deg,#ffe08a,#f5b324);border-color:#fff3;opacity:1}
.sl-hist i.new{box-shadow:0 0 0 2px #ffcf4a}
.cas-card.sl.won .sl-win{animation:slWin .9s var(--ease)}
.cas-card.sl.jack .sl-win{animation:slWin .6s var(--ease) 3}
@keyframes slWin{30%{box-shadow:inset 0 4px 12px #000c,0 0 0 4px #ffcf4a,0 0 36px #ffcf4a}}

.cas-ctl{position:relative;justify-self:center;width:min(100%,360px);height:66px;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:18px;background:radial-gradient(circle,#0000004d 0 1.6px,transparent 2.4px) 0 0/22px 22px,radial-gradient(circle,#0000004d 0 1.6px,transparent 2.4px) 11px 11px/22px 22px,radial-gradient(ellipse at 50% 0%,#8a2232,#5a121e 55%,#3a0a12);border:1px solid #1e0509;box-shadow:inset 0 2px 0 #ffffff26,inset 0 -6px 12px #0007,0 8px 18px #0008}
.cas-ctl::before{content:"";position:absolute;inset:4px;border-radius:14px;border:1px dashed #ffd9bf40;pointer-events:none}
.cas-ctl>*{position:relative;z-index:1}
.cas-ctl>*{height:46px}
.rc{flex:1;min-width:0;border:2px solid #ffffff40;border-radius:12px;padding:0 6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;box-shadow:inset 0 -3px 0 #0006,0 4px 10px #0006;transition:transform .12s,filter .15s,box-shadow .15s}
.rc b{font:600 15px Oswald,"Arial Narrow",sans-serif;letter-spacing:.4px}
.rc small{font-size:12px;font-weight:800;opacity:.8}
.rc.r{background:linear-gradient(180deg,#d8203a,#9e0c22)}.rc.b{background:linear-gradient(180deg,#3a3a3a,#141414)}.rc.g{background:linear-gradient(180deg,#14a34c,#0b6b31)}
.rc:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}
.rc:disabled{cursor:default;opacity:.55}
.rc.picked{opacity:1!important;box-shadow:0 0 0 3px #ffcf4a,0 0 18px #ffcf4a88}
.cbtn{border:0;border-radius:12px;padding:0 18px;font-weight:800;font-size:15px;cursor:pointer;white-space:nowrap;transition:transform .12s,filter .15s}
.cbtn.pri{background:linear-gradient(180deg,#ffd45a,#f5a524);color:#2a1c06;box-shadow:inset 0 -3px 0 #a86a06,0 6px 14px #0006}
.cbtn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.cbtn:disabled{opacity:.5;cursor:default;filter:grayscale(.4)}
.sl-ctl .cbtn{flex:1}
.sl-info{flex:0 0 46px;border-radius:12px;display:grid;place-items:center;cursor:help;font:700 19px Georgia,serif;font-style:italic;color:#ffe08a;background:#0a1122;border:1.5px solid #e8c66a99;transition:background .15s,color .15s}
.sl-info:hover,.sl-info:focus-visible{background:#e8c66a;color:#2a1c06;outline:none}
#tooltip .tpay{margin-top:6px}
#tooltip .tpay>div{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #ffffff0f}
#tooltip .tpay>div:last-child{border-bottom:0}
#tooltip .tpay span{font-size:16px;letter-spacing:1px}
#tooltip .tpay em{font-style:normal;font-size:12px;color:#c8d2ea}
#tooltip .tpay b{font-family:Oswald,"Arial Narrow",sans-serif;font-size:15px;color:var(--gold)}

@container (max-width:620px){
  .cas-games{--m:clamp(180px,calc(100cqi - 112px),270px);grid-template-columns:minmax(0,1fr);grid-template-areas:"rl" "rc" "ch" "sl" "sc"}
  .sl-win{width:var(--m)}
  .cas-chips{grid-area:ch;grid-row:auto;grid-column:auto;flex-direction:row;margin:4px 0;padding:7px 10px;background:linear-gradient(180deg,#2e1c0b,#6b4423 22%,#8a5a2e 50%,#6b4423 78%,#2e1c0b)}
  .cas-stage{display:flex;flex-direction:column;align-items:center;gap:10px}
  .cas-side{order:2;padding:0!important;justify-content:center;align-self:center}
  .cas-side:not(:has(*)){display:none}
  .rw-hist,.sl-hist{flex-direction:row;flex-wrap:wrap;justify-content:center;min-height:26px}
  .cas-head{flex-wrap:wrap}
  .cas-stats{width:100%}.cas-stats>div{flex:1;text-align:left;padding:0 10px;min-width:0}.cas-stats>div:first-child{border-left:0;padding-left:0}
}
@container (max-width:400px){
  .cas-card{padding:16px 12px 14px}
  .cas-stage{grid-template-columns:minmax(28px,1fr) auto minmax(28px,1fr)}
  .cas-chips{gap:6px}.cas-chips button{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){.cas-card.sl.won .sl-win,.cas-card.sl.jack .sl-win{animation:none}}

#toasts .toast.clip{display:none}