/* ===== update 57 ===== */
.atkhead{display:flex;gap:12px;align-items:center;margin:-4px -4px 10px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#b3261e,#7a140e);color:#fff;box-shadow:0 3px 0 #4a0a06}
.atkhead>span{font-size:34px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.atkhead h2{margin:0;color:#fff!important;font:400 20px 'Lilita One',sans-serif;line-height:1.15}
.atkhead small{color:#ffe2d8;font-weight:700}
.atkhead small b{color:#fff}
.atkrow{display:flex;align-items:center;gap:8px;width:100%;text-align:left;margin:6px 0;padding:12px;border-radius:12px;border:2px solid #b3261e;background:rgba(179,38,30,.12);font-weight:800}
.atkrow b{flex:1}.atkrow em{font-style:normal;color:#e0453a;font-weight:900}
.atkloc .btns{flex-wrap:wrap}
.atkcard{border:2px solid #b3261e!important;background:linear-gradient(180deg,rgba(179,38,30,.16),transparent 70%),var(--panel)!important}
.dxcard .dxrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.dxcard .dxrow:last-of-type{border-bottom:0}
.dxcard small{display:block;margin-top:2px}.dxcard .dxno{color:#e0453a}
.dxcard select{font:inherit;font-weight:800;border-radius:8px;padding:2px 6px;border:1.5px solid var(--line);background:var(--panel2,#fff);color:inherit}
.cwsteps{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.cwstep{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:700;opacity:.8}
.cwstep i{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;background:rgba(0,0,0,.28);color:#ffe08a}
.cwstep.on{opacity:1}.cwstep.on i{background:#3fa04a;color:#fff}
.cwjoin{font-size:18px!important;min-height:52px!important;animation:cwPulse 1.6s ease-in-out infinite}
@keyframes cwPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,69,58,.6)}50%{box-shadow:0 0 0 10px rgba(224,69,58,0)}}
.btn.full{width:100%;margin-top:8px}
.ttr{width:100%;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cwprize{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}
.cwprize span{padding:3px 10px;border-radius:10px;background:linear-gradient(180deg,#ffe08a,#e0a21a);color:#4a2206;font-weight:900}
.cwprize small{flex-basis:100%;opacity:.8}
.cphead{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.cphead h2{margin:0;font:400 24px 'Lilita One',sans-serif}
.cphead .cic{font-size:44px}
.cpst{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cpst span{font-size:12.5px;font-weight:800;padding:2px 8px;border-radius:9px;background:rgba(0,0,0,.2)}
.cpm{width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cmed{font-weight:900;white-space:nowrap}
.cmedcard{cursor:pointer;border:2px solid #d9a93a!important}
.clrow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}
.clrow.me{outline:2px solid #ffd35a}
.clrow small{display:block}
.ctabs button{min-width:0;font-size:13px}
/* ===== update 58 ===== */
.freeban{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:16px;border:2px solid #fff3b0;background:linear-gradient(180deg,#ffd84a,#f08a14);color:#4a1e02;box-shadow:0 4px 0 #8a3a06,0 6px 16px rgba(0,0,0,.35);animation:fbBob 1.8s ease-in-out infinite}
.freeban .fbi{font-size:26px;animation:fbWig 2.4s ease-in-out infinite}
.freeban .fbt{display:flex;flex-direction:column;line-height:1.05;text-align:left}
.freeban b{font:400 17px 'Lilita One',sans-serif}.freeban small{font-weight:800;font-size:11.5px}
@keyframes fbBob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}
@keyframes fbWig{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}95%{transform:rotate(-6deg)}}
/* soldiers: bigger, sharper */
.ucard .urow .ui svg.au{width:104px!important;height:104px!important}
.ucard .urow{align-items:center;gap:12px}
.ucard .urow b{font:400 20px 'Lilita One',sans-serif}
.asc svg.au{width:48px!important;height:48px!important}
#sheetBody svg.au[width="84"]{width:190px!important;height:190px!important;display:block;margin:0 auto}
#sheetBody svg.au[width="58"]{width:92px!important;height:92px!important}
/* the tribe selection */
.ob2{background:radial-gradient(ellipse at 50% -10%,rgba(255,200,90,.22),transparent 60%)}
h1.tpick{font:700 27px 'Cinzel',serif!important;white-space:nowrap;display:block!important;width:100%!important;max-width:none!important;text-align:center;letter-spacing:.5px;color:#ffe08a!important;text-shadow:0 2px 0 #3a1e06,0 0 18px rgba(255,190,60,.55);margin:8px 0 4px!important}
h1.tpick+p{text-align:center;font-size:15px;font-weight:700}
.tcards2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 90px}
.tc2{position:relative;padding:0;border:3px solid var(--tc);border-radius:16px;overflow:hidden;background:#1a130c;box-shadow:0 4px 0 rgba(0,0,0,.45);transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;cursor:pointer}
.tc2 .tcimg{display:block;aspect-ratio:1/1;overflow:hidden}.tc2 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.tc2 .tcname{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:18px 6px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85) 55%);color:#fff;font:400 19px 'Lilita One',sans-serif;text-shadow:0 2px 3px #000}
.tc2:active{transform:scale(.96)}
.tc2.on{transform:scale(1.03);box-shadow:0 0 0 3px #ffe08a,0 0 26px var(--tc),0 6px 0 rgba(0,0,0,.45)}
.tc2.on img{transform:scale(1.08)}
.tc2:not(.on) img{filter:saturate(.85) brightness(.9)}
.tccheck{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#3fa04a;color:#fff;font-weight:900;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.tfeat{border:3px solid var(--tc);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#2a1e12,#1a130c);box-shadow:0 0 30px color-mix(in srgb,var(--tc) 55%,transparent),0 6px 0 rgba(0,0,0,.4);margin:10px 0}
.tfeat.pop{animation:tfPop .45s cubic-bezier(.3,1.7,.5,1)}
@keyframes tfPop{0%{transform:scale(.94);opacity:.4}100%{transform:scale(1);opacity:1}}
.tfimg{position:relative;height:210px;overflow:hidden}.tfimg img{width:100%;height:100%;object-fit:cover;animation:tfPan 14s ease-in-out infinite alternate}
@keyframes tfPan{0%{transform:scale(1.05) translateY(0)}100%{transform:scale(1.15) translateY(-12px)}}
.tfshade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.88))}
.tftitle{position:absolute;left:12px;right:12px;bottom:10px;display:flex;gap:10px;align-items:center;color:#fff}
.tftitle h2{margin:0;font:700 26px 'Cinzel',serif;color:#ffe9b0;text-shadow:0 2px 4px #000}
.tftitle small{font-weight:700;color:#f3e6c8;text-shadow:0 1px 2px #000}
.tfbody{padding:12px;color:#f6ecd6}
.tfstats{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.tfst{display:flex;align-items:center;justify-content:space-between;gap:6px}.tfst b{font-size:13.5px;font-weight:800;color:#ffe08a}
.tfbar{display:flex;gap:3px}.tfbar i{width:14px;height:9px;border-radius:3px;background:rgba(255,255,255,.14)}.tfbar i.on{background:linear-gradient(180deg,#ffe07a,var(--tc));box-shadow:0 0 6px var(--tc)}
.tfpm{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:14.5px;font-weight:700}.tfpm .p{color:#8fe08a}.tfpm .m{color:#ff9a8a}
.tfleg>b{display:block;font:400 16px 'Lilita One',sans-serif;color:#ffe08a;margin-bottom:6px}
.tfleg>div{display:flex;gap:10px}
.tflu{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.tflu img{width:100%;max-width:130px;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:2px solid #ffd35a;box-shadow:0 0 14px rgba(255,200,80,.5)}
.tflu small{font-weight:800;font-size:13px;text-align:center}
.tfunits{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:10px}.tfunits img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;border:1.5px solid rgba(255,255,255,.25)}
.obbar .btn.tgo{background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 70%,#fff 30%),var(--tc))!important;color:#fff!important;font:400 20px 'Lilita One',sans-serif!important;min-height:56px;text-shadow:0 2px 2px rgba(0,0,0,.5);border:2px solid #ffe08a!important;animation:tgoPulse 1.8s ease-in-out infinite}
@keyframes tgoPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,224,138,.6)}50%{box-shadow:0 0 0 10px rgba(255,224,138,0)}}
.tspark{position:fixed;width:9px;height:9px;border-radius:50%;pointer-events:none;z-index:9999;animation:tspk .85s ease-out forwards}
@keyframes tspk{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}
@media (min-width:700px){.tcards2{grid-template-columns:repeat(3,1fr)}.tfimg{height:300px}}
.ucard .urow .ui{width:104px!important;height:104px!important;flex:0 0 104px!important;display:block}
.ucard .urow .grow{min-width:0}
.freeban{top:auto!important;bottom:64px}
/* ===== update 59 ===== */
.lootbox{display:flex;gap:12px;align-items:center;margin:0 0 12px;padding:12px 14px;border-radius:14px;border:2px solid #e0b040;background:linear-gradient(180deg,#fff2c2,#f1cf6e);color:#3a2206;box-shadow:0 3px 0 #9a6a10}
.lootbox.lost{border-color:#b3261e;background:linear-gradient(180deg,#ffd9cf,#f0a08a);box-shadow:0 3px 0 #7a140e}
.lootbox .lbi{font-size:34px}
.lootbox b{display:block;font:400 19px 'Lilita One',sans-serif}
.lootbox .lbr{display:block;font-size:18px;font-weight:900;letter-spacing:.3px}
/* the clan hall */
body.tab-clan #view{background:radial-gradient(ellipse at 12% 8%,rgba(255,170,60,.28),transparent 32%),radial-gradient(ellipse at 88% 8%,rgba(255,170,60,.28),transparent 32%),linear-gradient(180deg,rgba(10,6,2,.25),rgba(10,6,2,.55)),url(/c/brick.webp) center top/260px repeat #2a1d12!important}
body.tab-clan #view h1{color:#ffe7b0!important;font-family:'Cinzel',serif!important;text-shadow:0 2px 0 #000,0 0 14px rgba(255,170,60,.6)!important;text-align:center}
body.tab-clan #view>.card,body.tab-clan #view .card{background:linear-gradient(180deg,rgba(78,52,30,.94),rgba(52,34,18,.94))!important;border:2px solid #8a6230!important;color:#f7ead0!important;box-shadow:inset 0 0 0 1px rgba(255,220,150,.15),0 4px 0 rgba(0,0,0,.45)!important}
body.tab-clan #view .card b,body.tab-clan #view .card h2{color:#ffe4a6!important}
body.tab-clan #view .card small,body.tab-clan #view .muted,body.tab-clan #view p{color:#e8d8b8!important}
body.tab-clan #view h2{color:#ffd98a!important;text-shadow:0 2px 2px #000}
body.tab-clan #view .ctabs button{background:linear-gradient(180deg,#5a3c20,#3a2412)!important;color:#f3dfb2!important;border-color:#8a6230!important}
body.tab-clan #view .ctabs button.on{background:linear-gradient(180deg,#c9892a,#8a5412)!important;color:#fff!important}
body.tab-clan #view .chat{background:rgba(20,12,6,.72)!important;border:2px solid #6a4a24!important}
body.tab-clan #view .clanhead{background:linear-gradient(180deg,rgba(90,20,14,.9),rgba(50,10,8,.9));border:2px solid #c9892a;border-radius:14px;padding:10px;color:#fff}
/* ===== update 60 ===== */
.popchip{display:inline-flex;align-items:center;gap:3px;margin-left:4px;padding:2px 7px;border-radius:10px;border:1.5px solid rgba(255,230,170,.55);background:rgba(20,12,4,.55);color:#fff3d6;font-size:11px;font-weight:900;line-height:1.2;white-space:nowrap;flex:none}
.popchip span{font-size:11px}
.popchip.full{border-color:#ff7a5a;color:#ffb3a0}
/* ===== update 62 ===== */
.tipcard{position:fixed!important;left:10px;right:10px;bottom:calc(var(--sab,0px) + 100px);z-index:45;margin:0!important;box-shadow:0 6px 18px rgba(0,0,0,.45);animation:tipin .3s ease-out;transition:opacity .35s,transform .35s}
.tipcard.tipout{opacity:0;transform:translateY(12px)}
@keyframes tipin{from{opacity:0;transform:translateY(14px)}}
.top .rs b{white-space:nowrap;overflow:visible!important;text-overflow:clip!important;letter-spacing:-.2px}
.top .cr #crd{white-space:nowrap}
.popchip{font-size:10.5px!important;padding:2px 6px!important}
/* the Ruler step */
.obr .obsteps{margin-bottom:8px}
.rhead{position:relative;height:150px;border-radius:16px;overflow:hidden;border:3px solid var(--tc);box-shadow:0 0 18px color-mix(in srgb,var(--tc) 50%,transparent);margin:6px 0 14px}
.rhead img{width:100%;height:100%;object-fit:cover}
.rhshade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85))}
.rhtxt{position:absolute;left:10px;right:10px;bottom:8px;display:flex;gap:8px;align-items:center;color:#fff}
.rhtxt>div{flex:1;min-width:0}.rhtxt h2{margin:0;font:700 22px 'Cinzel',serif;color:#ffe9b0;text-shadow:0 2px 3px #000}
.rhtxt small{font-weight:700;color:#f3e6c8;text-shadow:0 1px 2px #000}
h2.rtitle{font:700 22px 'Cinzel',serif!important;color:#ffe08a!important;text-align:center;margin:6px 0 2px!important;text-shadow:0 2px 0 #3a1e06}
h2.rtitle+p{text-align:center;font-weight:700;font-size:14.5px;margin:0 0 10px}
.obr .hpick{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.obr .hcard{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:10px 6px!important;gap:6px!important;border-radius:14px!important}
.obr .hcard .hcp svg{width:84px!important;height:84px!important}
.obr .hcard .hcb b{font:400 16px 'Lilita One',sans-serif!important;display:block}
.obr .hcard .hcb small{font-size:11.5px!important;display:block;margin-bottom:3px}
.obr .hcard .hcb .p,.obr .hcard .hcb .m{font-size:12px!important;display:block;line-height:1.25}
.obr .hcard .hbio{display:none!important}
.obr .hcard.on{box-shadow:0 0 0 3px #ffe08a,0 0 16px rgba(255,200,80,.5)!important}
.obr .field label{font:400 16px 'Lilita One',sans-serif!important;color:#ffe08a!important}
.obr .field input{font-size:17px!important;font-weight:800!important}
.refbox{margin:6px 0 10px;border-radius:12px;background:rgba(0,0,0,.18);padding:8px 12px}.refbox summary{font-weight:800;cursor:pointer;color:#e8d8b8}
.obr > .btn.full.brass.tgo{position:sticky;bottom:10px;z-index:5}
/* ===== update 63 ===== */
.lbl-layer span{font-size:var(--lfs,9.5px)!important;padding:1px 4px!important;background:rgba(20,12,4,.34)!important;letter-spacing:.2px!important}
.lbl-layer span .lvn{font-style:normal;margin-left:3px;color:#fff;font-weight:800;font-family:Nunito,sans-serif;opacity:.95}
/* the royal More page */
body.tab-more #view{background:radial-gradient(ellipse at 50% -5%,rgba(255,200,80,.35),transparent 45%),radial-gradient(ellipse at 10% 10%,rgba(255,150,50,.22),transparent 30%),radial-gradient(ellipse at 90% 10%,rgba(255,150,50,.22),transparent 30%),linear-gradient(180deg,rgba(40,8,6,.55),rgba(10,4,2,.75)),url(/c/brick.webp) center top/240px repeat #2a1510!important}
body.tab-more #view h1{font:700 30px 'Cinzel',serif!important;color:#ffe08a!important;text-align:center;letter-spacing:1px;text-shadow:0 2px 0 #3a1204,0 0 16px rgba(255,190,70,.6)!important}
body.tab-more #view h2{font:400 20px 'Lilita One',sans-serif!important;color:#ffd98a!important;text-shadow:0 2px 2px #000!important;letter-spacing:.3px}
body.tab-more #view .card{background:linear-gradient(180deg,rgba(120,26,20,.92),rgba(70,14,10,.94))!important;border:2px solid #d9a93a!important;border-radius:16px!important;color:#fbe9c6!important;box-shadow:inset 0 0 0 1px rgba(255,220,150,.2),inset 0 10px 20px rgba(255,200,120,.08),0 4px 0 rgba(0,0,0,.5)!important}
body.tab-more #view .card b{color:#ffe4a6!important}
body.tab-more #view .card small,body.tab-more #view .muted,body.tab-more #view p{color:#f0dcb8!important}
body.tab-more #view .row{border-color:rgba(255,215,140,.18)!important}
body.tab-more #view .btn.sm:not(.brass):not(.red){background:linear-gradient(180deg,#6b3a1c,#43220e)!important;color:#ffe9c0!important;border:1.5px solid #c9892a!important}
body.tab-more #view .seg button,body.tab-more #view .ctabs button{background:linear-gradient(180deg,#5a2a16,#3a180a)!important;color:#f3dfb2!important;border-color:#a8742a!important}
body.tab-more #view .seg button.on,body.tab-more #view .ctabs button.on{background:linear-gradient(180deg,#e0a53a,#9a5c12)!important;color:#fff!important}
/* ===== update 65 ===== */
.lgchip{display:inline-flex;align-items:center;gap:2px;margin-left:4px;padding:1px 7px 1px 4px;border-radius:10px;border:1.5px solid var(--lc,#ffcf40);background:linear-gradient(180deg,rgba(40,22,6,.75),rgba(20,10,2,.75));color:#fff;font-size:11px;line-height:1.3;flex:none;box-shadow:0 0 8px color-mix(in srgb,var(--lc,#ffcf40) 45%,transparent)}
.lgchip b{font-weight:900}
.lghead{display:flex;gap:12px;align-items:center;margin:-4px 0 12px;padding:14px;border-radius:16px;background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--lc) 45%,transparent),transparent 70%),linear-gradient(180deg,#3a2210,#1e1006);border:2px solid var(--lc);color:#fff}
.lghead h2{margin:0;font:700 24px 'Cinzel',serif;color:#ffe9b0}.lgbig{font-size:46px;filter:drop-shadow(0 0 10px var(--lc))}
.lgbar{height:9px;border-radius:6px;background:rgba(255,255,255,.15);margin-top:6px;overflow:hidden}.lgbar i{display:block;height:100%;background:linear-gradient(90deg,#ffe08a,var(--lc));box-shadow:0 0 8px var(--lc)}
.sbrow{display:flex;gap:6px;margin:6px 0;font-size:26px}.sbrow span{color:rgba(255,255,255,.18);text-shadow:0 1px 0 #000}.sbrow span.on{color:#ffd35a;text-shadow:0 0 10px rgba(255,200,60,.8)}
.lglist .row.me{outline:2px solid var(--lc);border-radius:10px;background:rgba(255,255,255,.05)}.lgi{font-size:24px;width:32px;text-align:center}.lgrw{font-weight:900;color:#ffd35a}
#top .tb{position:relative}
#top .lgchip{position:absolute;left:40px;top:-2px;z-index:3;width:24px;height:24px;margin:0;padding:0;justify-content:center;border-radius:50%;font-size:13px;border-width:2px}
#top .lgchip b{display:none}
/* ===== update 66 ===== */
.tapfx{position:fixed;width:0;height:0;pointer-events:none;z-index:99999}
.tapfx .tr{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,226,120,.95);box-shadow:0 0 10px rgba(255,200,60,.8);animation:tfr .45s ease-out forwards}
.tapfx .ts{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff 0,#ffe27a 45%,#ff9a1a 100%);box-shadow:0 0 6px #ffcf40;animation:tfs .5s ease-out forwards}
@keyframes tfr{0%{transform:scale(.3);opacity:1}100%{transform:scale(2.4);opacity:0;border-width:1px}}
@keyframes tfs{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
.vmap use.bnc{transform-box:fill-box;transform-origin:50% 100%;animation:bnc .46s cubic-bezier(.3,1.8,.5,1)}
@keyframes bnc{0%{transform:scale(1,1)}25%{transform:scale(1.1,.88)}55%{transform:scale(.95,1.08)}80%{transform:scale(1.02,.98)}100%{transform:scale(1,1)}}
button.spr{animation:spr .42s cubic-bezier(.3,1.9,.5,1)}
@keyframes spr{0%{transform:scale(.9)}55%{transform:scale(1.06)}100%{transform:scale(1)}}
.fnum{position:fixed;transform:translateX(-50%);z-index:99998;pointer-events:none;font:900 15px 'Lilita One',sans-serif;text-shadow:0 2px 0 #3a1e06,0 0 6px rgba(0,0,0,.6);animation:fnum 1.3s ease-out forwards}
@keyframes fnum{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}15%{opacity:1;transform:translate(-50%,0) scale(1.15)}100%{opacity:0;transform:translate(-50%,-34px) scale(1)}}
/* calmer town screen */
.vmap:not(.fmap)>.vchip{display:none!important}
.vmap .alarmban{left:50%!important;right:auto!important;transform:translateX(-50%);top:56px!important;width:auto!important;max-width:70%;padding:4px 12px!important;border-radius:14px!important;font-size:12px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(150,20,12,.86)!important;border:1.5px solid #ffb09a!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important;animation:alp 2s ease-in-out infinite}
@keyframes alp{0%,100%{box-shadow:0 0 0 0 rgba(255,80,60,.55)}50%{box-shadow:0 0 0 6px rgba(255,80,60,0)}}
@media (prefers-reduced-motion:reduce){.tapfx,.fnum{display:none}.vmap use.bnc,button.spr{animation:none}}
/* ===== update 68 ===== */
.camp68 .g68{animation:fl68 1.6s ease-in-out infinite alternate;mix-blend-mode:screen}
@keyframes fl68{0%{opacity:.75}50%{opacity:1}100%{opacity:.6}}
@media (prefers-reduced-motion:reduce){.camp68 .g68{animation:none}}
/* ===== update 69 ===== */
.camp68 .g68{animation:none!important;mix-blend-mode:normal!important}
.sgopt{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:10px 12px;border-radius:12px;border:2px solid #b3261e;background:rgba(179,38,30,.12);cursor:pointer}
.sgopt input{width:22px;height:22px;margin-top:2px;accent-color:#b3261e;flex:none}
.sgopt b{display:block;font-size:15px}.sgopt small{display:block;opacity:.85}
.sgopt.off{opacity:.55;border-color:#777;background:rgba(0,0,0,.1)}
.sgban{position:absolute;left:50%;transform:translateX(-50%);bottom:64px;z-index:6;padding:6px 14px;border-radius:14px;border:2px solid #ffb09a;background:linear-gradient(180deg,#b3261e,#7a140e);color:#fff;font-weight:800;font-size:13px;white-space:nowrap;box-shadow:0 3px 0 #4a0a06,0 0 14px rgba(255,80,60,.5)}
/* ===== update 71 ===== */
.camp68 circle[fill="url(#g70)"],.camp68 circle[fill="url(#g68)"]{animation:fl71 1.7s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
.camp68 g:nth-child(3n) circle[fill="url(#g70)"]{animation-duration:2.3s}
@keyframes fl71{0%{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}100%{opacity:.8;transform:scale(.97)}}
.smk71 circle{fill:#8a837a;opacity:0;animation:smk71 3.9s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes smk71{0%{opacity:.45;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(3px,-26px) scale(1.9)}}
.sgopt{border-width:3px!important;background:linear-gradient(180deg,rgba(179,38,30,.28),rgba(120,20,12,.18))!important;box-shadow:0 0 0 0 rgba(255,80,60,.5);animation:sgp 2.2s ease-in-out infinite}
.sgopt:not(.off) b{font:400 18px 'Lilita One',sans-serif!important;color:#ffd0c4}
.sgopt input{width:28px!important;height:28px!important}
.sgopt.off{animation:none}
@keyframes sgp{0%,100%{box-shadow:0 0 0 0 rgba(255,80,60,.45)}50%{box-shadow:0 0 0 7px rgba(255,80,60,0)}}
@media (prefers-reduced-motion:reduce){.camp68 circle,.smk71 circle,.sgopt{animation:none!important}}
/* ===== update 73 ===== */
.ob73 .obsteps{margin:6px auto 2px!important;position:relative;z-index:3}
.ob73 .poster{position:relative;overflow:hidden}
.ob73 .poster img{animation:pz73 18s ease-in-out infinite alternate}
@keyframes pz73{from{transform:scale(1)}to{transform:scale(1.06)}}
.emb73{position:absolute;inset:0;pointer-events:none}
.emb73 i{position:absolute;bottom:-6px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff6c8,#ffb347 55%,transparent 70%);box-shadow:0 0 6px #ffb347;opacity:0;animation:emb73 6s linear infinite}
@keyframes emb73{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}100%{transform:translate(18px,-260px);opacity:0}}
.shine73{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,240,200,.18) 50%,transparent 65%);transform:translateX(-100%);animation:sh73 7s ease-in-out 1.2s infinite}
@keyframes sh73{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.ob73 .login>*{animation:up73 .55s cubic-bezier(.2,1.3,.4,1) both}
.ob73 .login>*:nth-child(2){animation-delay:.08s}.ob73 .login>*:nth-child(3){animation-delay:.16s}.ob73 .login>*:nth-child(4){animation-delay:.22s}.ob73 .login>*:nth-child(5){animation-delay:.28s}.ob73 .login>*:nth-child(6){animation-delay:.34s}.ob73 .login>*:nth-child(7){animation-delay:.42s}.ob73 .login>*:nth-child(8){animation-delay:.5s}
@keyframes up73{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
h2.t73{margin:4px 0 2px!important;font:700 28px 'Cinzel',serif!important;color:#ffe08a!important;text-shadow:0 2px 0 #3a1e06,0 0 16px rgba(255,190,60,.5);text-align:center}
.s73{margin:0 0 12px;text-align:center;font-weight:700;font-size:15.5px;color:#f1e2c2}
.g73{display:flex!important;align-items:center;justify-content:center;gap:10px;font-weight:900!important;font-size:17px!important;min-height:54px;border-radius:14px!important;position:relative;overflow:hidden;box-shadow:0 4px 0 #9a8a6a,0 0 18px rgba(255,255,255,.18)!important;animation:up73 .55s cubic-bezier(.2,1.3,.4,1) both,gp73 2.6s ease-in-out 1s infinite!important}
.g73:after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:gsh73 3.2s ease-in-out 1.4s infinite}
@keyframes gsh73{0%,70%{left:-60%}100%{left:130%}}
@keyframes gp73{0%,100%{box-shadow:0 4px 0 #9a8a6a,0 0 0 0 rgba(255,224,138,.55)}50%{box-shadow:0 4px 0 #9a8a6a,0 0 0 8px rgba(255,224,138,0)}}
.glogo{width:24px;height:24px;flex:none}
.ret73{display:block;text-align:center;margin:6px 0 12px;font-weight:700;color:#e8d3a6}
.guest73{font-size:16px!important;min-height:50px}
.gn73{display:block;text-align:center;margin-top:6px}
.peek73{margin:18px 0 10px;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,200,90,.12),rgba(0,0,0,.15));border:1.5px solid rgba(255,215,140,.25)}
.crests73{display:flex;justify-content:space-around;margin-bottom:10px}
.crests73 span{display:inline-block;animation:cr73 3s ease-in-out infinite;animation-delay:var(--d)}
@keyframes cr73{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.feat73{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.feat73 span:before{content:'◆';color:#ffcf40;margin-right:5px;font-size:10px;vertical-align:1px}
.feat73 span{padding:3px 10px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(255,215,140,.3);font-weight:800;font-size:13px;color:#ffe9bf}
.legal73{display:block;text-align:center;margin:10px 0 18px;font-size:11.5px;opacity:.8}
.legal73 a{color:#ffd98a;text-decoration:underline}
@media (prefers-reduced-motion:reduce){.emb73,.shine73{display:none}.ob73 .poster img,.ob73 .login>*,.g73,.g73:after,.crests73 span{animation:none!important}}
/* ===== update 76/77 ===== */
.hud-status .vsw{pointer-events:auto;cursor:pointer;padding:2px 8px 2px 4px!important;font-size:11.5px!important;line-height:1.05;border-color:rgba(255,215,140,.6)!important}
.hud-status .vsw b img{height:22px!important}
.hud-status .vsw i{display:flex;flex-direction:column;align-items:flex-start;max-width:96px}
.vswn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px}
.hud-status .vsw small{font:800 9.5px Nunito,sans-serif;color:#ffe08a;opacity:.95}
.hud-status .vsw small.vsp{color:#9fe0ff}
.hud-status .vsw:active{transform:scale(.92)}
/* ===== update 80 ===== */
.bb80{margin:0 0 10px}
.bbh{text-align:center;font:400 22px 'Lilita One',sans-serif;padding:6px;border-radius:12px;margin-bottom:8px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4)}
.bbh.won{background:linear-gradient(180deg,#3fa04a,#23702c)}.bbh.lost{background:linear-gradient(180deg,#b3261e,#7a140e)}
.bbg{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:start}
.bbvs{align-self:center;font:400 20px 'Lilita One',sans-serif;color:#ffd35a;text-shadow:0 2px 0 #3a1e06}
.bbs{border-radius:12px;padding:8px;min-width:0}
.bbs.att{background:rgba(179,38,30,.14);border:1.5px solid rgba(179,38,30,.5)}
.bbs.def{background:rgba(60,110,180,.14);border:1.5px solid rgba(60,110,180,.5)}
.bbs h4{margin:0 0 6px;font:400 15px 'Lilita One',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bbu{display:flex;align-items:center;gap:5px;margin:3px 0;font-size:13px}
.bbu b{font-weight:900}.bbu i{font-style:normal;color:#e0453a;font-weight:900;font-size:12px}
.bbt{margin-top:6px;font-size:12px;opacity:.9;border-top:1px solid rgba(255,255,255,.12);padding-top:5px}
h4.bbd{margin:12px 0 4px;font:400 16px 'Lilita One',sans-serif}
/* ===== update 82 ===== */
.sg82{border:2px solid #c9892a!important;background:linear-gradient(180deg,rgba(201,137,42,.16),rgba(0,0,0,.08))!important}
.sgpill{display:block;margin:0 auto 8px;padding:6px 14px;border-radius:14px;border:2px solid #ffb09a;background:linear-gradient(180deg,#b3261e,#7a140e);color:#fff;font-weight:800;font-size:13px;box-shadow:0 3px 0 #4a0a06}
/* the treasure-room shop */
#sheet.shop82 .sheetin,#sheet.shop82 .sh-in,#sheet.shop82>div{background:radial-gradient(ellipse at 50% 0%,rgba(255,200,80,.35),transparent 55%),radial-gradient(ellipse at 10% 40%,rgba(255,150,40,.18),transparent 40%),radial-gradient(ellipse at 90% 60%,rgba(140,90,255,.16),transparent 40%),linear-gradient(180deg,#3a210e,#1c0f06)!important}
#sheet.shop82 h2{font:400 22px 'Lilita One',sans-serif!important;color:#ffe08a!important;text-shadow:0 2px 0 #3a1e06,0 0 12px rgba(255,190,60,.5)}
#sheet.shop82 .shoph{padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,215,120,.22),rgba(0,0,0,.1));border:2px solid rgba(255,215,120,.45)}
#sheet.shop82 .shoph .bigc{animation:fl82 2.4s ease-in-out infinite}
@keyframes fl82{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
#sheet.shop82 .sale{border-radius:14px;border:2px dashed #ffcf40;background:rgba(255,200,60,.12);color:#ffefc4}
#sheet.shop82 .packs{gap:10px}
#sheet.shop82 .pack{position:relative;overflow:hidden;border-radius:18px!important;border:2.5px solid #ffd35a!important;background:radial-gradient(ellipse at 50% 25%,rgba(150,220,255,.55),rgba(40,90,160,.35) 45%,rgba(20,30,70,.9))!important;box-shadow:0 5px 0 #6a4a10,0 0 18px rgba(120,200,255,.35)!important;transition:transform .15s cubic-bezier(.3,1.8,.5,1)}
#sheet.shop82 .pack:active{transform:scale(.94)}
#sheet.shop82 .pack:before{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:psh82 3.4s ease-in-out infinite}
#sheet.shop82 .pack:nth-child(2):before{animation-delay:.6s}#sheet.shop82 .pack:nth-child(3):before{animation-delay:1.2s}#sheet.shop82 .pack:nth-child(4):before{animation-delay:1.8s}
@keyframes psh82{0%,60%{left:-70%}100%{left:140%}}
#sheet.shop82 .pack .ico{filter:drop-shadow(0 0 10px rgba(140,220,255,.9));animation:fl82 2.6s ease-in-out infinite}
#sheet.shop82 .pack b{font:400 24px 'Lilita One',sans-serif!important;color:#fff;text-shadow:0 2px 0 #10305a,0 0 10px rgba(140,220,255,.8)}
#sheet.shop82 .pack small{color:#dff2ff!important}
#sheet.shop82 .pack .pp{display:block;margin-top:6px;padding:6px 0;border-radius:12px;background:linear-gradient(180deg,#8ee05a,#3f9a2a);color:#fff;font:400 18px 'Lilita One',sans-serif;text-shadow:0 2px 0 #1f5a12;box-shadow:0 3px 0 #1f5a12}
#sheet.shop82 .ptag{background:linear-gradient(180deg,#ff6a4a,#c42a1a)!important;color:#fff!important;font-weight:900;animation:tg82 1.6s ease-in-out infinite}
@keyframes tg82{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
#sheet.shop82 .card.offer{border:2.5px solid #ffcf40!important;background:linear-gradient(180deg,rgba(255,200,60,.2),rgba(80,40,10,.5))!important;box-shadow:0 0 16px rgba(255,190,60,.3)}
#sheet.shop82 .ofl{background:linear-gradient(180deg,#ff6a4a,#c42a1a)!important;color:#fff!important}
#sheet.shop82 .btn.brass{animation:bp82 2s ease-in-out infinite}
@keyframes bp82{0%,100%{box-shadow:0 3px 0 #6a4a10,0 0 0 0 rgba(255,215,120,.6)}50%{box-shadow:0 3px 0 #6a4a10,0 0 0 7px rgba(255,215,120,0)}}
.cb82{position:fixed;width:14px;height:18px;z-index:99999;pointer-events:none;background:linear-gradient(160deg,#e9fbff,#7fd7ff 45%,#2a7fd0);clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%);filter:drop-shadow(0 0 6px #9fe6ff);animation:cb82 1.1s cubic-bezier(.5,0,.6,1) forwards}
@keyframes cb82{0%{transform:translate(0,0) scale(.4);opacity:0}15%{opacity:1;transform:translate(0,-30px) scale(1.2)}100%{transform:translate(var(--tx),var(--ty)) scale(.5);opacity:.9}}
#top .cr.cpop{animation:cp82 .5s cubic-bezier(.3,1.8,.5,1)}
@keyframes cp82{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){#sheet.shop82 *{animation:none!important}.cb82{display:none}}
#sheet.shop82 .pack .ptag{position:static!important;display:block;width:fit-content;margin:0 auto 4px;padding:2px 8px;border-radius:9px;font-size:11px;transform:none;white-space:nowrap}
/* ===== update 88 ===== */
#coach88{position:fixed;inset:0;pointer-events:none;z-index:9500}
#coach88 .cring{position:fixed;border-radius:50%;border:3px solid #ffe08a;box-shadow:0 0 0 4000px rgba(0,0,0,.28),0 0 18px rgba(255,210,90,.9);animation:cr88 1.2s ease-in-out infinite}
@keyframes cr88{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
#coach88 .carrow{position:fixed;width:32px;height:40px;background:linear-gradient(180deg,#fff3b0,#ffcf40 60%,#e09a10);clip-path:polygon(30% 0,70% 0,70% 55%,100% 55%,50% 100%,0 55%,30% 55%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));animation:ca88 .8s ease-in-out infinite}
@keyframes ca88{0%,100%{translate:0 0}50%{translate:0 8px}}
#coach88 .carrow.upa{animation-name:cb88}@keyframes cb88{0%,100%{translate:0 0}50%{translate:0 -8px}}
#coach88 .cbub{position:fixed;pointer-events:auto;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#fff6dc,#f3dca6);color:#3a2206;border:2px solid #c9892a;box-shadow:0 6px 16px rgba(0,0,0,.4)}
#coach88 .cbub b{display:block;font:400 16px 'Lilita One',sans-serif;margin-bottom:2px}
#coach88 .cbub span{display:block;font-size:14px;font-weight:700}
#coach88 .cbub button{margin-top:6px;padding:2px 10px;border-radius:9px;border:1px solid #c9892a;background:transparent;color:#6a4a10;font-weight:800;font-size:12px}
/* ===== update 89 ===== */
.sh89head{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,200,80,.22),rgba(0,0,0,.1));border:2px solid rgba(255,215,120,.45)}
.sh89head h2{margin:0;font:400 22px 'Lilita One',sans-serif;color:#ffe08a}.sh89head small{font-weight:700}
.shbig{font-size:42px;animation:fl82 2.4s ease-in-out infinite}
.shgrid89{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.shb89{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#fff 15%),var(--c));color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--c) 60%,#000 40%);transition:transform .15s cubic-bezier(.3,1.8,.5,1)}
.shb89:active{transform:scale(.94)}
.shb89 .shi{font-size:26px}.shb89 b{font:400 16px 'Lilita One',sans-serif;text-shadow:0 1px 0 rgba(0,0,0,.4)}.shb89 em{font-style:normal;font-size:12px;font-weight:900;background:rgba(0,0,0,.25);padding:1px 8px;border-radius:8px}
.shtop89{display:block;width:100%;margin:0 0 10px;padding:10px;border-radius:14px;border:2px solid #ffd35a;background:linear-gradient(180deg,#3fa04a,#23702c);color:#fff;font-weight:800;font-size:14px;box-shadow:0 3px 0 #145a1c;animation:bp82 2s ease-in-out infinite}