@font-face{font-family:Lilita;src:url(/assets/fonts/lilita.woff2) format("woff2");font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Bricolage;src:url(assets/fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--ink:#1F2A33;--ink2:#51606C;--cream:#FFF8EC;--paper:#FFFDF8;--red:#F0485A;--red2:#D6324A;--green:#3E9B4F;--green2:#2E7D3E;--sky:#9ED8F0;--gold:#F2B705;--line:rgba(31,42,51,.12);--sh:0 10px 30px rgba(20,40,50,.18),0 2px 6px rgba(20,40,50,.12);--r:22px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;overflow:hidden;background:#9ED8F0;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}
body{position:fixed;inset:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
button,input,a{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
button:disabled{cursor:default}
:focus-visible{outline:3px solid #2F8FD8;outline-offset:2px}
.pr{position:absolute;inset:0;overflow:hidden}
#cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.touch{position:absolute;inset:0;z-index:2;display:none;touch-action:none}
.pr.playing .touch{display:block}
.mi{width:1.15em;height:1.15em;vertical-align:-.2em;flex:none}

/* zones */
.zones{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;opacity:0;transition:opacity .4s}
.zones.on{opacity:1}
.zone{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(18% + var(--safe-b));color:#fff;font-size:15px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.zl{flex:0 0 40%;background:linear-gradient(90deg,rgba(47,143,216,.22),transparent);border-right:2px dashed rgba(255,255,255,.55)}
.zr{background:linear-gradient(270deg,rgba(240,72,90,.18),transparent)}
.zone span{background:rgba(20,30,40,.45);padding:8px 14px;border-radius:14px;backdrop-filter:blur(4px)}
.zone small{opacity:.85;font-size:12px}

/* portrait touch buttons */
.tbtns{display:none}
@media (orientation:portrait) and (pointer:coarse),(max-aspect-ratio:3/4){
 .zone{padding-bottom:calc(clamp(74px,14vh,104px) + 34px + var(--safe-b))}
 .pr.playing .tbtns{display:flex;position:absolute;left:0;right:0;bottom:calc(14px + var(--safe-b));z-index:4;justify-content:space-between;padding:0 16px;pointer-events:none}
 .tbtn{pointer-events:auto;width:min(42vw,170px);height:clamp(74px,14vh,104px);border-radius:26px;background:rgba(255,253,248,.88);box-shadow:var(--sh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:700 14px Inter;color:var(--ink);touch-action:none;border:2px solid rgba(255,255,255,.9);transition:transform .08s}
 .tbtn svg{width:30px;height:30px}
 .tbtn[data-role=jump]{background:linear-gradient(#FF6B7B,var(--red));color:#fff}
 .tbtn.on{transform:scale(.93)}
}

/* HUD */
.hud{position:absolute;left:0;right:0;top:0;z-index:5;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(14px + var(--safe-l));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s}
.hud.on{opacity:1;transform:none}
.hud .score{font:400 clamp(30px,6vw,44px)/1 Lilita,Inter;color:#fff;text-shadow:0 3px 0 rgba(30,40,50,.35),0 0 12px rgba(0,0,0,.12);letter-spacing:.5px;font-variant-numeric:tabular-nums}
.hud .sub{font:800 11px/1.3 Inter;letter-spacing:.6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);margin-top:4px;opacity:.95}
.hud-c{font:400 32px/1 Lilita;color:#fff;text-shadow:0 3px 0 rgba(30,40,50,.35);visibility:hidden;min-width:70px;text-align:center;padding-top:2px}
.hud-c.on{visibility:visible}
.hud-c.low{color:#FFD9DD;animation:pulse .5s infinite alternate}
@keyframes pulse{to{transform:scale(1.12)}}
.hud-r{justify-self:end;display:flex;gap:8px;align-items:center;pointer-events:auto}
.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,253,248,.92);border-radius:999px;padding:6px 12px 6px 9px;font:800 15px Inter;box-shadow:0 2px 8px rgba(0,0,0,.12);font-variant-numeric:tabular-nums}
.chip.big{font-size:16px;padding:7px 14px 7px 10px}
.ib{width:42px;height:42px;border-radius:50%;background:rgba(255,253,248,.92);display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:transform .1s;flex:none}
.ib:active{transform:scale(.92)}
.ib svg{width:22px;height:22px}
.js-mute .off-i,.js-mute.off .on-i{display:none}.js-mute.off .off-i{display:block}
.js-mute .off-t,.js-mute.off .on-t{display:none}.js-mute.off .off-t{display:inline}
.pws{grid-column:1/-1;display:flex;gap:8px;margin-top:8px}
.pw{--f:1;width:40px;height:40px;border-radius:50%;background:conic-gradient(#fff calc(var(--f)*360deg),rgba(255,255,255,.3) 0);display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.pw i,.upi i{width:30px;height:30px;border-radius:50%;display:block;background-size:70%;background-position:center;background-repeat:no-repeat}
.pw-magnet i{background-color:#E8475A;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h4v8a3 3 0 0 0 6 0V4h4v8a7 7 0 0 1-14 0z' fill='%23fff'/%3E%3Cpath d='M5 4h4v3H5zm10 0h4v3h-4z' fill='%23cfe'/%3E%3C/svg%3E")}
.pw-shield i{background-color:#3FA9E8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23fff' stroke-width='2.5'/%3E%3Ccircle cx='9' cy='9' r='2' fill='%23fff'/%3E%3C/svg%3E")}
.pw-dbl i{background-color:#F2A007;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='17' font-family='Arial' font-weight='900' font-size='13' fill='%23fff' text-anchor='middle'%3E%C3%972%3C/text%3E%3C/svg%3E")}
.pw-zoom i{background-color:#9B51E0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z' fill='%23fff'/%3E%3C/svg%3E")}
.pw-luck i{background-color:#3E9B4F;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.6 5.6 6 .7-4.5 4.1 1.2 6L12 16.4 6.7 19.4l1.2-6L3.4 9.3l6-.7z' fill='%23fff'/%3E%3C/svg%3E")}
.pw-gift i{background-color:#E8475A;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='10' width='16' height='10' rx='1.5' fill='%23fff'/%3E%3Crect x='3' y='7' width='18' height='4' rx='1' fill='%23ffe'/%3E%3Cpath d='M11 7h2v13h-2z' fill='%23E8475A'/%3E%3C/svg%3E")}

.hint{position:absolute;left:50%;top:28%;z-index:6;transform:translate(-50%,10px) scale(.94);background:rgba(255,253,248,.96);border-radius:18px;padding:12px 18px;font:800 17px/1.25 Inter;box-shadow:var(--sh);opacity:0;transition:.25s;pointer-events:none;display:flex;align-items:center;gap:10px;max-width:88vw;text-align:left}
.hint.on{opacity:1;transform:translate(-50%,0)}
.hint-ico{width:34px;height:34px;border-radius:50%;flex:none;background:var(--red) center/60% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V6m-6 6 6-6 6 6' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");animation:bob .6s infinite alternate}
.hint-slide{background-color:#2F8FD8;transform:rotate(180deg);animation:none}
@keyframes bob{to{transform:translateY(-4px)}}

/* screens */
.scr,.sheet{position:absolute;inset:0;z-index:10;opacity:0;visibility:hidden;transition:opacity .28s,visibility 0s .28s,transform .28s}
.scr.on,.sheet.on{opacity:1;visibility:visible;transition:opacity .28s,transform .28s}
.title{display:flex;flex-direction:column;justify-content:space-between;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(14px + var(--safe-b)) calc(16px + var(--safe-l));background:linear-gradient(180deg,rgba(255,255,255,0) 40%,rgba(255,248,236,.0) 60%,rgba(20,40,40,.18))}
.topbar{display:flex;justify-content:space-between;align-items:center}
.tb-r{display:flex;gap:8px;align-items:center}
.back{display:inline-flex;align-items:center;gap:2px;background:rgba(255,253,248,.92);border-radius:999px;padding:5px 10px 5px 6px;box-shadow:0 2px 8px rgba(0,0,0,.12);text-decoration:none}
.back svg{width:22px;height:22px}
.t-top{text-align:center;margin-top:-4px}
.logo{margin:0;font:400 clamp(54px,12vw,96px)/.86 Lilita,Inter;letter-spacing:1px;display:inline-flex;align-items:flex-end;gap:.15em;position:relative;transform:rotate(-3deg);animation:logoin .7s cubic-bezier(.2,1.6,.4,1) both}
.logo .l1{color:#fff;-webkit-text-stroke:0;text-shadow:0 4px 0 #6E7F8E,0 7px 0 rgba(30,40,50,.25)}
.logo .l2{color:var(--red);text-shadow:0 4px 0 #A72639,0 7px 0 rgba(30,40,50,.25)}
.logo .ver{position:absolute;right:-.35em;top:-.35em;font:900 14px/1 Inter;background:var(--gold);color:#3A2A00;border-radius:999px;padding:6px 9px;transform:rotate(10deg);box-shadow:0 2px 0 #B98900}
@keyframes logoin{from{transform:rotate(-3deg) scale(.4);opacity:0}}
.tagline{margin:18px auto 0;font:700 14px/1.35 Inter;color:#24404A;max-width:30em;background:rgba(255,253,248,.82);display:table;padding:6px 14px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.streak{margin:6px 0 0;font:800 13px Inter;color:#B5442B;min-height:1em}
.t-act{width:min(440px,100%);margin:0 auto;display:flex;flex-direction:column;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 22px;border-radius:16px;background:linear-gradient(#FF6577,var(--red));color:#fff;font:400 21px/1.1 Lilita,Inter;letter-spacing:.4px;box-shadow:0 4px 0 var(--red2),0 8px 18px rgba(214,50,74,.28);text-decoration:none;transition:transform .08s,box-shadow .08s,filter .15s;text-align:center}
.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--red2),0 3px 8px rgba(214,50,74,.25)}
.btn:disabled{filter:grayscale(.85) opacity(.6)}
.btn.ghost{background:#fff;color:var(--ink);box-shadow:0 4px 0 #D9D2C4,0 6px 14px rgba(0,0,0,.08)}
.btn.ghost:active:not(:disabled){box-shadow:0 1px 0 #D9D2C4}
.btn.sm{min-height:40px;font-size:16px;padding:8px 14px;border-radius:13px}
.btn.big{min-height:58px;font-size:24px}
.btn.x{background:linear-gradient(#2B2F33,#0F1419);box-shadow:0 4px 0 #000,0 8px 18px rgba(0,0,0,.22)}
.btn.x svg{width:18px;height:18px}
.btn.danger{color:var(--red2)}
.btn.play{min-height:76px;font-size:34px;border-radius:22px;gap:14px;box-shadow:0 6px 0 var(--red2),0 14px 30px rgba(214,50,74,.35);animation:breathe 2.4s ease-in-out infinite}
.btn.play svg{width:34px;height:34px}
.btn.play span{display:flex;flex-direction:column;align-items:flex-start}
.btn.play small{font:700 13px Inter;opacity:.9;letter-spacing:0}
@keyframes breathe{50%{transform:scale(1.025)}}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mode{border-radius:18px;padding:10px 12px;text-align:left;color:#fff;display:flex;flex-direction:column;gap:1px;min-height:74px;box-shadow:0 4px 0 rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.1);transition:transform .08s}
.mode:active{transform:translateY(3px)}
.mode .mt{font:800 11px Inter;letter-spacing:.8px;text-transform:uppercase;opacity:.9}
.mode b{font:400 21px/1.1 Lilita}
.mode small{font:700 12px Inter;opacity:.95}
.mode.daily{background:linear-gradient(135deg,#3FA9E8,#2C6FD1)}
.mode.rush{background:linear-gradient(135deg,#46B35A,#2E7D3E)}
.menu{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.menu button{background:rgba(255,253,248,.95);border-radius:16px;padding:9px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;font:800 12px Inter;box-shadow:0 3px 0 #D9D2C4,0 6px 12px rgba(0,0,0,.08);position:relative;transition:transform .08s}
.menu button:active{transform:translateY(2px)}
.menu small{font:700 10px Inter;color:var(--ink2);position:absolute;top:6px;right:8px}
.dot{position:absolute;top:7px;right:12px;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #fff;display:none}.dot.on{display:block}
.ico{width:28px;height:28px;display:block;background:center/contain no-repeat}
.ico-shop{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 12c2-5 18-5 20 0l-2 3H8z' fill='%23F0485A'/%3E%3Cpath d='M8 15h16l-1.5 11h-13z' fill='%23FFC24B'/%3E%3Cellipse cx='16' cy='11' rx='10' ry='3' fill='%233E9B4F'/%3E%3C/svg%3E")}
.ico-ach{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9 5h14v6a7 7 0 0 1-14 0z' fill='%23F2B705'/%3E%3Cpath d='M9 7H5a4 4 0 0 0 5 6m13-6h4a4 4 0 0 1-5 6' fill='none' stroke='%23F2B705' stroke-width='2.4'/%3E%3Cpath d='M14 18h4v4h-4z' fill='%23C98E00'/%3E%3Crect x='10' y='22' width='12' height='5' rx='1.5' fill='%2351606C'/%3E%3C/svg%3E")}
.ico-board{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='14' width='8' height='14' rx='2' fill='%233FA9E8'/%3E%3Crect x='12' y='6' width='8' height='22' rx='2' fill='%23F0485A'/%3E%3Crect x='21' y='18' width='8' height='10' rx='2' fill='%233E9B4F'/%3E%3C/svg%3E")}
.ico-set{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 4l3 3h4v4l3 3v4l-3 3v4h-4l-3 3-3-3H9v-4l-3-3v-4l3-3V7h4z' fill='%2351606C'/%3E%3Ccircle cx='16' cy='16' r='4.5' fill='%23fff'/%3E%3C/svg%3E")}
.foot{margin:2px 0 0;text-align:center;font:700 12px Inter;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.foot a{color:#fff}

/* modal cards */
.modal{display:grid;place-items:center;background:rgba(20,32,40,.42);backdrop-filter:blur(3px);padding:calc(12px + var(--safe-t)) 14px calc(12px + var(--safe-b));overflow:auto}
.card-m{width:min(400px,100%);background:var(--paper);border-radius:26px;padding:22px 20px 18px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:10px;text-align:center;position:relative;transform:translateY(16px) scale(.96);transition:transform .35s cubic-bezier(.2,1.4,.4,1)}
.modal.on .card-m{transform:none}
.card-m h2{margin:0;font:400 38px/1 Lilita;color:var(--ink)}
.muted{color:var(--ink2);margin:0;font-weight:600;font-size:14px}.muted.sm{font-size:12px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.over{gap:8px;padding-top:26px}
.ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(-2deg);background:var(--gold);color:#3A2A00;font:400 18px Lilita;padding:6px 16px;border-radius:10px;box-shadow:0 3px 0 #B98900;display:none;white-space:nowrap}
.ribbon.on{display:block;animation:pop .5s cubic-bezier(.2,1.8,.4,1) .3s both}
@keyframes pop{from{transform:translateX(-50%) scale(0)}}
.big-score{display:flex;flex-direction:column;align-items:center;margin:2px 0}
.big-score b{font:400 64px/1 Lilita;color:var(--red);text-shadow:0 4px 0 #F7C6CC;animation:pop2 .5s cubic-bezier(.2,1.6,.4,1) both;font-variant-numeric:tabular-nums}
@keyframes pop2{from{transform:scale(.3);opacity:0}}
.big-score span{font:800 12px Inter;text-transform:uppercase;letter-spacing:1px;color:var(--ink2)}
.rank{margin:0;font:700 13px Inter;color:#2C6FD1;min-height:0}
.rank:empty{display:none}
.orows{background:#F4EEE2;border-radius:16px;padding:6px 14px;text-align:left}
.orow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;font-weight:600;color:var(--ink2);border-bottom:1px solid var(--line)}
.orow:last-child{border:0}
.orow b{color:var(--ink);font-weight:800;display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}
.orow.rw b{color:var(--green2)}
.oach:empty{display:none}
.oach{display:flex;flex-direction:column;gap:6px}
.ach-mini{background:#FFF4CF;border-radius:12px;padding:7px 10px;font-size:13px;text-align:left;display:flex;align-items:center;gap:8px}
.tro{width:22px;height:22px;flex:none;display:inline-block;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9 5h14v6a7 7 0 0 1-14 0z' fill='%23F2B705'/%3E%3Cpath d='M9 7H5a4 4 0 0 0 5 6m13-6h4a4 4 0 0 1-5 6' fill='none' stroke='%23F2B705' stroke-width='2.4'/%3E%3Cpath d='M14 18h4v4h-4z' fill='%23C98E00'/%3E%3Crect x='10' y='22' width='12' height='5' rx='1.5' fill='%2351606C'/%3E%3C/svg%3E");vertical-align:middle}
.gift-cta{display:none;align-items:center;gap:10px;background:linear-gradient(135deg,#FFE7A3,#FFD0D6);border-radius:16px;padding:10px 12px;font:600 14px Inter;text-align:left;box-shadow:0 3px 0 #E8B9A0;animation:wig 1.4s infinite}
.gift-cta.on{display:flex}
.gift-ico{width:34px;height:34px;flex:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='5' y='13' width='22' height='15' rx='2' fill='%23F0485A'/%3E%3Crect x='3' y='9' width='26' height='6' rx='1.5' fill='%23FF6B7B'/%3E%3Cpath d='M14.5 9h3v19h-3z' fill='%23FFD23F'/%3E%3Cpath d='M16 9c-3-5-8-4-7-1s7 1 7 1 6 2 7-1-4-4-7 1z' fill='%23FFD23F'/%3E%3C/svg%3E")}
@keyframes wig{0%,80%,100%{transform:none}85%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}95%{transform:rotate(-1deg)}}
.obtns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.obtns .btn{font-size:18px;padding:10px 10px}
.obtns.sm .btn{font:800 14px Inter}

/* sheets */
.sheet{background:var(--cream);display:flex;flex-direction:column;transform:translateY(24px);z-index:12}
.sheet.on{transform:none}
.sh-h{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:calc(10px + var(--safe-t)) calc(14px + var(--safe-r)) 10px calc(14px + var(--safe-l));border-bottom:1px solid var(--line);background:var(--paper)}
.sh-h h2{margin:0;font:400 26px/1 Lilita;text-align:left}
.sh-h .ib{box-shadow:none;background:#F1EADC}
.sh-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:14px calc(14px + var(--safe-r)) calc(90px + var(--safe-b)) calc(14px + var(--safe-l));width:100%;max-width:760px;margin:0 auto}
.preview{height:clamp(140px,26vh,220px);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line),0 4px 14px rgba(0,0,0,.08);margin-bottom:12px;background:#E9F7F2}
.preview canvas{width:100%;height:100%;display:block}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none;touch-action:pan-x}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;padding:8px 14px;border-radius:999px;background:#fff;font:800 13px Inter;box-shadow:inset 0 0 0 1.5px var(--line)}
.tabs button.on{background:var(--ink);color:#fff;box-shadow:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.card{background:#fff;border-radius:18px;padding:8px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 2px 0 #E4DCCB,inset 0 0 0 2px transparent;position:relative;transition:transform .1s,box-shadow .15s;text-align:center}
.card:active{transform:scale(.97)}
.card .th{width:100%;height:68px;display:grid;place-items:center;border-radius:12px;background:#F4F8F6;overflow:hidden}
.card .nm{font:800 13px/1.2 Inter;margin-top:4px}
.card .rar{font:800 10px Inter;letter-spacing:.6px;text-transform:uppercase}
.r-common .rar,.rar.r-common{color:#7C8A99}.r-rare .rar,.rar.r-rare{color:#2F8FD8}.r-epic .rar,.rar.r-epic{color:#9B51E0}.r-legendary .rar,.rar.r-legendary{color:#D08A00}
.card.r-rare .th{background:linear-gradient(#EAF4FD,#F7FBFF)}.card.r-epic .th{background:linear-gradient(#F3E8FD,#FBF7FF)}.card.r-legendary .th{background:linear-gradient(#FFF1C9,#FFFBEF)}
.card.sel{box-shadow:0 2px 0 #E4DCCB,inset 0 0 0 3px var(--ink)}
.card.eq::after{content:"✓";position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font:900 13px/22px Inter}
.price{display:inline-flex;align-items:center;gap:3px;font:800 13px Inter;margin-top:3px}
.price.no{color:#A9A39A}
.tag{font:800 11px Inter;color:var(--ink2);margin-top:3px}.tag.eqd{color:var(--green2)}.tag.crate{color:#9B51E0}
.shopbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper);padding:12px calc(16px + var(--safe-r)) calc(12px + var(--safe-b)) calc(16px + var(--safe-l));box-shadow:0 -6px 20px rgba(0,0,0,.1);transform:translateY(110%);transition:transform .25s}
.shopbar.on{transform:none}
.shopbar>span{font:800 15px Inter;display:flex;flex-direction:column}
.shopbar .rar{font:800 10px Inter;text-transform:uppercase;letter-spacing:.6px}
.fine{font-size:12px;color:var(--ink2);text-align:center;margin:14px 0 0}
.upc{grid-column:1/-1;display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 2px 0 #E4DCCB}
.upi{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#F1EADC;flex:none}
.upt{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink2)}
.upt>b{font-size:15px;color:var(--ink)}
.pips{display:flex;gap:4px;margin-top:4px}.pips i{width:18px;height:6px;border-radius:3px;background:#E4DCCB}.pips i.on{background:var(--green)}
.cratebox{grid-column:1/-1;display:flex;gap:18px;align-items:center;background:#fff;border-radius:20px;padding:16px;box-shadow:0 2px 0 #E4DCCB;flex-wrap:wrap;justify-content:center}
.crate-info{flex:1;min-width:230px;display:flex;flex-direction:column;gap:8px}
.crate-info h3{margin:0;font:400 26px Lilita}
.crate-info p{margin:0;font-size:13px;color:var(--ink2)}
.odds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.odds li{display:grid;grid-template-columns:90px 44px 1fr;font-size:13px;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:#F7F3EA}
.odds li span{font-weight:800}.odds em{font-style:normal;color:var(--ink2);font-size:11px;text-align:right}
.odds .r-common span{color:#7C8A99}.odds .r-rare span{color:#2F8FD8}.odds .r-epic span{color:#9B51E0}.odds .r-legendary span{color:#D08A00}
.crate-art{width:110px;height:100px;position:relative;flex:none}
.crate-art .box{position:absolute;left:8%;right:8%;bottom:0;height:62%;border-radius:10px;background:repeating-linear-gradient(90deg,#C98A4A 0 14px,#B9783B 14px 16px);box-shadow:inset 0 -6px 0 rgba(0,0,0,.12),0 6px 0 #8B5A2B}
.crate-art .box::after{content:"";position:absolute;left:50%;top:18%;width:34%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 40%,#F0485A 0 45%,#D9F2C6 46% 56%,#3E9B4F 57%)}
.crate-art .lid{position:absolute;left:2%;right:2%;top:22%;height:20%;border-radius:8px;background:#D99A58;box-shadow:0 4px 0 #8B5A2B;transform-origin:10% 100%;transition:transform .5s cubic-bezier(.2,1.6,.4,1)}

/* settings */
.sets{display:flex;flex-direction:column;gap:8px;max-width:560px}
.sw,.rng{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:16px;padding:12px 16px;font:700 15px Inter;cursor:pointer;box-shadow:0 2px 0 #E4DCCB}
.sw input{position:absolute;opacity:0;pointer-events:none}
.sw i{width:50px;height:30px;border-radius:999px;background:#D9D2C4;position:relative;transition:background .2s;flex:none}
.sw i::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}
.sw input:checked+i{background:var(--green)}.sw input:checked+i::after{transform:translateX(20px)}
.sw input:focus-visible+i{outline:3px solid #2F8FD8;outline-offset:2px}
.rng input{width:50%;accent-color:var(--green);touch-action:pan-x}
.howto{background:#fff;border-radius:16px;padding:4px 16px 8px;font-size:13px;line-height:1.5;color:var(--ink2);box-shadow:0 2px 0 #E4DCCB}
.howto h3{font:400 20px Lilita;color:var(--ink);margin:10px 0 2px}.howto p{margin:6px 0}
.howto b{color:var(--ink)}
/* achievements + board */
.achs,.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.achs li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 2px 0 #E4DCCB}
.achs li .tro{width:30px;height:30px;filter:grayscale(1) opacity(.45)}
.achs li.done .tro{filter:none}
.achs li.done{background:#FFFBEA}
.achs li>div{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink2)}
.achs li b{font-size:14px;color:var(--ink)}
.achs em{font:800 11px/1.5 Inter;font-style:normal;color:var(--ink2);text-align:right;white-space:nowrap}
.bar{height:6px;border-radius:3px;background:#EFE8DA;overflow:hidden;margin-top:4px}.bar i{display:block;height:100%;background:var(--green);border-radius:3px}
.note{background:#EAF4FD;color:#245A86;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:600;margin:0 0 12px}
.board li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 2px 0 #E4DCCB}
.board li .rk{font:400 20px Lilita;color:var(--ink2);text-align:center}
.board li:nth-child(1) .rk{color:#D08A00}.board li:nth-child(2) .rk{color:#7C8A99}.board li:nth-child(3) .rk{color:#B5662B}
.board .bn{font-weight:800;display:flex;flex-direction:column}.board small{font-weight:600;color:var(--ink2);font-size:11px}
.board li>b{font:400 22px Lilita;display:inline-flex;align-items:center;gap:4px}
.board li.empty{display:block;text-align:center;color:var(--ink2);font-size:14px;padding:22px}
.namef{display:flex;flex-direction:column;gap:6px;margin:14px 0;font:700 13px Inter;color:var(--ink2)}
.namef input{border:2px solid var(--line);border-radius:12px;padding:11px 12px;font:700 16px Inter;background:#fff;color:var(--ink);-webkit-user-select:text;user-select:text}
#boardShare{width:100%}

/* crate modal */
.crate-modal{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:rgba(15,20,35,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.crate-modal.on{opacity:1;visibility:visible;transition:opacity .25s}
.cr-in{display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;text-align:center;padding:20px}
.cr-in h2{margin:0;font:400 34px Lilita}
.cr-stage{width:300px;height:260px;position:relative;display:grid;place-items:center}
.crate-art.big{width:170px;height:150px;transition:transform .3s,opacity .3s}
.crate-modal[data-stage="1"] .crate-art.big{animation:shk .35s}.crate-modal[data-stage="2"] .crate-art.big{animation:shk .35s;transform:scale(1.06)}.crate-modal[data-stage="3"] .crate-art.big{animation:shk .35s;transform:scale(1.12)}
@keyframes shk{20%{rotate:-7deg}40%{rotate:6deg}60%{rotate:-5deg}80%{rotate:3deg}}
.crate-modal[data-stage=open] .crate-art.big{transform:scale(.7) translateY(60px);opacity:0}
.crate-modal[data-stage=open] .lid{transform:rotate(-70deg) translateY(-20px)}
.rays{position:absolute;inset:-40px;border-radius:50%;opacity:0;transition:opacity .4s;background:repeating-conic-gradient(from 0deg,var(--rc,#fff) 0 10deg,transparent 10deg 24deg);-webkit-mask:radial-gradient(circle,#000 10%,transparent 68%);mask:radial-gradient(circle,#000 10%,transparent 68%);animation:spin 12s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.crate-modal[data-stage=open] .rays{opacity:.55}
.crate-modal.r-rare{--rc:#5AB4FF}.crate-modal.r-epic{--rc:#C08BFF}.crate-modal.r-legendary{--rc:#FFD23F}.crate-modal.r-common{--rc:#D8E0E8}
.cr-card{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.crc{background:#fff;color:var(--ink);border-radius:22px;padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 0 0 4px var(--rc,#fff),0 20px 50px rgba(0,0,0,.4);animation:cardin .55s cubic-bezier(.2,1.6,.4,1) both;position:relative;min-width:180px}
@keyframes cardin{from{transform:scale(.2) rotate(-12deg);opacity:0}}
.crc .th{border-radius:14px;overflow:hidden;background:#F4F8F6;display:block}
.crc b{font:400 24px Lilita}
.crc .rar{font:800 12px Inter;text-transform:uppercase;letter-spacing:.8px;color:var(--rc)}
.r-common .crc .rar{color:#7C8A99}.r-legendary .crc .rar{color:#D08A00}.r-rare .crc .rar{color:#2F8FD8}.r-epic .crc .rar{color:#9B51E0}
.crc .new{position:absolute;top:-10px;right:-10px;background:var(--red);color:#fff;font:400 15px Lilita;padding:4px 10px;border-radius:10px;transform:rotate(8deg)}
.crc .dupe{font:400 30px Lilita;color:var(--green2);display:inline-flex;align-items:center;gap:6px}
.cr-btns{display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity .3s .2s}
.cr-btns.on{opacity:1;pointer-events:auto}

/* toasts + confetti */
.toasts{position:absolute;left:50%;top:calc(64px + var(--safe-t));transform:translateX(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:max-content;max-width:92vw}
.toast{background:rgba(31,42,51,.92);color:#fff;border-radius:14px;padding:9px 14px;font:600 14px/1.3 Inter;box-shadow:0 6px 18px rgba(0,0,0,.2);opacity:0;transform:translateY(-10px) scale(.96);transition:.3s cubic-bezier(.2,1.4,.4,1);display:flex;align-items:center;gap:6px;text-align:center}
.toast.in{opacity:1;transform:none}
.toast.ach{background:linear-gradient(135deg,#FFF4CF,#FFE29A);color:#3A2A00}
.confetti{position:absolute;inset:0;pointer-events:none;z-index:35;overflow:hidden}
.confetti i{position:absolute;top:-20px;width:10px;height:14px;border-radius:2px;opacity:0}
.confetti.go i{animation:conf 1.4s ease-in forwards}
.confetti i:nth-child(3n){background:#F0485A}.confetti i:nth-child(3n+1){background:#3E9B4F}.confetti i:nth-child(3n+2){background:#FFD23F}
.confetti i:nth-child(1){left:8%;animation-delay:0s}.confetti i:nth-child(2){left:16%;animation-delay:.1s}.confetti i:nth-child(3){left:25%;animation-delay:.05s}.confetti i:nth-child(4){left:33%;animation-delay:.2s}.confetti i:nth-child(5){left:42%;animation-delay:.12s}.confetti i:nth-child(6){left:50%;animation-delay:.02s}.confetti i:nth-child(7){left:58%;animation-delay:.18s}.confetti i:nth-child(8){left:66%;animation-delay:.08s}.confetti i:nth-child(9){left:74%;animation-delay:.22s}.confetti i:nth-child(10){left:82%;animation-delay:.04s}.confetti i:nth-child(11){left:90%;animation-delay:.15s}.confetti i:nth-child(12){left:96%;animation-delay:.09s}
@keyframes conf{0%{opacity:1;transform:translateY(0) rotate(0)}100%{opacity:0;transform:translateY(105vh) rotate(720deg)}}

/* compact layouts */
@media (max-height:560px) and (orientation:landscape){
 .title{flex-direction:row;flex-wrap:wrap;align-content:space-between}
 .topbar{width:100%}
 .t-top{flex:1;text-align:left;align-self:center;padding-left:4%}
 .logo{font-size:clamp(44px,9vh,72px)}
 .tagline{margin-left:0;font-size:13px;max-width:18em}
 .t-act{width:min(390px,52%);margin:0;gap:7px}
 .btn.play{min-height:58px;font-size:28px}
 .mode{min-height:58px;padding:7px 10px}.mode b{font-size:18px}
 .menu button{padding:6px 4px}.ico{width:22px;height:22px}
 .card-m{padding:14px 16px 12px;gap:6px}.card-m h2{font-size:28px}
 .big-score b{font-size:44px}
 .over{width:min(560px,100%);display:grid;grid-template-columns:1fr 1fr;text-align:center;column-gap:14px}
 .over>*{grid-column:1/-1}
 .over .orows,.over .oach{grid-column:2;grid-row:2/7;align-self:start}
 .over>h2,.over>#oMode,.over>.big-score,.over>.rank{grid-column:1}
 .preview{height:120px}
}
@media (max-width:380px){.menu button{font-size:11px}.mode b{font-size:18px}.btn.play{font-size:30px}}
.pr-embed .back{display:none}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}
html.rm *{animation:none!important}

/* ===== v4 ===== */
.pw-hop i{background-color:#2FAE8F;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l5 6h-3v4h-4V9H7z' fill='%23fff'/%3E%3Cpath d='M6 15c2 0 2 2 4 2s2-2 4-2 2 2 4 2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M6 20c2 0 2 2 4 2s2-2 4-2 2 2 4 2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.pw-rain i{background-color:#4A7FD6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12a4 4 0 0 1 1-7.8A5 5 0 0 1 17 5a3.5 3.5 0 0 1 1 7z' fill='%23fff'/%3E%3Cpath d='M6 15c0 3 2 5 3.5 5s3.5-2 3.5-5z' fill='%23FF8A9A'/%3E%3Cpath d='M13 16c0 2.5 1.6 4 3 4s3-1.5 3-4z' fill='%23FF8A9A'/%3E%3C/svg%3E")}
.ico-stats{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='4' y='4' width='24' height='24' rx='6' fill='%23FFF0D6'/%3E%3Cpath d='M8 22l5-6 4 3 7-9' fill='none' stroke='%23F0485A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='10' r='2.6' fill='%233E9B4F'/%3E%3C/svg%3E")}
/* combo badge */
.combo{--f:1;position:absolute;left:max(14px,var(--safe-l,0px));top:calc(118px + var(--safe-t));display:flex;flex-direction:column;align-items:center;background:rgba(255,253,248,.92);border-radius:16px;padding:5px 12px 7px;box-shadow:0 3px 10px rgba(0,0,0,.15);opacity:0;transform:scale(.7);transition:opacity .2s,transform .25s cubic-bezier(.2,1.6,.4,1);pointer-events:none;min-width:64px}
.combo.on{opacity:1;transform:none}
.combo b{font:400 26px/1 Lilita;color:var(--green2)}
.combo.hot b{color:var(--red);animation:pulse .6s ease-in-out infinite alternate}
.combo span{font:800 10px Inter;color:var(--ink2);text-transform:uppercase;letter-spacing:.5px}
.combo i{display:block;height:4px;width:100%;margin-top:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold) calc(var(--f)*100%),rgba(0,0,0,.1) 0)}
@keyframes pulse{to{transform:scale(1.12)}}
/* event / zone banner */
.evb{position:absolute;left:50%;top:28%;transform:translate(-50%,-10px) scale(.9);z-index:30;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1);width:max-content;max-width:92vw}
.evb.on{opacity:1;transform:translate(-50%,0)}
.evb b{display:block;font:400 clamp(30px,6vw,52px)/1 Lilita;color:#fff;-webkit-text-stroke:2px rgba(31,42,51,.55);text-shadow:0 4px 0 rgba(31,42,51,.35)}
.evb span{display:inline-block;margin-top:6px;font:800 14px Inter;color:var(--ink);background:rgba(255,253,248,.92);padding:5px 12px;border-radius:999px}
.evb.ev b{color:#FFD23F}.evb.win b{color:#9BF0A6}.evb.zone b{color:#fff}
/* title level chip + missions */
.lvchip{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:rgba(255,253,248,.92);border-radius:999px;padding:5px 12px 5px 6px;font:800 12px Inter;color:var(--ink);box-shadow:0 2px 0 #D9D2C4;cursor:pointer}
.lv-n{background:var(--red);color:#fff;border-radius:999px;padding:2px 9px;font:400 15px/1.2 Lilita}
.lv-bar{width:90px;height:8px;border-radius:4px;background:#EADFCB;overflow:hidden;display:inline-block}
.lv-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#FFD23F);border-radius:4px}
.lv-x{font:700 11px Inter;color:var(--ink2);font-variant-numeric:tabular-nums}
.tquests{background:rgba(255,253,248,.92);border-radius:16px;padding:7px 12px 8px;box-shadow:0 3px 0 #D9D2C4;cursor:pointer;text-align:left}
.tquests h3,#achQuests h3,.setinfo h3{margin:0 0 4px;font:400 16px Lilita;color:var(--ink)}
.qs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.qs li{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;font-size:12px}
.qs li b{font:700 12px/1.25 Inter;color:var(--ink)}
.qs .qc{width:14px;height:14px;border-radius:50%;border:2px solid #CFC5B2}
.qs li.done .qc{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 2px #fff}
.qs li.done b{color:var(--green2)}
.qs .bar{height:4px;border-radius:2px;background:#EADFCB;margin-top:2px;overflow:hidden}
.qs .bar i{display:block;height:100%;background:var(--green)}
.qs em{font:800 11px Inter;font-style:normal;color:var(--ink2);white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.qs .mi{width:13px;height:13px}
#achQuests{background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 2px 0 #E4DCCB;margin-bottom:12px}
#achQuests h3:last-child{margin:10px 0 0}
#achQuests .qs{margin-bottom:6px}
.lvbox{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px}
.lvbox .lv-bar{width:100%;height:10px}
.lvbox{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.lvbox .fine{grid-column:1/-1;margin:0}
/* over card extras */
.oxp{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:#FFF6DA;border-radius:14px;padding:7px 12px;text-align:left}
.oxp:empty{display:none}
.oxp .xpgain{grid-column:1/-1;font:800 13px Inter;color:#8A6400}
.oxp .lv-bar{width:100%}
.oxp .lvup{grid-column:1/-1;font:700 12px Inter;color:var(--green2);animation:pop2 .5s both}
.oextra{margin:0;font:700 12px Inter;color:var(--ink2)}
.mookline{margin:4px 0 0;font:700 13px Inter;color:#7A4E8A;display:flex;align-items:center;justify-content:center;gap:6px}
.mookline .mk{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 40%,#9AA3AE,#6F7884);box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
#oQuests .qs{background:#F4EEE2;border-radius:14px;padding:7px 12px;text-align:left}
#oQuests:empty,#oMook:empty{display:none}
.free-cta{display:none}.free-cta.on{display:block}
.card-cta{display:flex;align-items:center;justify-content:center;gap:6px}.card-cta svg{width:18px;height:18px}
.btn.big.free{margin-top:8px;background:var(--green)}
.tag.lvl{background:#FFE7A3;color:#7A5600}
/* sets */
.setinfo{margin-top:14px}
.setinfo ul{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.setinfo li{background:#fff;border-radius:14px;padding:8px 12px;box-shadow:0 2px 0 #E4DCCB;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink2)}
.setinfo li b{color:var(--ink);font-size:13px}.setinfo li small{color:var(--ink2);font-weight:700}
.setinfo li em{font-style:normal;font-weight:700;color:var(--green2)}
.setinfo li.on{background:#EAF8E6;box-shadow:0 0 0 2px var(--green)}
/* stats */
.statsg{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.statsg div{background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 2px 0 #E4DCCB;display:flex;flex-direction:column;gap:2px}
.statsg b{font:400 22px/1.1 Lilita;color:var(--ink);overflow-wrap:anywhere}
.statsg span{font:700 11px Inter;color:var(--ink2);text-transform:uppercase;letter-spacing:.4px}
/* share card */
.share-m{width:min(640px,100%)}
.share-m img{width:100%;height:auto;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.15);background:#EEE}
.share-m .obtns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#sShare{z-index:45}
@media (max-width:420px){.menu{gap:5px}.menu button{font-size:11px;padding:8px 2px 7px}.lv-bar{width:70px}.combo{top:calc(112px + var(--safe-t))}}
@media (max-height:560px) and (orientation:landscape){.tquests{display:none}.lvchip{margin-top:4px}.evb{top:20%}}
.ach-mini.more{justify-content:center;color:var(--ink2);cursor:pointer}
@media (max-height:560px) and (orientation:landscape){.combo{top:calc(98px + var(--safe-t))}}
.hud .sub{white-space:nowrap}
@media (max-width:520px){.combo{top:calc(126px + var(--safe-t))}}
/* ---- title v4.1: logo lockup, hero Ploy, premium play button ---- */
.logo{display:block;margin:0 auto;font-size:0;line-height:0;transform:none;animation:logoin .8s cubic-bezier(.2,1.5,.4,1) both;width:min(500px,74vw);aspect-ratio:1000/560}
.logo canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 18px rgba(20,40,60,.18))}
.logo-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@keyframes logoin{0%{transform:scale(.6) translateY(-30px);opacity:0}100%{transform:none;opacity:1}}
.logo{animation:logoin .8s cubic-bezier(.2,1.5,.4,1) both,logobob 4s 1s ease-in-out infinite}
@keyframes logobob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.tagline{margin-top:6px}
.t-hero{position:absolute;z-index:1;pointer-events:none;width:min(330px,calc(50vw - 250px));aspect-ratio:120/92;right:calc(50% + 240px);bottom:calc(100% - var(--gy,78vh) - 10px)}
.no-hero .t-hero{display:none}
.title>.topbar,.title>.t-top,.title>.t-act{position:relative;z-index:2}
.btn.play{position:relative;overflow:hidden;min-height:84px;font-size:38px;border-radius:26px;letter-spacing:1px;background:linear-gradient(180deg,#FF7A88 0%,#F0485A 48%,#E0314A 100%);box-shadow:inset 0 3px 0 rgba(255,255,255,.35),inset 0 -5px 0 rgba(150,20,40,.25),0 7px 0 #A8203A,0 16px 34px rgba(214,50,74,.38);border:3px solid #1F2A33;text-shadow:0 3px 0 rgba(140,20,40,.45);justify-content:center}
.btn.play .play-ic{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;box-shadow:0 3px 0 rgba(140,20,40,.35);flex:none}
.btn.play .play-ic svg{width:30px;height:30px;margin-left:3px}
.btn.play small{text-shadow:none;font-size:13px}
.btn.play .shine{position:absolute;top:-20%;bottom:-20%;width:60px;left:-90px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:shine 3.6s 1.2s ease-in-out infinite;pointer-events:none}
@keyframes shine{0%{left:-90px}35%,100%{left:calc(100% + 90px)}}
.btn.play:hover{filter:brightness(1.05)}
.btn.play:active{transform:translateY(4px);box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 3px 0 #A8203A,0 8px 18px rgba(214,50,74,.3)}
.mode{flex-direction:row;align-items:center;gap:10px;border:3px solid rgba(31,42,51,.9);box-shadow:inset 0 2px 0 rgba(255,255,255,.28),0 5px 0 rgba(0,0,0,.22),0 10px 18px rgba(0,0,0,.12)}
.mode .mic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none}
.mode .mic svg{width:28px;height:28px}
.mode .mtx{display:flex;flex-direction:column;gap:1px;min-width:0}
.mode small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mode.daily{background:linear-gradient(160deg,#55B8F0,#2C6FD1)}
.mode.rush{background:linear-gradient(160deg,#5CC46E,#2E7D3E)}
.soon{margin:0 auto;display:inline-flex;align-self:center;align-items:center;gap:7px;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(31,42,51,.82);color:#fff;font:600 12px/1.2 Inter;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.soon svg{width:18px;height:18px;flex:none;color:#FFD84D}
.soon b{font-weight:800}
@media (max-width:760px),(max-aspect-ratio:3/4){
 .t-hero{position:relative;right:auto;top:auto;display:block;margin:-6px auto -4px;width:min(200px,48vw)}
 .title{justify-content:flex-start;gap:6px}
 .t-act{margin-top:auto}
 .tagline{display:none}
 .logo{width:min(330px,78vw)}
 .btn.play{min-height:74px;font-size:34px}
 .btn.play .play-ic{width:44px;height:44px}
}
@media (max-height:700px) and (max-width:760px){.t-hero{width:min(150px,40vw)}.tquests{display:none}}
@media (max-height:560px) and (orientation:landscape){.t-hero{display:none}.logo{width:min(340px,42vw);margin:0}.soon{display:none}}
.modes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mode{min-width:0}
@media (min-width:761px) and (max-height:900px){.tagline{display:none}}
@media (min-width:761px) and (max-height:820px){.tquests{display:none}.logo{width:min(440px,60vh)}}
@media (max-width:760px),(max-aspect-ratio:3/4){.t-hero{width:min(170px,44vw)}.mode{min-height:64px;padding:8px 10px}.mode .mic{width:34px;height:34px}.mode .mic svg{width:24px;height:24px}.mode b{font-size:19px}}
@media (max-width:760px),(max-aspect-ratio:3/4){
 .t-hero{bottom:auto;margin:2px auto 0}
 .title{gap:2px}.t-act{gap:8px}.lvchip{margin-top:2px}
 .mode .mt{font-size:10px;letter-spacing:.5px;white-space:nowrap}
 .tquests h3{display:none}.tquests{padding:6px 12px}
 .soon{font-size:11px;padding:5px 12px 5px 9px}
}
@media (max-width:760px) and (max-height:760px){.tquests .q:nth-child(n+2){display:none}}

/* ================= v5 UI polish: glass surfaces, press feedback, motion ================= */
:root{--glass:rgba(255,253,248,.78);--glass-b:rgba(255,255,255,.75);--glass-sh:0 1px 0 rgba(255,255,255,.9) inset,0 -1px 0 rgba(31,42,51,.06) inset,0 10px 30px rgba(20,40,50,.16),0 2px 6px rgba(20,40,50,.1);--ease-o:cubic-bezier(.2,1.25,.35,1)}
.chip,.ib,.menu button,.hint{background:var(--glass);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);border:1px solid var(--glass-b);box-shadow:var(--glass-sh)}
.q-low .chip,.q-low .ib,.q-low .menu button,.q-low .hint,.q-low .card-m{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,253,248,.95)}
.ib:active,.chip:active{transform:scale(.92)}
.btn{position:relative;overflow:hidden;background:linear-gradient(180deg,#FF7486 0%,#F74A5E 55%,#E83A50 100%);box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 4px 0 var(--red2),0 10px 22px rgba(214,50,74,.3);transition:transform .12s var(--ease-o),box-shadow .12s,filter .15s;text-shadow:0 1px 0 rgba(150,20,40,.35)}
.btn::after{content:"";position:absolute;left:8%;right:8%;top:3px;height:42%;border-radius:12px 12px 40% 40%;background:linear-gradient(rgba(255,255,255,.38),rgba(255,255,255,0));pointer-events:none}
.btn:hover:not(:disabled){filter:brightness(1.05)}
.btn:active:not(:disabled){transform:translateY(3px) scale(.97);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 1px 0 var(--red2),0 3px 8px rgba(214,50,74,.25)}
.btn.ghost{background:linear-gradient(#FFFFFF,#F6F1E8);text-shadow:none;box-shadow:0 1px 0 #fff inset,0 4px 0 #D9D2C4,0 8px 16px rgba(0,0,0,.08)}
.btn.ghost::after{opacity:.5}
.mode{position:relative;overflow:hidden;transition:transform .12s var(--ease-o),filter .15s}
.mode::after{content:"";position:absolute;inset:0 0 55% 0;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,0));pointer-events:none;border-radius:inherit}
.mode:active,.menu button:active{transform:translateY(2px) scale(.96)}
.menu button{transition:transform .12s var(--ease-o)}
.card-m{background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(255,250,240,.93));-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 0 #fff inset,0 24px 60px rgba(10,30,40,.28),0 4px 12px rgba(10,30,40,.12);transform:translateY(24px) scale(.94);opacity:0;transition:transform .45s var(--ease-o),opacity .25s}
.modal.on .card-m{opacity:1}
.modal{background:radial-gradient(120% 90% at 50% 40%,rgba(20,32,40,.25),rgba(10,18,26,.55));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.scr.title .t-top,.scr.title .t-act{transition:transform .5s var(--ease-o),opacity .35s}
.scr.title:not(.on) .t-top{transform:translateY(-14px);opacity:0}
.scr.title:not(.on) .t-act{transform:translateY(18px);opacity:0}
.sheet{transform:translateY(22px)}
.sheet.on{transform:none}
.sh-h{background:rgba(255,253,248,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.big-score b{background:linear-gradient(180deg,#FF6A7C,#E2344B);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 0 #F7C6CC);display:inline-block}
.big-score b.cnt-pop{animation:cntpop .45s var(--ease-o)}
@keyframes cntpop{0%{transform:scale(1)}40%{transform:scale(1.16)}100%{transform:scale(1)}}
.modal.on .orow{animation:rowin .4s var(--ease-o) both}
.modal.on .orow:nth-child(1){animation-delay:.18s}.modal.on .orow:nth-child(2){animation-delay:.26s}.modal.on .orow:nth-child(3){animation-delay:.34s}.modal.on .orow:nth-child(4){animation-delay:.42s}.modal.on .orow:nth-child(5){animation-delay:.5s}.modal.on .orow:nth-child(n+6){animation-delay:.58s}
@keyframes rowin{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.hud .score{text-shadow:0 2px 0 rgba(20,30,40,.4),0 4px 14px rgba(0,0,0,.25)}
.pw{box-shadow:0 0 0 2px rgba(255,255,255,.5),0 4px 12px rgba(0,0,0,.2)}
.sw,.rng,.seg-row{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 #fff inset,0 2px 0 #E4DCCB,0 6px 14px rgba(0,0,0,.04)}
.seg-row{display:flex;justify-content:space-between;align-items:center;border-radius:16px;padding:9px 10px 9px 16px;font:700 15px Inter}
.seg{display:inline-flex;background:#EFE9DE;border-radius:12px;padding:3px;gap:2px}
.seg button{font:800 13px Inter;padding:7px 12px;border-radius:10px;color:var(--ink2);transition:background .2s,color .2s,transform .12s var(--ease-o)}
.seg button:active{transform:scale(.94)}
.seg button[aria-checked=true]{background:#fff;color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.1)}
@media (prefers-reduced-motion:reduce){.card-m,.sheet,.scr.title .t-top,.scr.title .t-act{transition:opacity .2s}.modal.on .orow{animation:none}}

/* ===== v6 ===== */
.t6row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px;pointer-events:auto}
.t6b{position:relative;display:flex;align-items:center;gap:7px;background:rgba(255,253,248,.92);border:0;border-radius:16px;padding:6px 12px 6px 6px;box-shadow:0 3px 0 rgba(0,0,0,.08),0 6px 14px rgba(0,0,0,.08);cursor:pointer;font:800 13px Inter;color:var(--ink);text-align:left}
.t6b span{display:flex;flex-direction:column;line-height:1.1}.t6b small{font:700 11px Inter;color:var(--ink2)}
.t6b:hover{transform:translateY(-1px)}.t6b:active{transform:translateY(1px)}
#tLoginDot{position:absolute;top:3px;right:4px;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #fff;display:none}#tLoginDot.on{display:block;animation:pulse6 1.4s infinite}
@keyframes pulse6{50%{transform:scale(1.3)}}
.i6{width:30px;height:30px;border-radius:10px;display:inline-block;flex:none;background:#FFE7B3 center/72% no-repeat}
.i6-pass{background-color:#FFE29A;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.5 7 .8-5.2 4.8 1.4 7L12 17.6 5.8 21l1.4-7L2 9.3l7-.8z' fill='%23E0A21A' stroke='%238A5A00' stroke-width='1.2'/%3E%3C/svg%3E")}
.i6-gift{background-color:#FFD6DC;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='9' width='18' height='12' rx='2' fill='%23F0485A'/%3E%3Crect x='2' y='7' width='20' height='4' rx='1.5' fill='%23D6324A'/%3E%3Cpath d='M11 7h2v14h-2z' fill='%23FFD84D'/%3E%3Cpath d='M12 7C9 2 5 5 8 7m4 0c3-5 7-2 4 0' fill='none' stroke='%23FFD84D' stroke-width='2'/%3E%3C/svg%3E")}
.i6-tasks{background-color:#D8F0DC;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='3' fill='%23fff' stroke='%232E7D3E' stroke-width='1.6'/%3E%3Cpath d='M7 8l1.5 1.5L11 7M7 13l1.5 1.5L11 12M13 8h4M13 13h4M7 18h10' fill='none' stroke='%232E7D3E' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.i6-card{background-color:#DCEBFA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='5' width='20' height='14' rx='3' fill='%23fff' stroke='%232F8FD8' stroke-width='1.6'/%3E%3Ccircle cx='8' cy='12' r='3' fill='%239AA5B1'/%3E%3Cpath d='M13 10h6M13 14h4' stroke='%232F8FD8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.i6-board{background-color:#7ED957;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 13c2 3 18 3 20 0l-1-2H3z' fill='%23E8475A' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M3 11h18' stroke='%232E7D3E' stroke-width='2'/%3E%3Ccircle cx='7' cy='17' r='1.6' fill='%23fff'/%3E%3Ccircle cx='17' cy='17' r='1.6' fill='%23fff'/%3E%3C/svg%3E")}
.i6-jump{background-color:#DCEBFA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l6 7h-4v8h-4v-8H6z' fill='%232F8FD8'/%3E%3C/svg%3E")}
.i6-slide{background-color:#FFE7B3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20l6-7h-4V5h-4v8H6z' fill='%23C97A00'/%3E%3C/svg%3E")}
.i6-melon{background-color:#D8F0DC;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9a9 9 0 0 0 18 0z' fill='%233E9B4F'/%3E%3Cpath d='M5 9a7 7 0 0 0 14 0z' fill='%23F0485A'/%3E%3Ccircle cx='9' cy='12' r='.9'/%3E%3Ccircle cx='14' cy='13' r='.9'/%3E%3C/svg%3E")}
.i6-hug{background-color:#FFD6DC;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6-8 11-8 11z' fill='%23F0485A'/%3E%3C/svg%3E")}
.i6-box,.i6-crate{background-color:#EDE1FF;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='8' width='18' height='13' rx='2' fill='%238A5CD6'/%3E%3Crect x='2' y='5' width='20' height='5' rx='1.5' fill='%23A77CF0'/%3E%3Ctext x='12' y='19' font-size='9' text-anchor='middle' fill='%23fff' font-family='Arial' font-weight='900'%3E%3F%3C/text%3E%3C/svg%3E")}
.i6-mel{background-color:#D8F0DC}.i6-item{background-color:#FFE29A}
/* modal */
.m6{position:absolute;inset:0;z-index:38;display:grid;place-items:center;background:rgba(15,20,35,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s;padding:calc(10px + var(--safe-t,0px)) 10px 10px}
.m6.on{opacity:1;visibility:visible;transition:opacity .2s}
.m6-in{position:relative;width:min(560px,100%);max-height:calc(100% - 8px);display:flex;flex-direction:column;background:var(--cream);border-radius:26px;box-shadow:0 24px 60px rgba(0,0,0,.35);transform:translateY(14px) scale(.98);transition:transform .22s}
.m6.on .m6-in{transform:none}
.m6-in h2{margin:0;padding:18px 56px 6px 20px;font:400 28px/1.05 Lilita;color:var(--ink)}
.m6-x{position:absolute;top:10px;right:10px}
.m6-b{overflow:auto;padding:4px 20px 20px;overscroll-behavior:contain}
.m6-hc .m6-in{width:min(760px,100%)}
.m6-pass .m6-in{width:min(600px,100%)}
/* revive */
.rev6{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
#revArt{width:min(260px,70vw);height:auto;border-radius:18px;background:linear-gradient(#CDEFF7,#F4FBF6)}
.rev-ring{--p:1;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) calc(var(--p)*360deg),#E9E1D2 0);font:400 32px Lilita;color:var(--ink);position:relative}
.rev-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--cream)}.rev-ring b{position:relative;font-weight:400}
/* board button */
.boardbtn{position:absolute;right:calc(14px + var(--safe-r,0px));bottom:calc(22px + var(--safe-b,0px));z-index:9;display:none;align-items:center;gap:6px;border:0;border-radius:20px;padding:8px 14px 8px 8px;background:rgba(255,253,248,.94);box-shadow:0 4px 0 rgba(0,0,0,.12),0 8px 20px rgba(0,0,0,.15);font:800 14px Inter;color:var(--ink);cursor:pointer;touch-action:none;animation:pop6 .3s}
.boardbtn.on{display:flex}.boardbtn b{margin-left:5px;background:var(--ink);color:#fff;border-radius:999px;padding:1px 7px;font-size:12px}
html.lefty .boardbtn{right:auto;left:calc(14px + var(--safe-l,0px))}
@keyframes pop6{from{transform:scale(.6);opacity:0}}
.pw-balloon i{background-color:#F07AA8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='9' rx='6' ry='7' fill='%23fff'/%3E%3Cpath d='M12 16v6' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E")}
.pw-board i{background-color:#3E9B4F;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12c2 3 18 3 20 0l-1-2H3z' fill='%23fff'/%3E%3C/svg%3E")}
/* shop extras */
.shopdesc{display:none;margin:0 14px 6px;padding:8px 12px;border-radius:14px;background:#fff;font:600 13px/1.35 Inter;color:var(--ink2);box-shadow:0 2px 0 #E4DCCB}.shopdesc.on{display:block}.shopdesc p{margin:4px 0 0}
.tag{display:inline-block;border-radius:999px;padding:2px 9px;font:800 11px Inter;letter-spacing:.2px;vertical-align:middle}
.tag.fh{background:linear-gradient(#FFE38A,#E8B12A);color:#4A3000;box-shadow:inset 0 0 0 1.5px #A87400}
.tag.pass{background:#FFE29A;color:#6A4A00}
.tabs .tab-herd{color:#B0263C}.tabs .tab-herd.on{background:#B0263C;color:#fff}
.hs-badge{display:inline-flex;align-items:center;margin-left:6px;border-radius:999px;padding:2px 9px;font:900 10px Inter;letter-spacing:.4px;text-transform:uppercase;background:linear-gradient(#FFE38A,#E0A21A);color:#5A3A00;box-shadow:inset 0 0 0 1.5px #8A5A00}
.hs-badge::before{content:"♥";margin-right:4px}.hs-badge.big{font-size:13px;padding:6px 12px}
.boost-intro{grid-column:1/-1;margin:0}
.upc.boost{flex-wrap:wrap}.upc .have{font:700 11px Inter;color:var(--green2);margin-left:6px}
.bi-hug i{background-color:#F0485A!important}.bi-board i{background-color:#3E9B4F!important}.bi-box i{background-color:#8A5CD6!important}
.boxodds{grid-column:1/-1;background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 2px 0 #E4DCCB}
.boxodds h3{margin:0 0 6px;font:400 18px Lilita}.boxodds ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.boxodds li{display:grid;grid-template-columns:76px 44px 1fr;gap:6px;font:600 13px Inter;align-items:center}.boxodds li b{color:var(--c)}.boxodds li em{font-style:normal;color:var(--ink2)}
/* mystery box */
.box6{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0;--c:#C98A4B}
.bx6{position:relative;width:130px;height:120px}
.bx6 .body{position:absolute;left:10px;right:10px;bottom:0;height:78px;border-radius:12px;background:linear-gradient(#A77CF0,#7448C4);box-shadow:inset 0 -6px 0 rgba(0,0,0,.15)}
.bx6 .lid{position:absolute;left:0;right:0;top:20px;height:30px;border-radius:10px;background:linear-gradient(#C3A2FF,#8A5CD6);z-index:2;transition:transform .35s cubic-bezier(.3,1.6,.6,1)}
.bx6 .glow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(var(--c),transparent 65%);opacity:0;transition:opacity .4s}
.box6[data-s="1"] .bx6{animation:shk6 .3s}.box6[data-s="2"] .bx6{animation:shk6 .3s}.box6[data-s="3"] .bx6{animation:shk6 .3s}
.box6[data-s="open"] .lid{transform:translateY(-40px) rotate(-18deg)}.box6[data-s="open"] .glow{opacity:.9}
@keyframes shk6{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
.bx6-r{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.bx6-r .tier{font:400 34px Lilita;text-shadow:0 2px 0 rgba(0,0,0,.15)}.bx6-r p{margin:0;font:700 16px Inter}
.bx6-th canvas{border-radius:12px;background:#fff}
/* pass */
.pass-sub{margin:0 0 8px;font:700 14px Inter;color:var(--green2)}
.pass-top{display:grid;gap:4px;background:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 2px 0 #E4DCCB;font:700 13px Inter}.pass-top b{font:400 22px Lilita}
.bar{height:10px;border-radius:999px;background:#EEE6D6;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#FFD84D,#F2B705);border-radius:inherit}
.ptrack{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px}
.pt{display:grid;grid-template-columns:30px 58px 1fr 22px;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:5px 8px;font:600 13px Inter;box-shadow:0 2px 0 #EDE5D5}
.pt .pn{font:400 18px Lilita;color:var(--ink2);text-align:center}.pt .pth{width:54px;height:36px;display:grid;place-items:center}.pt .ptx em{font-style:normal;font-size:11px;font-weight:800;color:var(--ink2)}
.pt.got{background:#EAF6EC}.pt.got .pc{color:var(--green);font-weight:900}.pt.next{box-shadow:inset 0 0 0 3px var(--gold)}
.pt.item.r-epic .ptx em{color:#8A5CD6}.pt.item.r-legendary .ptx em{color:#E08A00}.pt.item.r-rare .ptx em{color:#2F8FD8}
/* login */
.lgrid{list-style:none;margin:10px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ld{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border-radius:14px;padding:8px 4px;text-align:center;font:600 11px/1.2 Inter;box-shadow:0 2px 0 #E4DCCB;position:relative}
.ld b{font:800 12px Inter}.ld.big{grid-column:span 1;background:linear-gradient(#FFF4CF,#FFE29A)}
.ld.got{opacity:.55}.ld.got::after{content:"✓";position:absolute;top:4px;right:7px;color:var(--green);font-weight:900}
.ld.today{box-shadow:inset 0 0 0 3px var(--red);animation:pop6 .4s}
.li{width:34px;height:34px;border-radius:10px;background:#FFE7B3 center/72% no-repeat}
.li-mel{background-color:#D8F0DC;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9a9 9 0 0 0 18 0z' fill='%233E9B4F'/%3E%3Cpath d='M5 9a7 7 0 0 0 14 0z' fill='%23F0485A'/%3E%3C/svg%3E")}
.li-board{background-color:#7ED957}.li-hug{background-color:#FFD6DC}.li-box,.li-crate{background-color:#EDE1FF}
.lg-done{text-align:center;font:700 14px Inter;color:var(--green2)}#lgClaim{width:100%}
/* tasks */
.qs{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.q{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:9px 12px;font:600 13px Inter;box-shadow:0 2px 0 #E4DCCB}
.q b{display:block;margin-bottom:5px}.q em{font-style:normal;font:800 12px Inter;color:var(--ink2)}
.qc{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2.5px #D9D2C4}.q.done .qc{background:var(--green);box-shadow:none}.q.done .qc::after{content:"✓";color:#fff;font-weight:900;display:grid;place-items:center;height:100%;font-size:13px}
.chest{text-align:center;font:800 14px Inter}.chest.got{color:var(--green2)}
.pass-gain{margin-top:6px;font:700 13px Inter;color:#8A5A00}.lvup.pass{background:#FFF4CF}.lvup.task{background:#EAF6EC}
/* support the herd */
.herd6{grid-column:1/-1;display:grid;gap:12px;font:500 14px/1.45 Inter;color:var(--ink)}
.herd6 h3{margin:0 0 4px;font:400 26px Lilita;color:#B0263C}.herd6 h4{margin:0 0 6px;font:800 15px Inter}.herd6 p{margin:0 0 6px}
.hd-top,.hd-step,.fh-box,.fh-own,.hd-why{background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 2px 0 #E4DCCB}
.fh-box{background:linear-gradient(#FFFBEA,#FFF1C4);box-shadow:inset 0 0 0 2px #E8B12A}
.fh-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.fh-it{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border-radius:16px;padding:8px;text-align:center;font:700 12px Inter;box-shadow:inset 0 0 0 2px #F2D27A}
.fh-it .th{height:64px;display:grid;place-items:center}
.wal{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wal code,.fh-code code{flex:1;min-width:0;word-break:break-all;background:#F4EFE4;border-radius:10px;padding:8px 10px;font:700 13px/1.35 ui-monospace,Menlo,Consolas,monospace;user-select:all}
.fh-code{display:flex;margin:6px 0}.fh-code code{font-size:11px}
.safety{margin-top:8px!important;font:600 12.5px Inter;color:#8A3B00;background:#FFF2E2;border-radius:10px;padding:8px 10px}
.sigrow{display:flex;gap:8px}.sigrow input{flex:1;min-width:0;border:2px solid var(--line);border-radius:12px;padding:10px 12px;font:600 13px ui-monospace,Menlo,monospace;background:#fff}
.hd-st{min-height:18px;margin:6px 0 0!important;font:700 13px Inter}.hd-st.bad{color:var(--red2)}.hd-st.good{color:var(--green2)}
.hd-why summary{cursor:pointer;font:800 14px Inter}.hd-why p{margin-top:8px!important;color:var(--ink2)}
.fh-warn{font:700 13px Inter;color:#8A3B00}
.row2{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.fhb6 p{font:500 14px/1.45 Inter;margin:10px 0}.fhb6 #fhEquip{margin-top:8px}
/* herd card */
.hc6{display:flex;flex-direction:column;gap:10px}.hc6 img{width:100%;height:auto;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.18);background:#eee;aspect-ratio:1200/675}
.namef{display:flex;flex-direction:column;gap:4px;font:700 13px Inter;color:var(--ink2)}.namef input{border:2px solid var(--line);border-radius:12px;padding:9px 12px;font:700 15px Inter;background:#fff;color:var(--ink)}
.hc-tpl{display:flex;gap:6px}.hc-tpl button{flex:1;border:0;border-radius:12px;padding:7px;background:#fff;font:800 13px Inter;color:var(--ink2);box-shadow:0 2px 0 #E4DCCB;cursor:pointer}.hc-tpl button.on{background:var(--ink);color:#fff}
.hc-txt{margin:0;background:#fff;border-radius:12px;padding:8px 10px;font:600 13px/1.4 Inter;color:var(--ink)}
.btn.x{background:linear-gradient(#333,#000);text-decoration:none}.btn.x svg{width:18px;height:18px}
/* photo mode */
.photo6{position:absolute;left:0;right:0;bottom:calc(14px + var(--safe-b,0px));z-index:25;display:flex;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s}
.photo6.on{opacity:1;visibility:visible}.ph-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;background:rgba(255,253,248,.9);border-radius:20px;padding:8px;box-shadow:var(--sh)}
.photo6.flash::after{content:"";position:fixed;inset:0;background:#fff;pointer-events:none;animation:flash6 .35s forwards}
@keyframes flash6{from{opacity:.9}to{opacity:0}}
html.photo-on .hud,html.photo-on #hBoard,html.photo-on .evb{opacity:0!important;pointer-events:none}
html.photo-clean .photo6 .ph-bar{opacity:.25}
/* settings, save, how-to */
.set-h{margin:14px 0 2px;font:400 19px Lilita;color:var(--ink)}
.sw small{display:block;font:600 11.5px Inter;color:var(--ink2);margin-top:2px}
.sv6 textarea{width:100%;box-sizing:border-box;border:2px solid var(--line);border-radius:12px;padding:10px;font:600 11px ui-monospace,Menlo,monospace;resize:vertical;margin:8px 0;background:#fff}
.how6 ul{list-style:none;margin:6px 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.how6 li{display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:start;background:#fff;border-radius:14px;padding:9px;box-shadow:0 2px 0 #E4DCCB;font:600 12.5px/1.35 Inter;color:var(--ink2)}
.how6 li i{grid-row:span 2;width:34px;height:34px}.how6 li b{font:800 14px Inter;color:var(--ink)}.how6 #howGo{width:100%}
@media (max-width:420px){.how6 ul{grid-template-columns:1fr}.lgrid{grid-template-columns:repeat(3,1fr)}}
/* big text + colourblind */
html.bigtext .muted,html.bigtext .fine{font-size:15px!important}html.bigtext .toast{font-size:17px}html.bigtext .card,html.bigtext .sw,html.bigtext .orow,html.bigtext .q,html.bigtext .pt,html.bigtext .herd6{font-size:16px}
html.bigtext .t6b{font-size:15px}html.bigtext .t6b small{font-size:13px}html.bigtext .hint{font-size:19px}
html.cb .pw-magnet i{background-color:#D55E00}html.cb .pw-shield i{background-color:#0072B2}html.cb .pw-dbl i{background-color:#E69F00}html.cb .pw-zoom i{background-color:#56B4E9}html.cb .pw-hop i{background-color:#009E73}html.cb .pw-rain i{background-color:#0072B2}html.cb .pw-board i{background-color:#E69F00}html.cb .pw-balloon i{background-color:#CC79A7}
html.cb .pw{box-shadow:0 0 0 2px #1F2A33}html.cb .hd-st.bad{color:#B34700}html.cb .hd-st.good{color:#0060A0}
@media (max-height:560px) and (orientation:landscape){.t6row{margin-top:4px}.t6b{padding:4px 10px 4px 4px}.t6b .i6{width:24px;height:24px}}
.shopbar{visibility:hidden;transition:transform .25s,visibility 0s .25s}.shopbar.on{visibility:visible;transition:transform .25s}
.herd6 p,.herd6 .fine{text-align:left}
.t6row{flex-wrap:nowrap}@media (max-width:520px){.t6row{flex-wrap:wrap;max-width:360px;margin-left:auto;margin-right:auto}.t6b{flex:1 1 40%}}
.m6-b{min-height:0;flex:1 1 auto}
.li-board{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 13c2 3 18 3 20 0l-1-2H3z' fill='%23E8475A' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M3 11h18' stroke='%232E7D3E' stroke-width='2'/%3E%3Ccircle cx='7' cy='17' r='1.6' fill='%23fff'/%3E%3Ccircle cx='17' cy='17' r='1.6' fill='%23fff'/%3E%3C/svg%3E")}.li-hug{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6-8 11-8 11z' fill='%23F0485A'/%3E%3C/svg%3E")}.li-box,.li-crate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='8' width='18' height='13' rx='2' fill='%238A5CD6'/%3E%3Crect x='2' y='5' width='20' height='5' rx='1.5' fill='%23A77CF0'/%3E%3Ctext x='12' y='19' font-size='9' text-anchor='middle' fill='%23fff' font-family='Arial' font-weight='900'%3E%3F%3C/text%3E%3C/svg%3E")}
.bi-hug i,.bi-board i,.bi-box i{width:34px;height:34px}.bi-hug i{background-color:#FFD6DC!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6-8 11-8 11z' fill='%23F0485A'/%3E%3C/svg%3E")}.bi-board i{background-color:#7ED957!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 13c2 3 18 3 20 0l-1-2H3z' fill='%23E8475A' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M3 11h18' stroke='%232E7D3E' stroke-width='2'/%3E%3Ccircle cx='7' cy='17' r='1.6' fill='%23fff'/%3E%3Ccircle cx='17' cy='17' r='1.6' fill='%23fff'/%3E%3C/svg%3E")}.bi-box i{background-color:#EDE1FF!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='8' width='18' height='13' rx='2' fill='%238A5CD6'/%3E%3Crect x='2' y='5' width='20' height='5' rx='1.5' fill='%23A77CF0'/%3E%3Ctext x='12' y='19' font-size='9' text-anchor='middle' fill='%23fff' font-family='Arial' font-weight='900'%3E%3F%3C/text%3E%3C/svg%3E")}
.t6b span{white-space:nowrap}
.shopbar{flex-wrap:wrap;row-gap:6px}.shopbar .shopdesc{order:-1;flex:1 0 100%;margin:0;padding:0;background:none;box-shadow:none;border-radius:0;font-size:12.5px;max-width:720px}.shopbar .shopdesc .tag{display:none}.shopbar .shopdesc p{margin:0}
/* ================= v6.1: riders, Ploy gear, goals, What's New ================= */
.bar61{display:inline-block;vertical-align:middle;width:90px;height:8px;border-radius:99px;background:rgba(43,47,58,.14);overflow:hidden;margin:0 6px}.bar61 i{display:block;height:100%;background:linear-gradient(90deg,#7ED957,#3E9B4F);border-radius:inherit;transition:width .5s var(--ease-o,ease-out)}
.t61row{display:flex;gap:8px;justify-content:center;margin-top:8px;pointer-events:auto}
.t61b{position:relative;display:flex;align-items:center;gap:7px;background:rgba(255,253,248,.95);border:0;border-radius:16px;padding:4px 12px 4px 4px;box-shadow:0 3px 0 rgba(0,0,0,.08),0 6px 14px rgba(0,0,0,.08);cursor:pointer;font:800 13px Inter;color:var(--ink);white-space:nowrap}
.t61b span{display:flex;flex-direction:column;line-height:1.1;text-align:left}.t61b small{font:700 11px Inter;color:var(--ink2)}
.t61b canvas{width:44px;height:44px;border-radius:12px;background:linear-gradient(#CDEFF7,#E8F7EC)}
.t61b .i61{font-style:normal;font-size:22px;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#FFF1D6}
.t61b.ward{background:linear-gradient(180deg,#FFFDF8,#FFF4DA);box-shadow:0 3px 0 #E9C46A,0 6px 14px rgba(0,0,0,.1)}
.t61b:hover{transform:translateY(-1px)}.t61b:active{transform:translateY(1px)}
.t61goal{display:flex;align-items:center;gap:8px;margin:8px auto 0;max-width:420px;background:rgba(43,47,58,.78);color:#fff;border-radius:14px;padding:6px 12px;font:700 13px Inter;cursor:pointer;pointer-events:auto;text-align:left}
.t61goal:empty{display:none}.t61goal i{font-style:normal;font-size:18px}.t61goal span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t61goal .bar61{width:60px;background:rgba(255,255,255,.25);margin:0}
.t61new{position:relative;display:flex;align-items:center;gap:8px;margin:8px auto 0;max-width:420px;width:100%;background:rgba(255,253,248,.9);border:0;border-radius:14px;padding:6px 12px 6px 6px;font:700 12px Inter;color:var(--ink);cursor:pointer;pointer-events:auto;text-align:left}
.t61new span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t61new em{font-style:normal;color:var(--red2)}.t61new u{text-decoration:none;color:#3E9B4F;font-weight:800}.t61new .dot{top:-3px;right:-3px}
.vchip{display:inline-block;background:var(--ink);color:#FFD84D;font:400 14px/1 Lilita;padding:5px 8px;border-radius:9px;letter-spacing:.5px}
@media (max-height:700px) and (max-width:760px){.t61goal{display:none}}
@media (min-width:761px) and (max-height:820px){.t61new{margin-top:6px}}
@media (max-height:560px) and (orientation:landscape){.t61goal,.t61new{display:none}.t61row{margin-top:4px}.t61b canvas{width:32px;height:32px}}
@media (max-width:520px){.t61new{max-width:360px}.t61goal{max-width:360px}}
html.bigtext .t61b{font-size:15px}html.bigtext .t61b small{font-size:13px}
/* HUD ghost tag */
.g61{position:absolute;top:calc(64px + var(--safe-t));left:50%;transform:translateX(-50%);font:800 12px Inter;color:#fff;background:rgba(43,47,58,.55);padding:3px 10px;border-radius:99px;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .3s}
.g61.on{opacity:1}.g61.ahead{background:rgba(62,155,79,.8)}.g61.behind{background:rgba(240,72,90,.72)}
/* game over */
.o61{display:flex;flex-direction:column;gap:5px;margin:6px 0;text-align:left}
.o61:empty{display:none}
.so61{background:linear-gradient(90deg,#FFE38A,#FFD23F);color:#5A3A00;border-radius:12px;padding:7px 12px;font:800 14px Inter;text-align:center;animation:pop61 .5s var(--ease-o,ease-out)}
.rx61{display:flex;align-items:center;gap:4px;font:800 13px Inter;color:var(--ink);flex-wrap:wrap}.rx61 small{font:700 11px Inter;color:var(--ink2)}
.mt61{display:flex;gap:6px;flex-wrap:wrap}
.mat61{display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:99px;padding:3px 9px 3px 5px;font:800 12px Inter;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.mat61 i{width:14px;height:14px;border-radius:4px;transform:rotate(45deg);background:#C9A55C}.mat61.pebble i{background:#7FA7C9;border-radius:50%}.mat61.shard i{background:#B58CFF;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:none}.mat61.mel i{display:none}.mat61.mel svg{width:16px;height:16px}
.mat61.no{color:var(--red2);box-shadow:inset 0 0 0 1.5px #F7B7BF}
.ln61{display:flex;align-items:center;gap:6px;font:700 13px/1.25 Inter;color:var(--ink);background:rgba(255,255,255,.7);border-radius:10px;padding:4px 8px}.ln61 i{font-style:normal}
.ln61.lv{background:#FFF4DA}.ln61.pb{background:#E4F4E8}.ln61.next{background:rgba(43,47,58,.07)}.ln61.frz{background:#E3F0FB}
.ob61{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.key61{font:700 11px Inter;color:var(--ink2);text-align:center}.key61 kbd{font:800 11px Inter;background:#fff;border-radius:5px;padding:1px 5px;box-shadow:0 1px 0 #ccc}
@keyframes pop61{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.04)}100%{transform:none;opacity:1}}
/* wardrobe */
.w61{flex:1;min-height:0;display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:0;width:100%;max-width:1200px;margin:0 auto}
.w61pv{position:relative;display:flex;flex-direction:column;padding:12px calc(10px) 12px calc(14px + var(--safe-l));min-height:0}
.w61pv canvas{flex:1;min-height:0;width:100%;border-radius:22px;background:radial-gradient(ellipse at 50% 85%,#E8F7EC 0,#CDEFF7 55%,#9ED8F0 100%);touch-action:none;cursor:grab}
.w61ctl{display:flex;align-items:center;gap:8px;margin-top:8px}.w61ctl input{flex:1;accent-color:#3E9B4F}.w61ctl .ib{font-size:20px;font-weight:800}
.w61ctl #w61pose{width:auto;border-radius:99px;padding:0 14px;font:800 13px Inter}
.w61info{margin-top:6px;font:800 14px Inter;color:var(--ink);display:flex;flex-direction:column;gap:2px}.w61info .rx61{font-size:12px}.try61{color:#9B51E0;font:700 12px Inter}
.w61side{display:flex;flex-direction:column;min-height:0;padding:12px calc(14px + var(--safe-r)) 0 4px}
.w61body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px calc(40px + var(--safe-b))}
.w61tabs .n61{font-style:normal;background:var(--red);color:#fff;border-radius:99px;padding:0 6px;margin-left:5px;font-size:11px}
.sub61{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.row61{margin:0 0 12px}.row61 h4,.h61{margin:0 0 6px;font:800 13px Inter;color:var(--ink)}.row61 h4 small,.h61 small{font-weight:600;color:var(--ink2)}
.h61{margin-top:14px}
.row61 input{width:100%;max-width:320px;font:700 16px Inter;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:#fff}
.chips61{display:flex;gap:6px;flex-wrap:wrap}
.c61{border:0;background:#fff;border-radius:99px;padding:7px 12px;font:700 13px Inter;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer}
.c61.on{background:var(--ink);color:#fff;box-shadow:none}.c61.lk{color:#8B8F99;background:#F4F1EA}.c61 small{font-weight:600;opacity:.85}.c61.rnd{background:#FFF1D6}
.c61 .dt{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}
.sw61{display:flex;gap:7px;flex-wrap:wrap}
.sw61 .sw{position:relative;width:34px;height:34px;border-radius:50%;border:0;background:var(--c,#ddd);box-shadow:inset 0 0 0 2px rgba(0,0,0,.12);cursor:pointer;flex:none;font:800 14px Inter;color:var(--ink2)}
.sw61 .sw.on{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}.sw61 .sw.lk::after{content:"🔒";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;background:rgba(255,255,255,.45);border-radius:50%}.sw61 .sw.none{background:#fff}
.tog61{display:flex;align-items:center;gap:8px;font:700 13px Inter;color:var(--ink);margin:6px 0 10px}.tog61 input{width:20px;height:20px;accent-color:#3E9B4F}.tog61 small{color:var(--ink2);font-weight:600}
.ttl61{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.t61t{display:flex;flex-direction:column;text-align:left;border:0;background:#fff;border-radius:12px;padding:7px 10px;box-shadow:inset 0 0 0 1.5px var(--line);font:800 13px Inter;color:var(--ink);cursor:pointer}
.t61t small{font:600 11px Inter;color:var(--ink2)}.t61t.on{box-shadow:inset 0 0 0 2.5px #3E9B4F;background:#E4F4E8}.t61t.lk{opacity:.6}
.chest61{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:linear-gradient(135deg,#FFF4DA,#FFE7F0);border-radius:16px;padding:10px 12px;margin-bottom:10px}
.chest61 .cbox{font-size:34px}.chest61 b{font:400 18px Lilita;color:var(--ink)}.chest61 small{display:block;font:600 11px/1.3 Inter;color:var(--ink2)}.chest61 .cbtn{display:flex;flex-direction:column;gap:5px}
.gl61{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-bottom:10px}
.g61c{display:grid;grid-template-columns:64px 1fr auto;gap:8px;align-items:center;background:#fff;border-radius:14px;padding:6px 8px 6px 6px;box-shadow:inset 0 0 0 2px var(--line);border-left:5px solid var(--r);cursor:pointer}
.g61c.eq{box-shadow:inset 0 0 0 2.5px #3E9B4F;background:#F4FBF5}.g61c.sel{outline:2px dashed var(--r);outline-offset:1px}.g61c.un .gth{opacity:.85;filter:saturate(.7)}
.gth{display:block;width:64px;height:52px;border-radius:10px;background:linear-gradient(#EAF7FB,#F7FBF2);overflow:hidden}.gth canvas{display:block}
.gth.big{width:150px;height:110px;margin:0 auto}
.gi{min-width:0;display:flex;flex-direction:column;gap:1px}.gi b{font:800 13px Inter;color:var(--ink)}.gi b em{font-style:normal;color:#E0A21A}.gi small{font:600 11px/1.25 Inter;color:var(--ink2)}.gi .rr{color:var(--r);font-weight:800}.gi .how{color:#8B8F99}
.gb{display:flex;flex-direction:column;gap:4px}.gb .btn.sm{min-height:32px;font-size:13px;padding:5px 10px}
.max61{font:400 16px Lilita;color:#E0A21A}
.sets61{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.sets61 li{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:6px 10px;font:600 11px Inter;color:var(--ink2);box-shadow:inset 0 0 0 1.5px var(--line);position:relative;padding-left:22px}
.sets61 li i{position:absolute;left:8px;top:9px;width:8px;height:8px;border-radius:50%}.sets61 li b{font:800 13px Inter;color:var(--ink)}.sets61 li.on{box-shadow:inset 0 0 0 2px #3E9B4F;background:#F4FBF5}
.fine61{font:600 12px/1.4 Inter;color:var(--ink2);margin:6px 0}
.tag.fh{display:inline-block;background:linear-gradient(#FFE38A,#E0A21A);color:#5A3A00;font:800 11px Inter;border-radius:99px;padding:2px 8px}
.empty61{font:700 14px Inter;color:var(--ink2);text-align:center;padding:20px}
.mats61{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.mats61 .mat61{font-size:14px;padding:5px 12px 5px 7px}
.pips61{display:inline-flex;gap:3px;vertical-align:middle;margin-left:4px}.pips61 i{width:8px;height:8px;border-radius:2px;background:rgba(43,47,58,.15);transform:rotate(45deg)}.pips61 i.on{background:#E0A21A}
.cost61{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.cost61 .mat61{font-size:11px;padding:2px 7px 2px 4px}
.pk61h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.pk61h b{font:400 20px Lilita}.pk61h small{display:block;font:600 12px Inter;color:var(--ink2)}
.pk61{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.br61{background:#fff;border-radius:16px;padding:10px;box-shadow:inset 0 0 0 2px var(--line);border-top:5px solid var(--c)}.br61 h4{margin:0 0 6px;font:400 18px Lilita;color:var(--c)}
.pk{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px dashed var(--line)}.pk b{font:800 13px Inter}.pk small{display:block;font:600 11px Inter;color:var(--ink2)}
.pkp{font:800 20px Inter;background:var(--c);color:#fff}.pkp:disabled{opacity:.3}
.hcpv61{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.hcpv61 img{width:100%;max-width:520px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.15);aspect-ratio:1200/675;background:#eee}
.pre61{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.pc61{background:#fff;border-radius:16px;padding:10px;box-shadow:inset 0 0 0 2px var(--line);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.pc61 canvas{width:110px;height:110px;border-radius:14px;background:linear-gradient(#CDEFF7,#E8F7EC)}.pc61 b{font:800 13px Inter}.pc61 .pb{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.pc61 .btn.sm{min-height:32px;font-size:13px;padding:5px 10px}
.pempty{width:110px;height:110px;border-radius:14px;border:2px dashed var(--line);display:grid;place-items:center;font:700 12px Inter;color:var(--ink2)}
.coll61h{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.coll61h b{font:400 22px Lilita}.coll61h .bar61{width:160px;height:10px}.coll61h small{font:600 12px Inter;color:var(--ink2)}
.ms61{list-style:none;padding:0;margin:0 0 6px;display:flex;gap:6px;flex-wrap:wrap}.ms61 li{background:#fff;border-radius:10px;padding:4px 8px;font:600 11px Inter;color:var(--ink2);box-shadow:inset 0 0 0 1.5px var(--line)}.ms61 li b{color:var(--ink);margin-right:4px}.ms61 li.got{background:#E4F4E8;box-shadow:inset 0 0 0 1.5px #7ED957}
.cg61{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.cgi{border-radius:12px;padding:3px;background:#fff;box-shadow:inset 0 0 0 2.5px var(--r)}.cgi .gth{width:100%;height:52px}.cgi.un .gth{filter:brightness(0) opacity(.18)}
@media (max-width:760px),(max-aspect-ratio:3/4){
 .w61{display:flex;flex-direction:column;overflow-y:auto}
 .w61pv{padding:8px calc(10px + var(--safe-r)) 4px calc(10px + var(--safe-l));flex:none}
 .w61pv canvas{flex:none;height:min(34vh,260px)}
 .w61side{padding:6px calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));flex:1;min-height:60vh}
 .w61body{overflow:visible}
 .gl61{grid-template-columns:1fr}
 .ttl61{grid-template-columns:1fr 1fr}
}
@media (max-height:560px) and (orientation:landscape){.w61pv canvas{min-height:120px}.w61info{display:none}}
/* modals */
.m6-ch61 .m6-in{width:min(460px,100%)}
.ch61{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.chbox{position:relative;width:120px;height:110px;display:grid;place-items:center;font-size:80px;transition:transform .3s}
.chbox .bx{display:block;animation:shake61 .6s ease-in-out}
.chbox.open .bx{animation:none;transform:scale(1.15) translateY(-6px);filter:drop-shadow(0 0 16px rgba(255,216,77,.9))}
.chbox.r-epic.open .bx{filter:drop-shadow(0 0 22px #B58CFF)}.chbox.r-legendary.open .bx{filter:drop-shadow(0 0 26px #FFB020)}
.chres{opacity:0;transform:translateY(10px) scale(.95);transition:opacity .35s,transform .35s;display:flex;flex-direction:column;align-items:center;gap:4px}.chres.on{opacity:1;transform:none}
.chres .rr{font:800 13px Inter;color:var(--r);text-transform:uppercase;letter-spacing:1px}.chres h3{margin:0;font:400 26px Lilita;color:var(--ink)}.chres p{margin:0;font:600 13px Inter;color:var(--ink2)}.chres p.good{color:#3E9B4F}
.chres .obtns{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:6px}
@keyframes shake61{0%,100%{transform:none}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}
.gs61 ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.gs61 li{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:8px 12px;box-shadow:inset 0 0 0 1.5px var(--line)}.gs61 li.rdy{box-shadow:inset 0 0 0 2.5px #3E9B4F;background:#F4FBF5}
.gs61 li i{font-style:normal;font-size:22px}.gs61 li div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.gs61 li b{font:800 14px Inter}.gs61 li small{font:600 12px Inter;color:var(--ink2)}.gs61 .bar61{width:100%;margin:0}
.gs61 .obtns,.wn61 .obtns{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.m6-wn .m6-in{width:min(600px,100%)}
.wn61 section{margin-bottom:12px}.wn61 h3{margin:0 0 6px;font:400 22px Lilita;color:var(--ink);display:flex;align-items:center;gap:8px}.wn61 .tag{font:800 11px Inter;font-style:normal;background:var(--red);color:#fff;border-radius:99px;padding:2px 8px}
.wn61 ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}
.wn61 li{display:flex;gap:8px;align-items:flex-start;background:#fff;border-radius:12px;padding:8px 10px;box-shadow:inset 0 0 0 1.5px var(--line)}.wn61 li i{font-style:normal;font-size:20px}.wn61 li b{display:block;font:800 13px Inter;color:var(--ink)}.wn61 li span{font:600 12px/1.35 Inter;color:var(--ink2)}
.wn61 section.old{opacity:.85}.wn61 section.old h3{font-size:18px}
.chbox .lid{display:none}.t61b .dot{top:-3px;right:-3px}
.topbar .t61new{width:auto;max-width:min(360px,46vw);margin:0 8px;box-shadow:0 2px 8px rgba(0,0,0,.12);border-radius:999px;padding:4px 12px 4px 4px}
.topbar .t61new .vchip{border-radius:99px}
.t6row .t61b{padding:4px 12px 4px 4px}.t6row .t61b canvas{width:36px;height:36px;border-radius:10px}.t6row .t61b .i61{width:30px;height:30px;font-size:18px}
@media (max-width:520px){.t6row .t61b{flex:1 1 40%}.topbar .t61new em{display:none}.topbar .t61new u{display:none}}
@media (max-width:760px){.topbar .t61new u{display:none}}
@media (max-height:560px) and (orientation:landscape){.topbar .t61new{display:flex}}
.t61goal{margin-top:6px}
.w61tabs{flex:none}

/* v6.2 power-ups */
.pw-glide i{background-color:#5BAF45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 17C4 8 10 4 20 4c0 10-5 13-16 13z' fill='%23fff'/%3E%3Cpath d='M6 15 17 7' stroke='%234FA83C' stroke-width='1.5'/%3E%3C/svg%3E")}
.pw-slow i{background-color:#3B9BC8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8h11a3 3 0 1 0-3-3M3 12h15M3 16h9a3 3 0 1 1-3 3' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.pw-drum i{background-color:#D9622B;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='8' rx='8' ry='3' fill='%23fff'/%3E%3Cpath d='M4 8v8c0 2 16 2 16 0V8' fill='%23fff'/%3E%3Cpath d='M6 10l3 6 3-6 3 6 3-6' fill='none' stroke='%23D9622B' stroke-width='1.4'/%3E%3C/svg%3E")}
.pw-clover i{background-color:#1F9A5A;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='4' fill='%23fff'/%3E%3Ccircle cx='17' cy='12' r='4' fill='%23fff'/%3E%3Ccircle cx='12' cy='17' r='4' fill='%23fff'/%3E%3Ccircle cx='7' cy='12' r='4' fill='%23fff'/%3E%3C/svg%3E")}
.pw-herd i{background-color:#7D7396;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='11' cy='13' rx='8' ry='5' fill='%23fff'/%3E%3Cellipse cx='18' cy='10' rx='4' ry='3.5' fill='%23fff'/%3E%3Crect x='5' y='16' width='3' height='5' fill='%23fff'/%3E%3Crect x='13' y='16' width='3' height='5' fill='%23fff'/%3E%3C/svg%3E")}
/* v6.2 */
.pk62{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.br62 h4 small{font:700 11px Inter;color:var(--ink2);margin-left:4px}
.tier62{border-top:1.5px dashed var(--line);padding-top:6px;margin-top:6px}.tier62:first-of-type{border-top:0;margin-top:0;padding-top:0}
.tl62{display:block;font:800 10.5px Inter;letter-spacing:.04em;text-transform:uppercase;color:var(--c);margin:2px 0 4px}
.tier62.lk .tl62{color:#8B8F99}.tier62.lk .pk62n{opacity:.55}
.pk62n .nn62{display:block;margin-top:2px;color:var(--ink)}.pk62n .nn62 b{font-weight:800}
.cap62,.tip62{font:600 12.5px Inter;color:var(--ink2);margin:10px 0 0}
.tip62{background:#FFF1D6;color:var(--ink);border-radius:12px;padding:8px 12px;margin:0 0 10px}
.bt62{width:100%;border-collapse:collapse;font:600 12.5px Inter;background:#fff;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 2px var(--line)}
.bt62 th{font:800 11px Inter;text-transform:uppercase;letter-spacing:.04em;color:var(--ink2);text-align:left;padding:8px}
.bt62 td{padding:7px 8px;border-top:1px solid var(--line);vertical-align:top}.bt62 tr.z62 td{color:#9A9DA5}
.bt62 .src62{display:block}.bt62 .src62 em{font-style:normal;color:var(--ink2)}.bt62 b.cap{color:#C2410C}
.h62{margin:14px 0 6px;font:400 18px Lilita;color:var(--ink)}
.pwl62{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.pw62{background:#fff;border-radius:12px;padding:8px 10px;box-shadow:inset 0 0 0 1.5px var(--line)}.pw62 b{font:800 13px Inter}.pw62 span{float:right;font:400 16px Lilita}.pw62 small{display:block;color:var(--ink2);font:600 11.5px Inter}.pw62.lk{opacity:.55}
.note62{background:#E8F6EC;border-radius:12px;padding:9px 12px;font:700 13px Inter;color:#1F5130;margin:0 0 10px}
.zg62{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 54px);transform:translateX(-50%);background:rgba(20,28,40,.62);color:#fff;font:800 12px Inter;padding:4px 10px;border-radius:99px;white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none}
.zg62.on{opacity:1}.zg62.done{background:rgba(46,125,62,.85)}
@media (max-width:600px){.bt62{font-size:11.5px}.bt62 td,.bt62 th{padding:6px 5px}.zg62{top:calc(env(safe-area-inset-top,0px) + 62px);font-size:11px}}
/* ===== v6.2 rarities + Alchemy Lab ===== */
.r-uncommon .rar,.rar.r-uncommon{color:#2E9E6A}.r-mythic .rar,.rar.r-mythic{color:#E0457B}
.chbox.r-mythic.open .bx{filter:drop-shadow(0 0 30px #FF7AB0) hue-rotate(0deg);animation:myth62 2s linear infinite}
@keyframes myth62{to{filter:drop-shadow(0 0 30px #7AD8FF) hue-rotate(360deg)}}
.en62{font-style:normal;font:800 11px Inter;color:#fff;background:linear-gradient(135deg,#3E9B4F,#2B7FB8);border-radius:6px;padding:1px 5px;margin-left:3px;vertical-align:2px}
.en62.rad{background:linear-gradient(135deg,#F2B705,#E0457B,#7A5CFA);box-shadow:0 0 8px rgba(242,183,5,.6)}
.radtag{display:inline-block;font:800 10px Inter;letter-spacing:.8px;text-transform:uppercase;color:#7A4A00;background:linear-gradient(90deg,#FFE27A,#FFF6D0,#FFE27A);background-size:200% 100%;border-radius:99px;padding:2px 8px;animation:rad62 2.4s linear infinite}
.radtag.sm{font-size:9px;padding:1px 6px;vertical-align:2px}
@keyframes rad62{to{background-position:-200% 0}}
.ench5{box-shadow:inset 0 0 0 2px #F2B705,0 0 14px rgba(242,183,5,.45)!important}
.myu62{font:700 12px/1.35 Inter!important;color:#B0306A!important;margin:2px 0!important}
.ep62{display:inline-flex;gap:3px;margin:3px 0}.ep62 i{width:9px;height:9px;transform:rotate(45deg);border-radius:2px;background:#E7E1D4}.ep62 i.on{background:linear-gradient(135deg,#7BD389,#2B7FB8)}
.ench5 .ep62 i.on,.lab62.ench5 .ep62 i.on{background:linear-gradient(135deg,#FFE27A,#F2B705)}
.alch62{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.ings62{display:flex;gap:6px;flex-wrap:wrap}
.ing62{display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:99px;padding:4px 10px 4px 6px;font:600 12px Inter;color:var(--ink2);box-shadow:inset 0 0 0 1.5px var(--line)}
.ing62 i{font-style:normal;font-size:15px}.ing62 b{font:800 14px Inter;color:var(--ink)}
.ing62.elx{background:#FFF0F2}.ing62.pow{background:#FFF8DD}.ing62.rind{background:#FFF3D6}
.lab62{display:grid;grid-template-columns:110px 1fr;gap:12px;background:linear-gradient(160deg,#fff,#F7F3FF);border-radius:18px;padding:12px;box-shadow:inset 0 0 0 2px var(--line);border-top:5px solid var(--r);margin:8px 0}
.lab62 .labL{display:flex;flex-direction:column;align-items:center;gap:6px}
.lab62 h3{margin:0;font:400 22px Lilita;color:var(--ink)}.lab62 .rr{font:800 11px Inter;color:var(--r);text-transform:uppercase;letter-spacing:.8px;display:block}
.lab62 .stat62{font:600 13px Inter;color:var(--ink2);margin:4px 0}.lab62 .stat62 b{color:#2E7D3E}.lab62 p.good{color:#2E7D3E;font:700 13px Inter}
.odds62{margin:6px 0}.obar{display:flex;height:12px;border-radius:99px;background:#EEE8DC;overflow:hidden}
.obar i{display:block;height:100%}.obar .b{background:#5BB56B}.obar .p{background:#F2B705}.obar .f{background:#7AA8E8}
.orow{display:flex;flex-wrap:wrap;gap:4px 12px;font:600 12px Inter;color:var(--ink2);margin-top:4px}.orow b{color:var(--ink)}.orow .tot{margin-left:auto}.orow .tot b{font-size:15px;color:#2E7D3E}
.pz62{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:6px 0}.pz62>span{font:700 12px Inter;color:var(--ink2);margin-right:2px}
.fuse62{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:6px;font:600 12px Inter;color:var(--ink2)}
.fine61.no{color:#C0392B}
.alcl62{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}
.ai62{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:0;border-radius:12px;padding:6px 4px;box-shadow:inset 0 0 0 2px var(--line);border-bottom:4px solid var(--r);cursor:pointer;font:700 11px/1.2 Inter;color:var(--ink);text-align:center}
.ai62.on{box-shadow:inset 0 0 0 2.5px var(--ink)}.ai62 .gth{width:54px;height:54px}
.brew62{display:grid;gap:6px}
.bw62{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:6px 8px;box-shadow:inset 0 0 0 1.5px var(--line)}
.bw62>i{font-style:normal;font-size:22px;text-align:center}.bw62 b{font:700 13px Inter;color:var(--ink)}
.lnk62{border:0;background:none;padding:0;font:inherit;color:#2B7FB8;text-decoration:underline;cursor:pointer}
.info62 table{width:100%;border-collapse:collapse;font:600 12px Inter;color:var(--ink);margin:4px 0 8px}
.info62 th,.info62 td{padding:4px 5px;border-bottom:1px solid var(--line);text-align:left}.info62 th{color:var(--ink2);font-weight:700}
.info62 h4{margin:10px 0 2px;font:400 17px Lilita;color:var(--ink)}.info62 p,.info62 li{font:600 12px/1.45 Inter;color:var(--ink2);margin:2px 0}
.fz62{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:4px 0}
.fz62 .cauld{position:relative;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 30%,#F3ECFF 70%);box-shadow:0 0 0 3px var(--r) inset;animation:shk62 .9s ease-in-out}
.fz62 .cauld i{position:absolute;width:10px;height:10px;border-radius:50%;background:#FF8FA3;opacity:0;animation:bub62 .9s ease-out infinite}
.fz62 .cauld i:nth-child(2){left:30%;bottom:10%}.fz62 .cauld i:nth-child(3){left:60%;bottom:14%;animation-delay:.3s;background:#FFE27A}.fz62 .cauld i:nth-child(4){left:45%;bottom:6%;animation-delay:.55s;background:#9FD8FF}
@keyframes shk62{0%,100%{transform:none}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}
@keyframes bub62{0%{opacity:.9;transform:translateY(0) scale(.6)}100%{opacity:0;transform:translateY(-70px) scale(1.2)}}
.fz62 .fzr{opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.fz62.on .fzr{opacity:1;transform:none}
.fz62.on.ok .cauld{box-shadow:0 0 0 4px #3E9B4F inset,0 0 26px rgba(62,155,79,.5)}.fz62.on.no .cauld{filter:saturate(.5);box-shadow:0 0 0 3px #B9B2A6 inset}
.fz62.on.five .cauld{box-shadow:0 0 0 4px #F2B705 inset,0 0 40px rgba(242,183,5,.8);animation:glow62 1.6s ease-in-out infinite}
@keyframes glow62{50%{box-shadow:0 0 0 4px #E0457B inset,0 0 50px rgba(224,69,123,.7)}}
.fz62 h3{margin:0;font:400 24px Lilita;color:var(--ink)}.fz62.no h3{color:var(--ink2)}.fz62 p{margin:0;font:600 13px Inter;color:var(--ink2)}
.fz62 .obtns{display:flex;justify-content:center;margin-top:6px}
.ingl62{font:700 12px Inter!important;color:#B0306A!important}
@media (max-width:420px){.lab62{grid-template-columns:1fr}.lab62 .labL{flex-direction:row;justify-content:center}}
.lab62 .gth.big{width:100px;height:100px}.fz62 .cauld .gth.big{width:92px;height:92px;border-radius:50%;overflow:hidden}
/* v6.2 alchemy: risks, confirm, durability, repair bench, reset/poof VFX */
.risk62{list-style:none;margin:6px 0;padding:0;display:grid;gap:3px}
.risk62 li{font:600 12.5px Inter;color:var(--ink2);padding:5px 9px;border-radius:9px;background:#F6F2EA}
.risk62 li b{color:var(--ink);font-variant-numeric:tabular-nums}.risk62 li.ok{background:#E8F5EA}.risk62 li.ok b{color:#2E7D3E}.risk62 li.bad{background:#FDECEE}.risk62 li.bad b{color:#C0283E}
.nx62{color:#2E7D3E;font-weight:800}
.dur62{position:relative;display:block;width:100%;max-width:120px;height:6px;border-radius:99px;background:#EAE3D6;overflow:visible;margin:3px auto 0}
.dur62>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#4FAE60,#7ACB72);transition:width .4s var(--ease-o,ease)}
.dur62.low>i{background:linear-gradient(90deg,#E8A317,#F2C14E)}.dur62.out>i{background:#C0283E;min-width:6px}
.dur62 em{display:block;font:800 10px/1 Inter;font-style:normal;color:var(--ink2);margin-top:5px;text-align:center;white-space:nowrap}
.dur62.low em{color:#B7790A}.dur62.out em{color:#C0283E}
.lab62 .labL .dur62{height:7px;margin-bottom:12px}
.wo62{display:inline-block;font:800 10px Inter;color:#fff;background:#C0283E;border-radius:6px;padding:1px 6px;margin-left:2px}
.g61c .dur62{margin:4px 0 0;max-width:none}
.rep62{background:linear-gradient(160deg,#fff,#F3F7F0);border-radius:16px;padding:10px 12px;box-shadow:inset 0 0 0 2px var(--line);margin:0 0 10px}
.reph{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.reph>div{display:flex;flex-direction:column;gap:2px;flex:1 1 220px}.reph b{font:400 18px Lilita;color:var(--ink)}.reph small{font:600 11.5px/1.35 Inter;color:var(--ink2)}
.reph .good{font:800 12px Inter;color:#2E7D3E}
.repl62{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px;margin-top:8px}
.rp62{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:5px 8px;box-shadow:inset 0 0 0 1.5px var(--line)}
.rp62 .gth{width:40px;height:40px}.rp62 b{font:700 12px Inter;color:var(--ink);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp62 .dur62{margin:4px 0 0;max-width:none}.rp62 .dur62 em{text-align:left}
.cf62{display:flex;flex-direction:column;align-items:center;gap:10px}
.cf62 ul{margin:0;padding:0 0 0 18px;font:600 13.5px/1.45 Inter;color:var(--ink2);align-self:stretch}.cf62 li{margin:3px 0}.cf62 li b{color:#C0283E}
.cf62 .tog61.my{background:#FDECEE;border-radius:10px;padding:8px 10px;font:700 13px Inter;color:#8E1E2F}
.cf62 .obtns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.fz62 .cauld .pf{position:absolute;inset:0;border-radius:50%;pointer-events:none;opacity:0}
.fz62.on.reset .cauld{box-shadow:0 0 0 3px #7AA8E8 inset}.fz62.on.reset .cauld .gth{animation:rst62 .8s ease-out}
@keyframes rst62{0%{filter:none}40%{filter:grayscale(1) brightness(1.4);transform:scale(.9)}100%{filter:none;transform:none}}
.fz62.on.poof .cauld .gth{animation:poof62 .9s ease-in forwards}
.fz62.on.poof .cauld .pf{animation:pf62 .9s ease-out forwards;background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(200,190,220,.7) 35%,rgba(200,190,220,0) 70%)}
@keyframes poof62{0%{transform:scale(1);opacity:1}35%{transform:scale(1.12) rotate(-6deg)}100%{transform:scale(.2) rotate(18deg);opacity:0;filter:grayscale(1)}}
@keyframes pf62{0%{opacity:0;transform:scale(.4)}30%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
.fz62.poof h3,.fz62.reset h3{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.fz62 .cauld,.fz62 .cauld .gth,.fz62 .cauld .pf{animation:none!important}}
.rp62 .btn{white-space:nowrap;min-width:0;padding-left:10px;padding-right:10px}.rp62>div{min-width:0}
.reph .btn{white-space:nowrap}
@media (max-width:420px){.lab62 .labL{flex-direction:column}.lab62 .labL .dur62{width:120px}}
.rp62 .btn.sm,.reph .btn.sm{min-height:34px;font-size:14px}
/* ---- v6.2 Zone Trials + Feats ---- */
.i62t{width:30px;height:30px;display:grid;place-items:center;font-style:normal;font-size:19px;background:#FFF1D6;border-radius:10px}
.m6-tr62 .m6-in,.m6-ft62m .m6-in{width:min(680px,100%)}
.trh62 p{margin:0 0 8px;font:600 14px/1.4 Inter;color:var(--ink2)}
.trw62,.trq62{background:#FFF6E0;border-radius:14px;padding:8px 12px;margin:0 0 8px;font:600 13.5px/1.4 Inter;color:var(--ink)}
.trq62{background:#E2F5F1}.trq62 .bar61{display:block;margin-top:6px}
.ok62{color:#2E8B57;font-weight:800}
.trl62{display:grid;gap:10px}
.trz62{background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 2px 0 rgba(0,0,0,.06);border:2px solid #EFE6D6}
.trz62.lk{opacity:.7;background:#F6F2EA}
.trzt62{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.trzt62 b{font:400 21px Lilita;color:var(--ink)}.trzt62 small{font:700 12px Inter;color:var(--ink2)}
.trlk62{margin:6px 0 0;font:600 13px Inter;color:var(--ink2)}
.trt62{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}
.trt62 span{min-width:34px;height:28px;padding:0 6px;display:grid;place-items:center;border-radius:9px;background:#EEF0F3;font:800 13px Inter;color:#8B8F99}
.trt62 span.on{background:#2E9A8F;color:#fff}.trt62 span.nx{background:#FFE9A8;color:#6B4A00;box-shadow:inset 0 0 0 2px #E0A21A}.trt62 span.inf{background:#9B51E0}
.trp62{display:flex;flex-direction:column;gap:2px;font:700 14px Inter;color:var(--ink)}.trp62 small{font:600 12px Inter;color:var(--ink2)}
.trg62{margin:6px 0;font:600 13px/1.4 Inter;color:var(--ink)}.trg62 a{color:#2C6FD1;font-weight:800}
.tra62{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tra62 small{flex:1 1 220px;font:600 12.5px/1.35 Inter;color:var(--ink2)}
.tra62 .btn.sm{min-height:36px;font-size:14px;white-space:nowrap}
.ftt62{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.ftt62 button{border:0;border-radius:12px;padding:8px 12px;background:#EEF0F3;font:800 13px Inter;color:var(--ink);cursor:pointer;min-height:36px}
.ftt62 button.on{background:var(--ink);color:#fff}
.ftn62{margin:0 0 8px;font:600 13.5px/1.4 Inter;color:var(--ink2)}
.ftl62{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.ft62{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:16px;padding:10px 12px;border:2px solid var(--c)}
.ft62>i{font-style:normal;font-size:22px;width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--c) 22%,#fff)}
.ft62>div{min-width:0;flex:1}.ft62 b{display:block;font:800 14.5px Inter;color:var(--ink)}.ft62 b em{font-style:normal;color:var(--c);font-weight:800;margin-left:4px}
.ft62 small{display:block;font:600 12px/1.35 Inter;color:var(--ink2);margin-top:2px}.ft62 .bar61{display:block;margin-top:5px}.ft62 .fr62{color:#5B6170}
.ft62.sc{border-style:dashed}
.hr62{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:16px;padding:12px;margin:0 0 10px}
.hr62>div:last-child{flex:1;min-width:0}.hr62 b{font:800 15px Inter;color:var(--ink)}.hr62 small{display:block;font:600 12.5px/1.4 Inter;color:var(--ink2);margin-top:3px}.hr62 .bar61{display:block;margin-top:6px}
.hrb62{width:56px;height:56px;flex:0 0 56px;border-radius:50%;background:var(--c);display:grid;place-items:center;box-shadow:inset 0 0 0 5px rgba(255,255,255,.55)}
.hrb62 span{font:400 22px Lilita;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.cl62{display:grid;gap:8px;margin-top:10px}
.clr62{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:4px 8px;align-items:center;background:#fff;border-radius:14px;padding:8px 12px;font:700 13.5px Inter;color:var(--ink)}
.clr62 i{font-style:normal;font-size:18px}.clr62 .bar61{grid-column:2/4}
.flog62{margin:4px 0 0;padding-left:18px;font:600 12.5px/1.5 Inter;color:var(--ink2)}
.gstrip62{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}.gstrip62 small{font:700 12px Inter;color:var(--ink2)}
@media (max-width:420px){.ftl62{grid-template-columns:1fr}.tra62 .btn.sm{flex:1 1 auto}}
.ft62 .bar61,.hr62 .bar61,.trq62 .bar61,.clr62 .bar61,.m6-ft62m .ftn62+.bar61{display:block;width:100%;max-width:none;margin:5px 0 0}
.ft62 b em.ns{color:#7A808C}

/* v6.2 Ascended +6..+8 */
.ep62 i.as{border-radius:2px;transform:rotate(45deg) scale(.82);background:#E4DDF2}.ep62 i.as.on{background:linear-gradient(135deg,#B8F0FF,#7A5CFA);box-shadow:0 0 6px rgba(122,92,250,.55)}
.en62.rad.asc{background:linear-gradient(135deg,#7A5CFA,#3FB6C9,#F2B705);box-shadow:0 0 10px rgba(122,92,250,.6)}
.radtag.asc{background:linear-gradient(135deg,#7A5CFA,#3FB6C9);color:#fff}
/* ---- v6.2 Wardrobe+ toolbar ---- */
.shx62{margin:0 0 10px;display:grid;gap:8px}
.shx62 .shxc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:700 13px Inter,system-ui,sans-serif;color:var(--ink)}
.shx62 .shxb{flex:1 1 120px;height:8px;border-radius:6px;background:#E6EEF2;overflow:hidden;min-width:90px}.shx62 .shxb i{display:block;height:100%;background:linear-gradient(90deg,#3E9B4F,#F2C230);border-radius:6px}
.shx62 .shxc small{font-weight:600;opacity:.75}
.shx62 .shxr{display:flex;gap:6px;flex-wrap:wrap}
.shx62 input,.shx62 select{font:600 13px Inter,system-ui,sans-serif;padding:7px 9px;border-radius:10px;border:1.5px solid #D5E0E6;background:#fff;color:var(--ink);min-height:36px}
.shx62 input{flex:1 1 140px;min-width:120px}.shx62 select{flex:1 1 auto;max-width:48%}
#shopGrid .more62{grid-column:1/-1;justify-self:center;margin:8px 0}
#shopGrid .shx0{grid-column:1/-1;text-align:center;opacity:.7;font:600 14px Inter,system-ui,sans-serif}
#shopGrid .card .th{min-height:64px}
#shopGrid .card.fxe62 .th,#shopGrid .card.fxl62 .th{position:relative;overflow:hidden}
#shopGrid .card.fxe62 .th::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:sw62 4.5s ease-in-out infinite;pointer-events:none}
#shopGrid .card.fxl62 .th::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 28%,#fff 0 1.2px,transparent 2.4px),radial-gradient(circle at 80% 22%,#FFE27A 0 1.4px,transparent 2.6px),radial-gradient(circle at 70% 78%,#fff 0 1px,transparent 2.2px);animation:tw62 2.2s ease-in-out infinite}
.g61c .fl62{display:block;font-style:italic;opacity:.78;margin-top:2px}
/* ---- v6.2 gear icon tiles + enchant shines ---- */
.gth.fx62{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 58%,var(--tra) 0,transparent 68%),linear-gradient(#F3F9FC,#FAFCF6);box-shadow:inset 0 0 0 1.5px var(--tra),inset 0 -3px 0 var(--tra)}
.gth.fx62 canvas{position:relative;z-index:1}
.gth.fx62::before,.gth.fx62::after{content:"";position:absolute;pointer-events:none;z-index:2}
.gth.fx62[data-e62]::after{content:attr(data-e62);right:3px;bottom:2px;font:800 10px/1 Inter,system-ui,sans-serif;color:#fff;background:var(--fx);padding:2px 4px;border-radius:6px;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.gth.fe1::after,.gth.fe2::after,.gth.fe3::after{background:#C9A227}
/* +1/+2 soft glint */
.gth.fe1::before,.gth.fe2::before{inset:0;background:radial-gradient(circle at 74% 26%,#fff 0 1.4px,rgba(255,246,200,.7) 2.4px,transparent 6px);animation:tw62 2.8s ease-in-out infinite}
.gth.fe2::before{background:radial-gradient(circle at 74% 26%,#fff 0 1.6px,rgba(255,246,200,.8) 3px,transparent 8px),radial-gradient(circle at 26% 70%,#fff 0 1px,transparent 4px)}
/* +3 shine sweep (and above) */
.gth.fe3::before,.gth.fe4::before,.gth.fe5::before,.gth.fe6::before,.gth.fe7::before,.gth.fe8::before{top:-10%;bottom:-10%;left:-45%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);animation:sw62 2.6s ease-in-out infinite}
/* +4 coloured glow */
.gth.fe4{box-shadow:inset 0 0 0 1.5px var(--fxb),inset 0 0 14px var(--fxa)}
/* +5 pulsing aura + sparkles */
.gth.fe5,.gth.fe6,.gth.fe7,.gth.fe8{animation:pu62 2.2s ease-in-out infinite}
.gth.fe5{background:radial-gradient(circle at 50% 55%,var(--fxa) 0,transparent 70%),radial-gradient(circle at 16% 22%,#fff 0 1.2px,transparent 2.6px),radial-gradient(circle at 84% 70%,#fff 0 1.2px,transparent 2.6px),linear-gradient(#F3F9FC,#FAFCF6)}
/* +6/+7 stronger aura + more sparkles */
.gth.fe6,.gth.fe7{background:radial-gradient(circle at 50% 55%,var(--fxb) 0,transparent 72%),radial-gradient(circle at 14% 20%,#fff 0 1.4px,transparent 3px),radial-gradient(circle at 86% 26%,#fff 0 1.2px,transparent 2.6px),radial-gradient(circle at 80% 80%,#fff 0 1.4px,transparent 3px),radial-gradient(circle at 22% 84%,#fff 0 1px,transparent 2.4px),linear-gradient(#EEF4FA,#F7F6FB)}
.gth.fe7{animation-duration:1.6s}
/* +8 signature: a slowly turning prism ring behind the piece */
@property --a62{syntax:"<angle>";inherits:false;initial-value:0deg}
.gth.fe8{background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.55) 0,transparent 46%),conic-gradient(from var(--a62),rgba(255,107,122,.6),rgba(255,177,59,.6),rgba(255,226,122,.6),rgba(126,217,87,.6),rgba(95,212,255,.6),rgba(181,123,255,.6),rgba(255,107,122,.6)),#2A2F52;animation:pu62 2s ease-in-out infinite,rot62 6s linear infinite;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7),inset 0 0 16px rgba(255,255,255,.35)}
.gth.fe8 canvas{filter:drop-shadow(0 0 3px rgba(255,255,255,.7))}
.gth.fe8::before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent)}
.gth.fe8::after{background:linear-gradient(90deg,#FF6B7A,#B57BFF)}
/* rarity: epic shimmer, legendary/mythic sparkle */
.gth.fx62.fr-epic:not(.fe3):not(.fe4):not(.fe5):not(.fe6):not(.fe7):not(.fe8)::before{top:0;bottom:0;left:-45%;width:30%;background:linear-gradient(100deg,transparent,rgba(214,186,255,.55),transparent);transform:skewX(-18deg);animation:sw62 5s ease-in-out infinite}
.gth.fx62.fr-legendary:not([data-e62])::after,.gth.fx62.fr-mythic:not([data-e62])::after{inset:0;background:radial-gradient(circle at 20% 26%,#fff 0 1.2px,transparent 2.6px),radial-gradient(circle at 82% 30%,#FFE27A 0 1.3px,transparent 2.8px),radial-gradient(circle at 66% 82%,#fff 0 1px,transparent 2.4px);animation:tw62 2.4s ease-in-out infinite}
.gth.fx62.fr-mythic{box-shadow:inset 0 0 0 1.5px rgba(255,107,180,.55),inset 0 0 12px rgba(95,212,255,.35)}
@keyframes sw62{0%{transform:translateX(0) skewX(-18deg);opacity:0}12%{opacity:1}55%{transform:translateX(480%) skewX(-18deg);opacity:1}56%,100%{transform:translateX(480%) skewX(-18deg);opacity:0}}
@keyframes tw62{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes pu62{0%,100%{filter:saturate(1) brightness(1)}50%{filter:saturate(1.25) brightness(1.08)}}
@keyframes rot62{to{--a62:360deg}}
/* Low quality and reduced motion: keep the look, drop the animation */
html.q62lo .gth.fx62,html.q62lo .gth.fx62::before,html.q62lo .gth.fx62::after,html.q62lo #shopGrid .card .th::after{animation:none!important}
html.q62lo .gth.fx62::before{opacity:.5}
@media (prefers-reduced-motion:reduce){.gth.fx62,.gth.fx62::before,.gth.fx62::after,#shopGrid .card .th::after{animation:none!important}}
/* v6.3 tiered gear */
.g61c{position:relative}
.tg63{position:absolute;left:3px;top:3px;z-index:2;font:800 9px/1 system-ui,sans-serif;padding:2px 4px;border-radius:6px;background:#1F2A33;color:#fff;letter-spacing:.3px;pointer-events:none}
.tg63.t2{background:#2E9E6A}.tg63.t3{background:#2F6FD8}.tg63.t4{background:#8A4FD8}.tg63.t5{background:#E08A1E}.tg63.t6{background:linear-gradient(90deg,#E0457B,#8A4FD8)}
.g61c.lk63{background:#F6F5F2}.g61c.lk63 .gth{filter:grayscale(.6) brightness(.95)}
.lkt63{display:block;color:#B4232F;font-weight:700}
.okt63{display:block;color:#3E7F4F;opacity:.85}
.sg63{opacity:.8}
.own63{align-items:center}.own63l{font-size:12px;min-width:92px;color:#3A4049}
.lv63{margin:-2px 0 8px}
@media (max-width:520px){.own63{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.own63::-webkit-scrollbar{display:none}.own63 .c61{flex:0 0 auto}.own63l{min-width:auto;flex:0 0 auto}}
/* v6.3 map stages */
.mt63{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin:8px 0 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.mt63 button{flex:0 0 auto;scroll-snap-align:center;border:0;border-radius:12px;padding:6px 10px;background:#fff;box-shadow:inset 0 0 0 2px var(--line,#E3E0D8);text-align:left;cursor:pointer;font:inherit}
.mt63 button b{display:block;font-size:13px;white-space:nowrap}.mt63 button small{font-size:11px;opacity:.75;white-space:nowrap}
.mt63 button.on{background:#1F2A33;color:#fff;box-shadow:none}.mt63 button.lk{opacity:.6}
.sg63g{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}
.sg63t{border:0;border-radius:12px;padding:6px 2px 4px;background:#fff;box-shadow:inset 0 0 0 2px #E3E0D8;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;font:inherit;min-height:58px}
.sg63t b{font-size:14px}.sg63t i{font-style:normal;color:#E0A21A;font-size:12px;letter-spacing:-1px}.sg63t i u{text-decoration:none;color:#D6D2CA}.sg63t small{font-size:10px;opacity:.6}
.sg63t.dn{background:#F4FBF5;box-shadow:inset 0 0 0 2px #9ED3A9}.sg63t.nx{box-shadow:inset 0 0 0 2.5px #2F8FD8;background:#EEF6FF}.sg63t.nx i{color:#2F6FD8;font-weight:700;letter-spacing:0}
.sg63t.k-boss{background-image:linear-gradient(180deg,rgba(224,162,26,.16),transparent)}.sg63t.k-chal{background-image:linear-gradient(180deg,rgba(47,143,216,.1),transparent)}
.sg63t.lk{opacity:.55;cursor:default}
@media (max-width:520px){.sg63g{grid-template-columns:repeat(4,1fr)}}
/* v6.3 top print strip: two rows, swipe sideways on phones */
@media (max-width:760px){.chips61.pr63{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:6px;mask-image:linear-gradient(90deg,#000 88%,transparent)}.chips61.pr63 .c61{scroll-snap-align:start}}
.m6-in,#m6B{min-width:0}
/* ===== v6.3 Ploy's Zoo ===== */
.zoo63,.map63{display:flex;flex-direction:column;background:linear-gradient(180deg,#DFF3E4,#F7F1DE);z-index:11;padding:calc(8px + var(--safe-t,0px)) calc(12px + var(--safe-r,0px)) calc(10px + var(--safe-b,0px)) calc(12px + var(--safe-l,0px));gap:10px;overflow:hidden}
.zh63{display:flex;align-items:center;gap:10px;min-height:44px}
.zh63 h2{flex:1;margin:0;font:800 1.25rem/1.1 var(--font-d,inherit);color:#1F2A33}
.zh63 .ib{width:44px;height:44px;border-radius:14px;background:#fff;border:0;box-shadow:0 2px 0 rgba(0,0,0,.12);display:grid;place-items:center;font-size:1.2rem;color:#1F2A33;cursor:pointer}
.zh63 .ib svg{width:22px;height:22px}
.zmel63{background:#fff;border-radius:999px;padding:6px 12px;font-weight:800;box-shadow:0 2px 0 rgba(0,0,0,.1)}
.zm63{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}
.zsc63{position:relative;border-radius:22px;overflow:hidden;background:#7CC46A;box-shadow:inset 0 0 0 3px rgba(31,42,51,.12);min-height:0}
.zsc63 canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.zinfo63{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.9);border-radius:14px;padding:6px 10px;display:flex;flex-direction:column;font-size:.8rem;color:#33424D}
.zinfo63 b{font-size:.95rem;color:#1F2A33}
.zbest63{position:absolute;right:10px;bottom:10px}
.zst63{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;overflow:auto;min-height:0}
.zs63{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border:0;border-radius:18px;background:#fff;box-shadow:0 3px 0 rgba(0,0,0,.1);text-align:left;cursor:pointer;min-height:96px;color:#1F2A33;transition:transform .12s}
.zs63:hover{transform:translateY(-2px)}
.zs63:active{transform:translateY(1px)}
.zi63{font-style:normal;font-size:1.9rem;line-height:1;width:48px;height:48px;border-radius:14px;background:#FFF4D6;display:grid;place-items:center;margin-bottom:4px}
.zs63 b{font-size:1rem}
.zs63 small{font-size:.78rem;color:#5B6B77;line-height:1.25}
.zd63{position:absolute;top:10px;right:10px;width:12px;height:12px;border-radius:50%;background:#F0485A;box-shadow:0 0 0 2px #fff;display:none}
.zd63.on{display:block}
.zf63{display:flex;gap:10px;align-items:center}
.zplay63{flex:1;min-height:58px;font-size:1.25rem}
.zplay63 small{display:block;font-size:.72rem;font-weight:600;opacity:.9}
.cmp63{font-style:normal;font-weight:800;font-size:.75rem;margin-left:6px;padding:1px 6px;border-radius:8px;white-space:nowrap}
.cmp63.up{color:#1E7A35;background:#DDF5E2}.cmp63.dn{color:#B3261E;background:#FCE3E1}.cmp63.eqv{color:#5B6B77;background:#EEF1F4}
.eb63{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 10px;background:#FFF8E6;border-radius:14px}
.eb63 small{color:#5B6B77;font-size:.75rem;line-height:1.3}
.tzoo63{position:relative;display:flex;align-items:center;gap:10px;width:100%;margin:8px 0 0;padding:10px 14px;border:0;border-radius:18px;background:#FFF4D6;box-shadow:0 3px 0 rgba(0,0,0,.14);cursor:pointer;color:#1F2A33;text-align:left}
.tzoo63 i{font-style:normal;font-size:1.6rem}
.tzoo63 span{display:flex;flex-direction:column;font-weight:800;font-size:1.05rem}
.tzoo63 small{font-weight:600;font-size:.78rem;color:#5B6B77}
.tzoo63 .dot{position:absolute;top:8px;right:10px;width:11px;height:11px;border-radius:50%;background:#F0485A;display:none}
.tzoo63 .dot.on{display:block}
#sTitle .menu [data-act="shop"],#t6row [data-act="ward"]{display:none}
.go63{position:absolute;inset:0;z-index:40;display:none;background:#FFF8E6;cursor:pointer}
.go63.on{display:block}
.go63 canvas{width:100%;height:100%;display:block}
.go63 .btn{position:absolute;right:calc(14px + var(--safe-r,0px));bottom:calc(14px + var(--safe-b,0px))}
.mp63{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px}
.mpfree63{display:flex;align-items:center;gap:14px;padding:16px;border:0;border-radius:20px;background:#F0485A;color:#fff;box-shadow:0 4px 0 #B32E3E;cursor:pointer;text-align:left}
.mpfree63 i{font-style:normal;font-size:1.6rem;width:52px;height:52px;border-radius:50%;background:#fff;color:#F0485A;display:grid;place-items:center}
.mpfree63 span{display:flex;flex-direction:column}.mpfree63 b{font-size:1.25rem}.mpfree63 small{opacity:.92}
.mprow63{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mpm63{padding:12px;border:0;border-radius:16px;background:#fff;font-weight:800;box-shadow:0 3px 0 rgba(0,0,0,.1);cursor:pointer;color:#1F2A33}
.mp63 h3{margin:6px 0 0;font-size:1rem;color:#1F2A33}.mp63 h3 small{font-weight:600;color:#5B6B77;font-size:.78rem;margin-left:6px}
.mpg63{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.mpz63{display:flex;flex-direction:column;justify-content:flex-end;min-height:84px;padding:10px;border:0;border-radius:16px;background:linear-gradient(180deg,var(--a) 0 55%,var(--b) 55%);color:#1F2A33;text-align:left;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.12)}
.mpz63 b{background:rgba(255,255,255,.92);border-radius:8px;padding:2px 6px;align-self:flex-start}
.mpz63 small{margin-top:4px;background:rgba(255,255,255,.85);border-radius:8px;padding:2px 6px;align-self:flex-start;font-size:.72rem}
.mpz63.lk{filter:grayscale(.7);opacity:.7;cursor:default}
.tour63{position:absolute;inset:0;z-index:30}
.tspot63{position:absolute;border-radius:18px;box-shadow:0 0 0 4px #FFD23F,0 0 0 9999px rgba(15,20,35,.6);pointer-events:none;transition:all .25s}
.tbub63{position:absolute;left:50%;transform:translateX(-50%);width:min(380px,calc(100% - 24px));background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.tbub63 p{margin:0 0 10px;font-size:.95rem;line-height:1.4;color:#1F2A33}
.tbub63 div{display:flex;align-items:center;gap:8px}.tbub63 small{flex:1;color:#5B6B77}
@media (max-width:760px){
 .zm63{grid-template-columns:1fr;grid-template-rows:minmax(170px,38%) minmax(0,1fr);gap:10px}
 .zst63{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .zs63{align-items:center;text-align:center;min-height:0;padding:10px 6px}
 .zs63 small{display:none}
 .zi63{width:44px;height:44px;font-size:1.6rem}
 .zs63 b{font-size:.85rem}
 .zf63 .btn.ghost{padding-inline:10px}
 .mpg63{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
 .zm63{grid-template-rows:minmax(200px,46%) auto}
 .zs63{padding:14px 6px}
 .zf63{flex-wrap:wrap}
 .zf63 .zplay63{flex:1 1 100%;width:100%;max-width:none}
 .zf63 .btn.ghost{flex:1}
}
.zf63 .zplay63{max-width:none}
/* v6.3.1 Support the $PLOY Community */
.sup64w{grid-column:1/-1}
.sup64{position:relative;border-radius:18px;background:linear-gradient(135deg,#0F6B4C,#1E9E64 55%,#2FBF7A);box-shadow:0 4px 0 #0A4A34,0 8px 18px rgba(15,107,76,.25);color:#fff;overflow:hidden}
.sup64::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 20%,rgba(255,226,122,.35),transparent 45%);pointer-events:none}
.sup64m{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px 12px 12px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.sup64i{flex:0 0 auto;width:54px;height:46px;display:grid;place-items:center;background:rgba(255,255,255,.16);border-radius:14px}
.sup64i svg{width:44px;height:38px}
.sup64.rdy .sup64i svg{animation:sup64b 2.4s ease-in-out infinite}
@keyframes sup64b{0%,70%,100%{transform:none}76%{transform:rotate(-8deg) scale(1.06)}82%{transform:rotate(7deg) scale(1.06)}88%{transform:rotate(-4deg)}}
.sup64t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sup64t b{font:400 19px/1.1 Lilita,Inter;letter-spacing:.3px}
.sup64t small{font:600 12.5px/1.3 Inter;color:#E6FFF2}
.sup64t small b{font:800 12.5px/1.3 Inter;color:#FFE27A;letter-spacing:0}
.sup64x{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:12px;background:#0F1419;color:#fff;font:800 13px/1.1 Inter;box-shadow:0 3px 0 #000}
.sup64x svg{width:15px;height:15px;flex:0 0 auto}
.sup64x em{font-style:normal;max-width:120px}
.sup64.cd .sup64x{background:rgba(15,20,25,.55);box-shadow:none}
.sup64q{position:absolute;top:6px;right:10px;border:0;background:none;color:#E6FFF2;font:700 11px Inter;text-decoration:underline;cursor:pointer;padding:2px 4px;z-index:1}
.sup64z .sup64m{padding-top:16px}
.sup64m:focus-visible,.sup64q:focus-visible,.sup64p:focus-visible{outline:3px solid #FFE27A;outline-offset:2px}
.sup64m:active{transform:translateY(1px)}
#supO64{margin:10px 0 2px}
.sup64o .sup64t b{font-size:17px}
.sup64p{display:flex;align-items:center;gap:8px;width:100%;margin:8px 0 0;padding:7px 12px;border:0;border-radius:14px;background:linear-gradient(90deg,#0F6B4C,#1E9E64);color:#fff;box-shadow:0 3px 0 #0A4A34;cursor:pointer;text-align:left}
.sup64p i{font-style:normal;font-size:1.1rem}
.sup64p span{flex:1;min-width:0;display:flex;flex-direction:column;font:800 14px/1.15 Inter}
.sup64p small{font:600 11.5px/1.2 Inter;color:#E6FFF2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sup64p em{display:flex;align-items:center;gap:5px;font:800 12px Inter;font-style:normal;background:#0F1419;border-radius:10px;padding:6px 9px}
.sup64p em svg{width:12px;height:12px}
.tag.sup64{display:inline-block;background:linear-gradient(#9FF0C8,#2FBF7A);color:#073D2A;font:800 10.5px/1.2 Inter;border-radius:99px;padding:2px 8px;box-shadow:inset 0 0 0 1.5px #0F6B4C;font-style:normal}
.card.r-supporter{box-shadow:inset 0 0 0 2px #1E9E64}
.card.r-supporter .rar,.rar.r-supporter{color:#1E9E64}
.btn.sup64b{background:linear-gradient(#2FBF7A,#0F6B4C);box-shadow:0 4px 0 #0A4A34;font-size:17px}
.m6-sup64 .m6-in{background:linear-gradient(#F2FFF8,var(--cream) 40%)}
.sup64r{text-align:center}
.sup64r h4{margin:12px 0 6px;font:800 15px Inter;text-align:left}
.sup64r h4 small{font-weight:600;color:#5B6B77}
.sup64ch{position:relative;width:110px;height:92px;margin:4px auto 2px;animation:sup64s .55s ease-in-out}
.sup64ch svg{position:relative;width:110px;height:92px;animation:sup64p .5s .5s cubic-bezier(.3,1.6,.5,1) both}
.sup64ch .gl{position:absolute;inset:-30px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,226,122,0),rgba(255,226,122,.65),rgba(255,226,122,0) 25%,rgba(159,240,200,.6) 50%,rgba(255,226,122,0) 75%,rgba(255,226,122,.65));animation:sup64g 4s linear infinite,sup64f .5s .5s both;opacity:0;mask-image:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%)}
.info .sup64ch{display:none}
@keyframes sup64s{0%,100%{transform:none}20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}
@keyframes sup64p{0%{transform:scale(1)}50%{transform:scale(1.18) translateY(-6px)}100%{transform:scale(1)}}
@keyframes sup64g{to{transform:rotate(360deg)}}
@keyframes sup64f{to{opacity:1}}
.sup64h{margin:6px 0 8px;font:800 16px/1.3 Inter;color:var(--ink)}
.sup64l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.sup64l li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 2px #9FF0C8,0 2px 0 rgba(0,0,0,.08);animation:sup64i .45s var(--d,0s) cubic-bezier(.3,1.5,.5,1) both}
.sup64l li b{font:800 12.5px/1.2 Inter;color:var(--ink)}
.sup64l li small{font:600 11px Inter;color:#5B6B77}
.sup64c canvas{display:block;border-radius:10px}
@keyframes sup64i{from{opacity:0;transform:translateY(14px) scale(.8)}to{opacity:1;transform:none}}
.sup64cur{margin:10px 0 4px;font:800 14px/1.35 Inter;color:#0F6B4C}
.sup64cur.big{font-size:22px}
.sup64r .obtns{margin-top:10px}
.sup64r .btn.x{width:100%}
.sup64f{text-align:center}.sup64f .btn{margin:8px auto}
@media (max-width:760px){
 .sup64t b{font-size:16px}.sup64t small{font-size:11.5px}
 .sup64m{gap:9px;padding:12px 10px 10px 10px}
 .sup64i{width:44px;height:40px}.sup64i svg{width:36px;height:31px}
 .sup64x{padding:8px 9px;font-size:11.5px}.sup64x em{max-width:78px}
 .sup64l{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
}
@media (prefers-reduced-motion:reduce){.sup64.rdy .sup64i svg,.sup64ch,.sup64ch svg,.sup64ch .gl,.sup64l li{animation:none!important;opacity:1}}
#supO64{grid-column:1/-1;width:100%}
.sup64o .sup64x em{max-width:96px}
.sup64x em{white-space:normal}
/* v6.3.2: bigger touch targets on phones and tablets (WCAG 2.5.8, 24px min; aim ~40px), visuals unchanged on desktop */
@media (pointer:coarse){
.c61,.hc-tpl button{min-height:40px}
.seg button{min-height:40px;min-width:48px}
.sup64q{top:0;right:4px;padding:10px 8px;font-size:12px}
.lnk62{padding:10px 2px;margin:-10px -2px}
#stVol,#stMvol,#w61z{height:36px}
}
.sup64q{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}
/* v6.3.3: share everywhere (X big, then a compact grid of other apps) */
.hc6>.btn.x.sh633x{display:flex;width:100%;justify-content:center;gap:8px;font-size:19px;padding:13px 12px;margin:10px 0 0}
#sShare .btn.x.sh633x,#oShare.sh633x{gap:6px}
.sh633{margin:10px 0 4px}
.sh633g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.sh633b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:6px 2px;border:0;border-radius:12px;background:rgba(255,255,255,.92);color:#21313A;font:700 11px/1.1 Inter,Arial,sans-serif;box-shadow:0 2px 0 rgba(0,0,0,.18);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sh633b svg{width:20px;height:20px;flex:none}
.sh633b span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh633b:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(0,0,0,.18)}
.sh633b:focus-visible{outline:3px solid #FFD43B;outline-offset:2px}
.sh633-tiktok{background:#111;color:#fff}.sh633-tiktok svg{filter:drop-shadow(1.5px 0 0 #FE2C55) drop-shadow(-1.5px 0 0 #25F4EE)}
.sh633-facebook svg{color:#1877F2}.sh633-reddit svg{color:#FF4500}.sh633-whatsapp svg{color:#1FA855}.sh633-bluesky svg{color:#1185FE}.sh633-farcaster svg{color:#855DCD}.sh633-telegram svg{color:#229ED9}.sh633-threads svg{color:#000}
.sh633tip{margin:8px 0 0;font:700 13px/1.3 Inter,Arial,sans-serif;text-align:center;color:inherit;opacity:.9}
.sh633hide{display:none!important}
@media (max-width:360px){.sh633g{gap:4px}.sh633b{font-size:10px;min-height:48px}}
#oShare.sh633x{grid-column:1/-1;font-size:18px;white-space:nowrap}
.sh633b{font-size:10.5px;letter-spacing:-.2px}
/* ===== v6.4: crew card, share bonus note, tips ===== */
#crwZ64{grid-column:1/-1}
.crw64{position:relative;background:linear-gradient(135deg,#2F3E56,#3B5272);color:#fff;border-radius:18px;padding:12px 12px 10px;border:3px solid #1F2A33;box-shadow:0 4px 0 rgba(0,0,0,.18);margin:0 0 10px}
.crw64x{position:absolute;top:4px;right:6px;width:32px;height:32px;border:0;background:transparent;color:#fff;font-size:22px;line-height:1;opacity:.75;cursor:pointer}
.crw64h{display:flex;gap:10px;align-items:center;padding-right:24px}
.crw64h div>b{display:block;font-size:1rem;line-height:1.2}
.crw64h small{display:block;font-size:.8rem;line-height:1.35;opacity:.92;margin-top:3px}
.crw64i{width:52px;height:52px;flex:none;border-radius:50%;background:#FFD86B;border:3px solid #1F2A33}
.crw64i.big{width:84px;height:84px;display:block;margin:0 auto 8px}
.crw64go{width:100%;margin:10px 0 8px;background:#F7C531;color:#1F2A33;display:flex;flex-direction:column;align-items:center;gap:1px}
.crw64go small{font-size:.72rem;font-weight:700;opacity:.8}
.crw64j{display:flex;flex-direction:column;gap:6px}
.crw64j>span{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.crw64j>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.crw64j a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:4px 6px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-weight:800;font-size:.78rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crw64j a svg{width:15px;height:15px;flex:none}
.crw64m{text-align:center}
.crw64m ul{list-style:none;padding:0;margin:6px 0 10px;text-align:left;display:inline-block}
.crw64m li{margin:4px 0}
.crw64m .crw64j a{background:#2F3E56}
.crw64m .crw64j>span{color:#2F3E56;opacity:1}
.crw64m .row2{margin-top:12px}
#crwS64 .crw64j a{background:#2F3E56}
#crwS64 .crw64j>span{display:none}
#crwS64 .btn{margin-top:8px}
#crwO64{margin:10px 0}
.sh64n{margin:6px 0 0;font-size:.78rem;font-weight:700;text-align:center;color:#5B6B77}
.sh64n.on{color:#2E7D3E}
.tip64{position:fixed;z-index:9000;background:#fff;color:#1F2A33;border-radius:16px;padding:12px 14px;border:3px solid #1F2A33;box-shadow:0 10px 30px rgba(0,0,0,.35);animation:tip64 .25s ease-out}
.tip64 b{display:block;font-size:1rem;margin-bottom:4px}
.tip64 p{margin:0 0 10px;font-size:.88rem;line-height:1.4}
.tip64 .btn{min-width:96px}
.tip64:after{content:"";position:absolute;left:calc(var(--ax) - 9px);width:14px;height:14px;background:#fff;border:3px solid #1F2A33;transform:rotate(45deg)}
.tip64.dn:after{top:-10px;border-right:0;border-bottom:0}
.tip64.up:after{bottom:-10px;border-left:0;border-top:0}
.tipT64{outline:4px solid #F7C531;outline-offset:3px;border-radius:14px}
@keyframes tip64{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.btn[hidden],[hidden].btn{display:none!important}
/* v6.4 fix: tall dialogs (Support, Settings, News…) grew past the screen on phones so their bottom buttons could not be reached; the dialog row is now capped to the screen and the body scrolls */
.m6{grid-template-rows:minmax(0,100%);grid-template-columns:minmax(0,100%)}