/* The Living Table: the battle screen. Sits inside .nft (table.css has the colours and buttons).
   Essential information is set in Outfit; the pixel face is only an accent. */

.nft.is-battle .nft__bar{display:none}
.nft.is-battle .nft__body{padding:0;overflow:hidden;display:flex}
.nft .pips--pink{color:#ff6fd8}

.lt{--mine:#5fe3ff;--theirs:#ff4fd8;flex:1;min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#07061a}

/* --- top bar ------------------------------------------------------------------------- */
.lt__top{position:relative;z-index:8;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 14px;background:linear-gradient(rgba(5,5,20,.92),rgba(5,5,20,.6));border-bottom:1px solid rgba(107,138,255,.18)}
.lt__brand{display:grid;line-height:1.1}
.lt__brand b{font:700 15px var(--px);letter-spacing:.42em;color:#fff}
.lt__brand span{font:700 9px var(--px);letter-spacing:.38em;color:var(--mute);text-transform:uppercase}
.lt__pill{justify-self:center;font:700 13px var(--px);letter-spacing:.14em;text-transform:uppercase;color:#ffd27a;border:1.5px solid rgba(255,181,71,.8);border-radius:999px;padding:7px 22px;background:rgba(20,14,4,.55);box-shadow:0 0 18px rgba(255,181,71,.25),inset 0 0 12px rgba(255,181,71,.12);white-space:nowrap;max-width:46vw;overflow:hidden;text-overflow:ellipsis}
.lt.is-theirs .lt__pill{color:#ffb3ec;border-color:rgba(255,79,216,.75);box-shadow:0 0 18px rgba(255,79,216,.25)}
.lt__tools{justify-self:end;display:flex;gap:8px;align-items:center}
.lt__ic{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(236,233,225,.25);background:rgba(7,7,26,.5);color:var(--bone);cursor:pointer;padding:0}
.lt__ic svg{width:19px;height:19px;fill:currentColor}
.lt__ic[aria-pressed="true"]{color:var(--mine);border-color:rgba(95,227,255,.6)}
.lt__ic:hover,.lt__leave:hover{border-color:var(--bone)}
.lt__leave{font:600 14px var(--sans);color:var(--bone);background:rgba(7,7,26,.5);border:1px solid rgba(236,233,225,.3);border-radius:10px;padding:8px 14px;cursor:pointer}

/* --- the stage ---------------------------------------------------------------------- */
.lt__main{position:relative;min-height:0;display:grid;grid-template-rows:minmax(0,1fr)}
.lt__stage{position:relative;min-height:0;overflow:hidden;container-type:size;grid-row:1}
.lt__cv{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.lt__cv--city{z-index:0}
.lt__cv--scars{z-index:1}
.lt__cv--fx{z-index:6}
.lt-shake .lt__stage{animation:lt-shake .34s linear}
@keyframes lt-shake{0%,100%{transform:none}20%{transform:translate(-5px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}

/* Trainer chips over the top corners */
.hud{position:absolute;top:10px;z-index:7;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"pt id co" "pt en co";align-items:center;gap:2px 12px;padding:8px 14px 8px 10px;min-width:min(330px,32%);max-width:40%;text-align:left;color:var(--bone);font:inherit;background:linear-gradient(140deg,rgba(14,13,40,.9),rgba(8,8,26,.85));border:1px solid rgba(107,138,255,.3);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.35);cursor:pointer}
.hud--me{left:12px;border-color:rgba(95,227,255,.4)}
.hud--opp{right:12px;border-color:rgba(255,79,216,.4)}
.hud:hover{border-color:var(--bone)}
.hud__pt{grid-area:pt;width:35px;height:50px;image-rendering:pixelated}
.hud--opp .hud__pt{transform:scaleX(-1)}
.hud__id{grid-area:id;min-width:0}
.hud__id b{display:block;font:700 14px var(--px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hud__id small{display:block;color:var(--mute);font-size:12.5px}
.hud__en{grid-area:en;display:flex;align-items:center;gap:8px}
.hud__en b{font:700 13px var(--sans);color:var(--mine)}
.hud--opp .hud__en b{color:#ff8be3}
.hud__co{grid-area:co;display:grid;justify-items:end;line-height:1.15}
.hud__co b{font:800 18px var(--sans);color:var(--bone)}
.hud__co small{font-size:11.5px;color:var(--mute)}
.hud__co.is-hot b{color:var(--amber);text-shadow:0 0 12px rgba(255,181,71,.6)}
.lt.is-mine .hud--me,.lt.is-theirs .hud--opp{box-shadow:0 0 0 1px currentColor,0 0 24px rgba(107,138,255,.35)}
.lt.is-mine .hud--me{color:var(--bone);box-shadow:0 0 0 1px rgba(95,227,255,.7),0 0 22px rgba(95,227,255,.3)}
.lt.is-theirs .hud--opp{box-shadow:0 0 0 1px rgba(255,79,216,.7),0 0 22px rgba(255,79,216,.3)}

/* Trainers stand beside their teams */
.lt__trainer{position:absolute;z-index:2;transform:translate(-50%,-100%);height:var(--th,24cqh);pointer-events:none;transition:left .4s,top .4s}
.lt__trainer--me{left:12%;top:60%}
.lt__trainer--opp{left:88%;top:60%}
.lt__pt{height:100%;width:auto;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(95,227,255,.45)) drop-shadow(0 6px 4px rgba(0,0,0,.6))}
.lt__trainer--opp .lt__pt{transform:scaleX(-1);filter:drop-shadow(0 0 10px rgba(255,79,216,.45)) drop-shadow(0 6px 4px rgba(0,0,0,.6))}
.lt__trainer::after{content:"";position:absolute;left:50%;bottom:-3%;width:90%;height:9%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(rgba(0,0,0,.55),transparent 70%);z-index:-1}
.lt__trainer.r-cheer{animation:lt-hop .55s ease 2}
.lt__trainer.r-flinch{animation:lt-flinch .4s ease}
.lt__trainer.r-mourn{animation:lt-droop 1.2s ease}

.lt__label{position:absolute;z-index:2;bottom:1.2%;transform:translateX(-50%);font:700 11px var(--px);letter-spacing:.24em;text-transform:uppercase;pointer-events:none;white-space:nowrap}
.lt__label--me{left:12.5%;color:rgba(95,227,255,.75)}
.lt__label--opp{left:87.5%;color:rgba(255,79,216,.75)}

/* --- units: a creature standing on its card, with a plate ---------------------------- */
.unit{--x:50%;--y:90%;--cw:min(10.5cqw,19cqh);--crh:min(30cqh,19cqw);position:absolute;z-index:3;left:var(--x);top:var(--y);transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;transition:left .5s cubic-bezier(.3,.8,.3,1),top .5s cubic-bezier(.3,.8,.3,1)}
.unit.at-b0,.unit.at-b1{--cw:min(6.2cqw,11.5cqh);--crh:min(14cqh,9cqw);z-index:3}
.unit.at-a{z-index:4}
.unit--me.at-a{--x:33%;--y:94%}
.unit--opp.at-a{--x:67%;--y:94%}
.unit--me.at-b0{--x:6.5%;--y:94%}
.unit--me.at-b1{--x:17.5%;--y:94%}
.unit--opp.at-b0{--x:82.5%;--y:94%}
.unit--opp.at-b1{--x:93.5%;--y:94%}
.unit{--dx:1;--dy:0}
.unit--opp{--dx:-1}

.unit__holo{position:relative;width:calc(var(--crh) * 1.35);height:var(--crh);margin-bottom:calc(var(--cw) * -0.2);z-index:2;pointer-events:none;transform-origin:50% 100%;transition:width .5s,height .5s,opacity .3s}
.unit__cr{position:absolute;left:-50%;right:-50%;margin:0 auto;bottom:4%;height:100%;width:auto;max-width:none;image-rendering:pixelated;filter:drop-shadow(0 0 calc(var(--crh) * .05) var(--col)) drop-shadow(0 calc(var(--crh) * .03) 3px rgba(0,0,0,.55));animation:lt-bob 2.8s ease-in-out infinite;transition:opacity .4s,filter .3s}
.unit--opp .unit__cr{scale:-1 1}
.unit.at-b0 .unit__cr,.unit.at-b1 .unit__cr{animation-duration:3.6s;filter:drop-shadow(0 0 4px var(--col)) brightness(.92)}
.unit__base{position:absolute;left:50%;bottom:0;width:78%;height:20%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--col) 55%,transparent),transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--col) 60%,transparent);opacity:.75}
.unit__dome{position:absolute;left:4%;right:4%;top:-4%;bottom:-2%;border-radius:50% 50% 44% 44%/62% 62% 38% 38%;border:1.5px solid rgba(143,216,255,.85);background:radial-gradient(circle at 50% 28%,rgba(200,240,255,.12),rgba(95,227,255,.16) 62%,rgba(95,227,255,.4)),repeating-linear-gradient(60deg,rgba(143,216,255,.14) 0 1px,transparent 1px 14px),repeating-linear-gradient(-60deg,rgba(143,216,255,.14) 0 1px,transparent 1px 14px);box-shadow:0 0 22px rgba(95,227,255,.55),inset 0 0 26px rgba(95,227,255,.4);opacity:0;transform:scale(.55);transform-origin:50% 100%;transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.4,1)}
.unit.has-guard .unit__dome{opacity:1;transform:none;animation:lt-dome 2.4s ease-in-out infinite}

.unit__card{position:relative;z-index:1;width:var(--cw);aspect-ratio:.666;padding:0;border:0;border-radius:calc(var(--cw) * .06);overflow:hidden;background:#0b0b1e;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 18px color-mix(in srgb,var(--col) 40%,transparent),0 12px 20px rgba(0,0,0,.55);transform:perspective(700px) rotateX(16deg);transform-origin:50% 100%;transition:width .5s cubic-bezier(.3,.8,.3,1),box-shadow .25s,filter .4s}
.unit__card img{display:block;width:100%;height:100%;object-fit:cover}
.unit:not(.unit--printed) .unit__card{border:2px solid color-mix(in srgb,var(--col) 70%,#fff 10%)}
.unit:not(.unit--printed) .unit__card img{object-position:50% 40%}
.unit__nm{position:absolute;left:0;right:0;top:0;padding:3px 5px;font:700 clamp(8px,1.1cqh,11px) var(--px);letter-spacing:.06em;background:linear-gradient(rgba(5,5,20,.9),transparent);color:#fff;text-align:left}
.unit__card:hover{box-shadow:0 0 0 1px rgba(255,255,255,.4),0 0 24px color-mix(in srgb,var(--col) 60%,transparent),0 12px 20px rgba(0,0,0,.55)}
.unit__ko,.unit__send{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);font:800 clamp(12px,2.4cqh,22px) var(--sans);letter-spacing:.08em;padding:3px 10px;border-radius:6px;display:none}
.unit__ko{color:#ff8ea4;border:2px solid #ff8ea4;background:rgba(20,4,10,.7)}
.unit__send{transform:translate(-50%,-50%);color:var(--ink);background:var(--amber);font-size:clamp(10px,1.6cqh,14px);white-space:nowrap}

.unit__plate{position:relative;z-index:3;width:calc(var(--cw) * 1.16);min-width:82px;margin-top:6px;padding:5px 8px 6px;background:rgba(7,7,26,.86);border:1px solid rgba(255,255,255,.14);border-radius:9px;box-shadow:0 6px 16px rgba(0,0,0,.4);transition:width .5s}
.unit__top{display:flex;justify-content:space-between;gap:6px;align-items:baseline}
.unit__top b{font:700 12.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unit__top em{font-style:normal;font-size:11px;color:var(--mute);white-space:nowrap}
.unit__hp{display:block;height:7px;margin:4px 0 3px;border-radius:4px;background:rgba(0,0,0,.55);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.unit__hp i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#3fe08c,var(--hpg));border-radius:4px;transition:width .55s cubic-bezier(.3,.8,.3,1)}
.unit__hp i.mid{background:linear-gradient(90deg,#e6a72e,var(--hpm))}
.unit__hp i.low{background:linear-gradient(90deg,#e0344f,var(--hpl))}
.unit__row{display:flex;justify-content:space-between;align-items:center;gap:6px}
.unit__hpn{font:700 12px var(--sans);white-space:nowrap}
.unit__st{flex:1;display:flex;flex-wrap:wrap;gap:3px;min-width:0;overflow:hidden;max-height:38px}
.unit__hpn{flex:none}
.unit__st i{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:999px;background:rgba(95,227,255,.14);color:#bff4ff;border:1px solid rgba(95,227,255,.35);white-space:nowrap}
.unit__st i.bad{background:rgba(255,93,122,.14);color:#ffc2cd;border-color:rgba(255,93,122,.4)}
.unit__st i.dim{background:transparent;color:var(--mute);border-color:rgba(154,156,182,.3)}
.unit.at-b0 .unit__plate,.unit.at-b1 .unit__plate{padding:4px 6px;min-width:66px}
.unit.at-b0 .unit__top b,.unit.at-b1 .unit__top b{font-size:10.5px}
.unit.at-b0 .unit__top em,.unit.at-b1 .unit__top em{display:none}
.unit.at-b0 .unit__st,.unit.at-b1 .unit__st{display:none}
.unit.at-b0 .unit__hpn,.unit.at-b1 .unit__hpn{font-size:10.5px;margin-left:auto}
.unit.at-b0 .unit__hp,.unit.at-b1 .unit__hp{height:5px}

.unit.is-ko .unit__card{filter:grayscale(1) brightness(.45)}
.unit.is-ko .unit__ko{display:block}
.unit.is-ko .unit__cr{opacity:0}
.unit.is-ko .unit__base{opacity:.15}
.unit.is-pick .unit__card{box-shadow:0 0 0 2px var(--amber),0 0 26px rgba(255,181,71,.7);animation:lt-pick 1.1s ease-in-out infinite}
.unit.is-pick .unit__send{display:block}
.unit.is-pick .unit__cr{filter:drop-shadow(0 0 8px var(--amber))}

/* --- what the creatures do ------------------------------------------------------------- */
@keyframes lt-bob{0%,100%{translate:0 0}50%{translate:0 -3.5%}}
@keyframes lt-dome{0%,100%{box-shadow:0 0 18px rgba(95,227,255,.45),inset 0 0 22px rgba(95,227,255,.35)}50%{box-shadow:0 0 30px rgba(95,227,255,.7),inset 0 0 30px rgba(95,227,255,.5)}}
@keyframes lt-pick{0%,100%{transform:perspective(700px) rotateX(16deg) translateY(0)}50%{transform:perspective(700px) rotateX(16deg) translateY(-6px)}}
.unit.do-lunge .unit__holo{animation:lt-lunge .62s cubic-bezier(.3,.7,.3,1)}
@keyframes lt-lunge{0%{transform:none}35%{transform:translate(calc(var(--dx) * 34%),calc(var(--dy) * 34%)) scale(1.08)}55%{transform:translate(calc(var(--dx) * 40%),calc(var(--dy) * 40%)) scale(1.1)}100%{transform:none}}
.unit.do-hit .unit__holo{animation:lt-hit .5s ease}
.unit.do-hit .unit__cr{filter:brightness(2.4) drop-shadow(0 0 10px #fff)}
@keyframes lt-hit{0%,100%{transform:none}20%{transform:translateX(calc(var(--dx) * -7%)) rotate(calc(var(--dx) * -4deg))}45%{transform:translateX(calc(var(--dx) * 5%))}70%{transform:translateX(calc(var(--dx) * -3%))}}
.unit.do-charge .unit__cr{animation:lt-bob 2.8s ease-in-out infinite,lt-charge .8s ease}
@keyframes lt-charge{0%,100%{filter:drop-shadow(0 0 6px var(--col))}50%{filter:drop-shadow(0 0 22px var(--col)) drop-shadow(0 0 40px var(--col)) brightness(1.4)}}
.unit.do-dodge .unit__holo{animation:lt-dodge .5s ease}
@keyframes lt-dodge{0%,100%{transform:none;opacity:1}40%{transform:translate(calc(var(--dx) * -24%),calc(var(--dy) * -24%));opacity:.4}}
.unit.do-ko .unit__cr{animation:lt-ko 1s ease forwards}
@keyframes lt-ko{0%{opacity:1;filter:brightness(1)}30%{filter:brightness(3) drop-shadow(0 0 20px #fff)}100%{opacity:0;transform:scale(.6,.2) translateY(30%);filter:brightness(3) blur(3px)}}
.unit.do-recall .unit__holo{animation:lt-recall .45s ease-in forwards}
@keyframes lt-recall{0%{transform:none;opacity:1}100%{transform:scale(.25,.05);opacity:0}}
.unit.do-emerge .unit__holo{animation:lt-emerge .7s cubic-bezier(.3,1.5,.5,1)}
@keyframes lt-emerge{0%{transform:scale(.2,.02);opacity:0}60%{transform:scale(1.06,1.08);opacity:1}100%{transform:none}}
/* The bench watches: cheering, flinching, mourning a fallen teammate. */
.unit.r-cheer .unit__holo{animation:lt-hop .5s ease 2}
.unit.r-flinch .unit__holo{animation:lt-flinch .4s ease}
.unit.r-mourn .unit__holo{animation:lt-droop 1.2s ease}
@keyframes lt-hop{0%,100%{transform:none}40%{transform:translateY(-14%) scale(1.04,.98)}}
@keyframes lt-flinch{0%,100%{transform:none}30%{transform:translateX(-4%) rotate(-3deg)}60%{transform:translateX(3%)}}
@keyframes lt-droop{0%,100%{transform:none;filter:none}30%,75%{transform:translateY(6%) rotate(-6deg) scale(.96);filter:grayscale(.7) brightness(.7)}}

/* Damage numbers and words over the table */
.lt__floats{position:absolute;inset:0;z-index:7;pointer-events:none}
.lt-float{position:absolute;transform:translate(-50%,-50%);font:800 26px var(--sans);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.6);white-space:nowrap;animation:lt-rise 1.35s ease-out forwards}
.lt-float.dmg{color:#ff6f8c}
.lt-float.dmg.big{font-size:38px;color:#ff4f7a}
.lt-float.ctr{color:var(--amber)}
.lt-float.heal{color:var(--hpg)}
.lt-float.grd{color:var(--mine);font-size:18px}
.lt-float.msg{font-size:17px;font-weight:700}
.lt-float.blk{font-size:15px;color:#c9d2ff;margin-top:26px}
@keyframes lt-rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}30%{transform:translate(-50%,-70%) scale(1)}100%{opacity:0;transform:translate(-50%,-160%)}}

/* --- last move, log and actions ---------------------------------------------------------- */
.lt__last{position:relative;z-index:8;justify-self:center;width:min(900px,calc(100% - 24px));display:flex;align-items:center;gap:12px;margin:6px 0 0;padding:7px 8px 7px 18px;border-radius:999px;background:rgba(7,7,26,.88);border:1px solid rgba(107,138,255,.28);font-size:14px}
.lt__lastk{flex:none;font:700 11px var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--mine)}
.lt__lastt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lt__lastt i{font-style:normal;color:var(--mute)}
.lt__lastt b.opp{color:#ffb3ec}
.lt__lastt b.me{color:#bff4ff}
.lt__logb{flex:none;font:600 13px var(--sans);color:var(--bone);background:transparent;border:0;border-left:1px solid rgba(154,156,182,.3);padding:4px 12px;cursor:pointer}
.lt__logb::after{content:" ▾"}
.lt__logb[aria-expanded="true"]::after{content:" ▴"}
.lt__log{position:absolute;z-index:9;left:50%;bottom:132px;transform:translateX(-50%);width:min(900px,calc(100% - 24px));max-height:42%;overflow:auto;padding:10px 16px;background:rgba(7,7,26,.96);border:1px solid rgba(107,138,255,.35);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.lt__log ol{margin:0;padding:0 0 0 20px;display:grid;gap:3px;font-size:13.5px}
.lt__log li.opp{color:#ffd0ee}
.lt__log li.me{color:#d6f8ff}

.lt__acts{position:relative;z-index:8;display:flex;justify-content:center;gap:10px;padding:8px 14px 12px}
.lab{position:relative;flex:1 1 0;max-width:230px;min-width:0;display:flex;align-items:center;gap:12px;padding:11px 14px;text-align:left;color:var(--bone);font:inherit;border-radius:12px;border:1.5px solid rgba(107,138,255,.45);background:linear-gradient(160deg,#151a4a,#0d1033);cursor:pointer;transition:transform .12s,box-shadow .2s,opacity .2s}
.lab:hover:not(:disabled){transform:translateY(-2px)}
.lab:disabled{opacity:.42;cursor:not-allowed}
.lab__ic{flex:none;width:26px;height:26px;fill:currentColor}
.lab__t{min-width:0}
.lab__t b{display:block;font:700 16px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lab__t small{display:block;font-size:12.5px;color:#b9bedc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lab kbd{position:absolute;top:5px;right:7px;font:600 10px var(--sans);color:var(--mute);opacity:.8}
.lab--atk{border-color:rgba(95,227,255,.75);color:#dffaff;box-shadow:0 0 18px rgba(95,227,255,.22),inset 0 0 14px rgba(95,227,255,.1)}
.lab--atk .lab__ic{fill:var(--mine)}
.lab--sig{border-color:rgba(125,255,176,.6);background:linear-gradient(160deg,#0f3a35,#0a1d22)}
.lab--sig .lab__ic{fill:var(--hpg)}
.lab--def .lab__ic{fill:#8fb0ff}
.lab--ret{border-color:rgba(154,156,182,.5)}
.lab--ret .lab__ic{fill:#c9cff5}
.lab--ret.on{border-color:var(--amber);box-shadow:0 0 18px rgba(255,181,71,.35)}
.lab--end{border-color:rgba(255,181,71,.85);background:linear-gradient(160deg,#3a2808,#1d1406);color:#ffd27a;box-shadow:0 0 16px rgba(255,181,71,.2)}
.lab--end .lab__ic{fill:var(--amber)}
.lt__wait,.lt__need{position:absolute;left:50%;top:-30px;transform:translateX(-50%);margin:0;font-size:13.5px;color:var(--mute);white-space:nowrap;pointer-events:none}
.lt__need{position:static;transform:none;padding:16px;color:var(--amber);font-size:16px;font-weight:600;white-space:normal;text-align:center}
.lt.is-over .lt__acts .lt__wait{position:static;transform:none;padding:20px}

/* Battle menu and details sheet */
.lt__menu{position:absolute;z-index:12;top:54px;right:12px;width:230px;display:grid;padding:6px;background:#0f0e2c;border:1px solid rgba(107,138,255,.4);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.55)}
.lt__menu button{display:flex;justify-content:space-between;gap:10px;font:500 14px var(--sans);color:var(--bone);background:transparent;border:0;border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer}
.lt__menu button:hover{background:rgba(107,138,255,.14)}
.lt__menu button b{font-weight:600;color:var(--mine)}
.lt__menu .bad{color:#ffb3c1}
.lt__pop{position:absolute;z-index:11;width:340px;max-height:70%;overflow:auto;padding:14px;background:#100f2e;border:1px solid rgba(107,138,255,.45);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.6)}
.lt__pop .tc{border:0;padding:0;background:none;box-shadow:none}
.lt__popx{position:absolute;top:6px;right:8px;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--bone);font-size:22px;line-height:1;cursor:pointer}
.lt__popx:hover{background:rgba(255,255,255,.08)}

/* Banner, coin and result inside the table */
.lt .banner{top:46%;z-index:10}
.lt .banner b{font-family:var(--sans);font-weight:800;font-size:46px;letter-spacing:.02em}
.lt .res-wrap{inset:0;z-index:13;background:rgba(4,4,14,.55);padding:4vh 16px}
.post{margin:0;display:grid;gap:8px}
.post img,.post__ph{width:100%;aspect-ratio:16/9;border-radius:10px;border:1px solid rgba(255,255,255,.15);object-fit:cover;display:block}
.post__ph{display:grid;place-items:center;color:var(--mute);font-size:13px;background:rgba(0,0,0,.35)}
.post figcaption{display:flex;gap:8px;flex-wrap:wrap}
.res .fxp img{object-fit:contain;background:rgba(0,0,0,.25)}

/* --- reduced motion ------------------------------------------------------------------- */
.lt--rm .unit__cr,.lt--rm .unit.has-guard .unit__dome,.lt--rm .unit.is-pick .unit__card{animation:none}
.lt--rm .unit,.lt--rm .unit__card,.lt--rm .unit__holo,.lt--rm .unit__hp i,.lt--rm .lt__trainer{transition-duration:.01s}
.lt--rm .unit[class*="do-"] .unit__holo,.lt--rm .unit[class*="r-"] .unit__holo,.lt--rm .lt__trainer[class*="r-"],.lt--rm .unit.do-charge .unit__cr{animation:none}
.lt--rm .unit.do-ko .unit__cr{animation:none;opacity:0}
.lt--rm .lt-float{animation:lt-fade 1.2s linear forwards}
@keyframes lt-fade{0%,80%{opacity:1}100%{opacity:0}}

/* --- tall screens (phones): the two sides top and bottom ---------------------------------- */
.lt--tall .lt__main{grid-template-rows:auto minmax(0,1fr) auto}
.lt--tall .lt__stage{grid-row:2}
.lt--tall .hud{position:relative;top:auto;left:auto;right:auto;max-width:none;min-width:0;margin:6px 10px 0;padding:5px 12px 5px 8px;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"pt id en co";gap:0 10px;border-radius:12px}
.lt--tall .hud--opp{grid-row:1}
.lt--tall .hud--me{grid-row:3;margin:0 10px 4px}
.lt--tall .hud__pt{width:25px;height:36px}
.lt--tall .hud__id b{font-size:12px}
.lt--tall .hud__id small{font-size:11px}
.lt--tall .hud__co b{font-size:15px}
.lt--tall .hud__co small{display:none}
.lt--tall .hud__en b{display:none}
.lt--tall .unit{--dx:0;--dy:-1}
.lt--tall .unit--opp{--dy:1}
.lt--tall .unit{--cw:min(25cqw,15cqh);--crh:min(15.5cqh,36cqw)}
.lt--tall .unit.at-b0 .unit__top em,.lt--tall .unit.at-b1 .unit__top em,.lt--tall .unit__st i.dim{display:none}
.lt--tall .unit__st{max-height:17px}
.lt--tall .unit.at-b0,.lt--tall .unit.at-b1{--cw:min(14cqw,8.5cqh);--crh:min(9cqh,22cqw)}
.lt--tall .unit--me.at-a{--x:50%;--y:97.5%}
.lt--tall .unit--opp.at-a{--x:50%;--y:47.5%}
.lt--tall .unit--me.at-b0{--x:13%;--y:97.5%}
.lt--tall .unit--me.at-b1{--x:87%;--y:97.5%}
.lt--tall .unit--opp.at-b0{--x:13%;--y:42%}
.lt--tall .unit--opp.at-b1{--x:87%;--y:42%}
.lt--tall .lt__trainer{--th:10cqh}
.lt--tall .lt__trainer--opp{left:13%;top:16%}
.lt--tall .lt__trainer--me{left:87%;top:71%}
.lt--tall .lt__label{display:none}
.lt--tall .unit__plate{min-width:0}
.lt--tall .unit.at-b0 .unit__plate,.lt--tall .unit.at-b1 .unit__plate{min-width:0;width:calc(var(--cw) * 1.3)}
.lt--tall .lt__log{bottom:118px}
.lt--tall .lt-float{font-size:22px}
.lt--tall .lt-float.dmg.big{font-size:30px}

@media (max-width:760px){
	.lt__top{grid-template-columns:auto 1fr auto;padding:6px 8px;gap:8px}
	.lt__brand b{font-size:11px;letter-spacing:.28em}
	.lt__brand span{display:none}
	.lt__pill{font-size:10.5px;padding:6px 12px;letter-spacing:.08em;max-width:52vw}
	.lt__ic{width:32px;height:32px}
	.lt__leave{padding:7px 10px;font-size:13px}
	.lt__last{margin-top:4px;padding:5px 6px 5px 12px;font-size:12.5px;gap:8px}
	.lt__lastk{display:none}
	.lt__logb{font-size:12px;padding:3px 8px}
	.lt__acts{gap:5px;padding:6px 6px 8px}
	.lab{flex-direction:column;gap:3px;padding:8px 4px 7px;text-align:center;border-radius:10px}
	.lab__ic{width:22px;height:22px}
	.lab__t b{font-size:12px}
	.lab__t small{font-size:10px}
	.lab kbd{display:none}
	.lt__wait{display:none}
	.lt__menu{top:46px;right:8px}
	.lt__pop{left:8px!important;right:8px;bottom:8px!important;top:auto!important;width:auto!important;max-height:62%}
	.lt .banner b{font-size:34px}
	.unit__top b{font-size:11px}
	.unit__hpn{font-size:11px}
	.unit__st i{font-size:9.5px;padding:0 5px}
}
@media (max-width:420px){
	.lt__brand{display:none}
	.lt__top{grid-template-columns:1fr auto}
	.lt__pill{justify-self:start}
}

/* =================================================================================================
   The menu: take your seat. The city fills the table; your team stands on the plinth.
   ================================================================================================= */
.nft.is-menu .nft__bar{display:none}
.nft.is-menu .nft__body{padding:0;overflow:hidden;display:flex}
.tm{--ice:#5fe3ff;position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:#07061a}
.tm__stage{position:absolute;inset:0;overflow:hidden;transform-origin:var(--ox,62%) var(--oy,58%);transition:transform .9s cubic-bezier(.62,0,.22,1),filter .9s}
.tm__shade{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity .6s;
	background:linear-gradient(90deg,rgba(5,5,18,.94) 0%,rgba(5,5,18,.78) 22%,rgba(5,5,18,.18) 40%,rgba(5,5,18,0) 52%),linear-gradient(0deg,rgba(5,5,18,.9) 0,rgba(5,5,18,.35) 18%,rgba(5,5,18,0) 34%),linear-gradient(180deg,rgba(5,5,18,.75) 0,rgba(5,5,18,0) 15%)}

/* top bar */
.tm__top{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(16px,2.4vw,34px);border-bottom:1px solid rgba(107,138,255,.14);transition:opacity .5s}
.tm__brand{display:flex;align-items:center;gap:18px;min-width:0}
.tm__brand b{font:700 15px var(--px);letter-spacing:.55em;color:#fff;white-space:nowrap}
.tm__brand i{flex:none;width:1px;height:22px;background:rgba(236,233,225,.28)}
.tm__brand span{font:700 11px var(--px);letter-spacing:.36em;color:#c3c6e0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm__tools{display:flex;gap:10px;align-items:center;flex:none}

/* the words */
.tm__hero{position:absolute;z-index:7;left:clamp(20px,3.2vw,54px);top:clamp(80px,13vh,132px);width:min(33vw,480px);transition:opacity .5s,transform .8s cubic-bezier(.62,0,.22,1)}
.tmh__k{font:700 13px var(--px);letter-spacing:.42em;text-transform:uppercase;color:#d9dbf0;margin:0 0 14px}
.tmh__h{font:800 clamp(46px,5.4vw,94px)/.9 var(--sans);letter-spacing:-.005em;text-transform:uppercase;margin:0 0 22px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.tmh__h em{display:block;font-style:normal;color:var(--ice);text-shadow:0 0 26px rgba(95,227,255,.55),0 4px 30px rgba(0,0,0,.6);overflow-wrap:anywhere}
.tmh__h.is-long{font-size:clamp(38px,4.2vw,72px)}
.tm--in .tmh__h{font-size:clamp(34px,3.7vw,64px)}
.tm--in .tmh__h.is-long{font-size:clamp(32px,3.5vw,60px)}
.tmh__p{font-size:clamp(17px,1.45vw,23px);line-height:1.45;color:#e8eaf8;margin:0 0 28px;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.tmh__go{display:flex;align-items:center;gap:18px;width:100%;max-width:430px;padding:clamp(14px,1.7vh,20px) 26px;font:700 clamp(19px,1.55vw,26px) var(--sans);color:#fff;text-align:left;background:linear-gradient(180deg,#2b8dff,#1a57ff);border:2px solid #86ecff;border-radius:14px;box-shadow:0 0 0 1px rgba(95,227,255,.3),0 0 34px rgba(95,227,255,.45),inset 0 1px 0 rgba(255,255,255,.35);cursor:pointer;transition:transform .15s,box-shadow .2s}
.tmh__go svg{flex:none;width:clamp(24px,2vw,32px);height:clamp(24px,2vw,32px);fill:#fff}
.tmh__go:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 1px rgba(95,227,255,.5),0 0 48px rgba(95,227,255,.65),inset 0 1px 0 rgba(255,255,255,.4)}
.tmh__go:disabled{cursor:progress;opacity:.85}
.tmh__go--s{font-size:18px;padding:13px 20px;max-width:none;margin-top:16px}
.tmh__fine{color:#b9bdd8;font-size:14.5px;margin:14px 0 0;max-width:44ch;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.tmh__how{display:inline-flex;gap:8px;align-items:center;margin-top:20px;font:600 16px var(--sans);color:var(--ice);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.tmh__how svg{width:13px;height:13px;fill:currentColor}
.tmh__stats{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 22px}
.tmh__stats span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(7,7,26,.7);border:1px solid rgba(107,138,255,.35);font-size:14px;color:#d6d9ee}
.tmh__stats b{color:#fff}
.tmh__stats .tro{width:16px;height:16px;fill:var(--amber)}
.tmh__alert{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;max-width:430px;margin:0 0 14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,181,71,.55);background:rgba(40,26,6,.7);font-size:14px}
.tmh__res{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;max-width:430px}
.tmh__res li{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(7,7,26,.78);border:1px solid rgba(107,138,255,.32);border-radius:10px;padding:7px 10px;font-size:13.5px}
.tmh__res em{font-style:normal;color:var(--amber);margin-left:4px}
.tmh__res span:last-child{display:flex;gap:6px}

/* the card at the top right */
.tm__side{position:absolute;z-index:7;top:68px;right:clamp(16px,2vw,30px);width:min(320px,23vw);padding:14px 18px 16px;background:linear-gradient(160deg,rgba(18,17,48,.93),rgba(9,9,28,.92));border:1px solid rgba(107,138,255,.32);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.45);transition:opacity .5s,transform .8s cubic-bezier(.62,0,.22,1)}
.tms__k{font:700 11px var(--px);letter-spacing:.38em;text-transform:uppercase;color:#a9abc8;margin:0 0 8px}
.nft .tms__h{font:700 clamp(19px,1.5vw,23px) var(--sans);letter-spacing:0;margin:0 0 6px;color:#fff}
.tms__p{color:#c9cbe0;margin:0 0 12px;font-size:14.5px;line-height:1.4}
.tms__p--s{display:flex;align-items:center;gap:6px;font-size:13.5px;margin:6px 0 14px}
.tms__p .tro{width:15px;height:15px;fill:var(--amber)}
.tms__btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:11px 16px;font:700 16px var(--sans);color:#fff;background:linear-gradient(180deg,#4b3bd0,#3a2ea8);border:1.5px solid #9d8cff;border-radius:12px;text-decoration:none;cursor:pointer;box-shadow:0 0 22px rgba(124,104,255,.35)}
.nft a.tms__btn{color:#fff}
.tms__btn svg{width:24px;height:24px;fill:#fff;flex:none}
.tms__btn:hover{filter:brightness(1.12)}
.tms__btn--go{background:linear-gradient(180deg,#2b8dff,#1a57ff);border-color:#86ecff;box-shadow:0 0 22px rgba(95,227,255,.3)}
.tms__btn--q{background:rgba(7,7,26,.6);border-color:rgba(236,233,225,.35);box-shadow:none;font-weight:600;font-size:15px;padding:10px 14px}
.tms__next{display:flex;align-items:center;gap:12px;margin:2px 0 12px}
.tms__next b{display:block;font-size:17px}
.tms__next small{display:block;color:var(--mute);font-size:13px}
.tms__pic{flex:none;width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:rgba(95,227,255,.08);border:1px solid rgba(95,227,255,.25);overflow:hidden}
.tms__pic img{max-width:90%;max-height:90%;image-rendering:pixelated}
.tms__pic .pt{width:34px;height:48px}
.tms__tro .tro{width:30px;height:30px;fill:var(--amber)}
.tms__bar{height:9px;border-radius:6px;background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.tms__bar i{display:block;height:100%;background:linear-gradient(90deg,#ffb547,#ffe08a);border-radius:6px}

/* the modes along the front */
.tm__modes{position:absolute;z-index:7;left:clamp(16px,2vw,30px);right:clamp(16px,2vw,30px);bottom:clamp(12px,2vh,22px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);transition:opacity .5s,transform .8s cubic-bezier(.62,0,.22,1)}
.tmm{--tmc:#6b8aff;position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;height:clamp(104px,15.5vh,152px);padding:0;overflow:hidden;text-align:left;color:var(--bone);font:inherit;background:#0d0c26;border:1.5px solid rgba(107,138,255,.3);border-radius:14px;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.45);transition:transform .15s,border-color .2s,box-shadow .2s}
.tmm--pve{--tmc:#5fe3ff}.tmm--bosses{--tmc:#c46bff}.tmm--road{--tmc:#ffb547}.tmm--friend{--tmc:#ff6fd8}
.tmm:hover{transform:translateY(-3px);border-color:var(--tmc);box-shadow:0 0 0 1px var(--tmc),0 14px 30px rgba(0,0,0,.5)}
.tmm.is-on{border-color:var(--tmc);box-shadow:0 0 0 1px var(--tmc),0 0 26px color-mix(in srgb,var(--tmc) 45%,transparent)}
.tmm__art{display:block;width:100%;height:100%;min-height:0}
.tmm.is-locked .tmm__art{filter:saturate(.85) brightness(.9)}
.tmm__b{display:flex;align-items:center;gap:12px;padding:9px 12px 11px;background:linear-gradient(rgba(10,10,30,.82),rgba(10,10,30,.96));border-top:1px solid rgba(255,255,255,.06)}
.tmm__i{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--tmc) 16%,transparent)}
.tmm__i svg{width:22px;height:22px;fill:var(--tmc)}
.tmm__t{min-width:0}
.tmm__t b{display:block;font:700 clamp(15px,1.15vw,18px) var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmm__t small{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#b9bdd8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmm__t .lk{flex:none;width:14px;height:14px;fill:#b9bdd8}
.tmm__chip{position:absolute;top:9px;right:9px;font:600 12px var(--sans);color:var(--tmc);background:rgba(7,7,26,.82);border:1.5px solid var(--tmc);border-radius:8px;padding:4px 8px;white-space:nowrap;box-shadow:0 0 14px color-mix(in srgb,var(--tmc) 30%,transparent)}

/* the team on the plinth */
.tmd{position:absolute;inset:0;z-index:3;pointer-events:none}
.tmu{--cw:150px;position:absolute;left:60%;top:70%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none}
.tmu::after{content:"";position:absolute;left:50%;bottom:calc(var(--cw) * -.1);width:calc(var(--cw) * 1.5);height:calc(var(--cw) * .32);transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--col) 55%,transparent),transparent);opacity:.7;z-index:0}
.tmu__holo{position:relative;width:calc(var(--cw) * 1.3);height:calc(var(--cw) * 1.22);margin-bottom:calc(var(--cw) * -.18);z-index:2}
.tmu__cr{position:absolute;left:-50%;right:-50%;margin:0 auto;bottom:4%;height:100%;width:auto;max-width:none;image-rendering:pixelated;filter:drop-shadow(0 0 calc(var(--cw) * .06) var(--col)) drop-shadow(0 4px 3px rgba(0,0,0,.55));animation:lt-bob 2.8s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1);rotate:calc(var(--look,0) * 5deg);transition:rotate .45s ease,scale .35s ease}
.tmu.is-turned .tmu__cr{scale:-1 1}
.tmu--blup .tmu__cr{rotate:calc(var(--look,0) * 11deg)}
.tmu__base{position:absolute;left:50%;bottom:0;width:72%;height:18%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--col) 60%,transparent),transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--col) 55%,transparent);opacity:.75}
.tmu__orb{position:absolute;left:50%;top:44%;width:0;height:0;transform:scaleY(.42);pointer-events:none}
.tmu__orb i{position:absolute;left:calc(var(--cw) * -.035);top:calc(var(--cw) * -.035);width:calc(var(--cw) * .07);height:calc(var(--cw) * .07);border-radius:2px;background:var(--col);box-shadow:0 0 10px var(--col),0 0 2px #fff;animation:tm-orbit 3.4s linear infinite}
.tmu__orb i:nth-child(2){animation-delay:-1.13s}
.tmu__orb i:nth-child(3){animation-delay:-2.26s}
@keyframes tm-orbit{from{transform:rotate(0deg) translateX(calc(var(--cw) * .62)) rotate(0deg)}to{transform:rotate(360deg) translateX(calc(var(--cw) * .62)) rotate(-360deg)}}
.tmu__card{pointer-events:auto;position:relative;z-index:1;width:var(--cw);aspect-ratio:.666;padding:0;border:0;border-radius:calc(var(--cw) * .06);overflow:hidden;background:#0b0b1e;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 26px color-mix(in srgb,var(--col) 55%,transparent),0 16px 26px rgba(0,0,0,.6);transform:perspective(800px) rotateX(16deg);transform-origin:50% 100%;transition:box-shadow .25s,transform .25s}
.tmu__card img{display:block;width:100%;height:100%;object-fit:cover}
.tmu:not(.tmu--printed) .tmu__card{border:2px solid color-mix(in srgb,var(--col) 70%,#fff 10%)}
.tmu__nm{position:absolute;left:0;right:0;top:0;padding:4px 6px;font:700 11px var(--px);letter-spacing:.06em;background:linear-gradient(rgba(5,5,20,.9),transparent);color:#fff;text-align:left}
.tmu__card:hover,.tmu__card:focus-visible{transform:perspective(800px) rotateX(8deg) translateY(-5px);box-shadow:0 0 0 2px rgba(255,255,255,.55),0 0 34px color-mix(in srgb,var(--col) 75%,transparent),0 18px 28px rgba(0,0,0,.6)}
.tmd__tr{position:absolute;left:20%;top:80%;height:200px;transform:translate(-50%,-100%);pointer-events:none;transition:opacity .5s}
.tmd__tr::after{content:"";position:absolute;left:50%;bottom:-4%;width:120%;height:10%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(95,227,255,.55),transparent);z-index:-1}
.tmd__pt{display:block;height:100%;width:auto;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(95,227,255,.4)) drop-shadow(0 6px 4px rgba(0,0,0,.6))}
.tmd__plaque{position:absolute;left:60%;top:90%;transform:translate(-50%,-50%);pointer-events:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;padding:10px 12px 10px 22px;background:linear-gradient(180deg,#2b2d47,#191a2d);border:1.5px solid #4c4f72;border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.4),0 12px 24px rgba(0,0,0,.55);transition:opacity .5s}
.tmd__k{grid-column:1;font:700 clamp(13px,1.25vw,19px) var(--px);letter-spacing:.12em;text-transform:uppercase;color:#e8dcc4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.tmd__s{grid-column:1;font-size:clamp(12.5px,.95vw,14.5px);color:#c9cbe0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmd__s i{font-style:normal;color:var(--mute);margin:0 6px}
.tmd__plaque button{grid-column:2;grid-row:1/3;font:600 15px var(--sans);color:#fff;background:rgba(7,7,26,.65);border:1.5px solid rgba(236,233,225,.45);border-radius:8px;padding:9px 16px;cursor:pointer;white-space:nowrap}
.tmd__plaque button:hover{border-color:#fff}
.tmd__ppt{display:none}

/* details and how to play */
.tm__pop{position:absolute;z-index:9;width:330px;max-height:70%;overflow:auto;padding:14px;background:#100f2e;border:1px solid rgba(107,138,255,.45);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.6)}
.tm__popf{margin:10px 0 0}
.tm__how{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:16px;background:rgba(4,4,14,.66)}
.tm__howc{position:relative;width:min(560px,100%);max-height:100%;overflow:auto;padding:22px 24px;background:#100f2e;border:1px solid rgba(107,138,255,.45);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.tm__howc h2{font:700 16px var(--px);margin:0 0 12px}
.tm__howc ul{margin:0;padding-left:20px;display:grid;gap:8px;color:#d6d9ee;font-size:15px}

/* Words arriving after the scene (when the table's data was still on its way) */
.tm--arrive .tm__hero,.tm--arrive .tm__side,.tm--arrive .tm__modes,.tm--arrive .tmd{animation:lt-in .35s ease both}

/* Play: the camera leans in, the menu clears away */
.tm.is-going .tm__hero{opacity:0;transform:translateX(-50px)}
.tm.is-going .tm__side{opacity:0;transform:translateX(50px)}
.tm.is-going .tm__modes{opacity:0;transform:translateY(70px)}
.tm.is-going .tm__top,.tm.is-going .tmd__plaque,.tm.is-going .tm__shade{opacity:0}
.tm.is-going .tm__stage{transform:scale(1.32);filter:brightness(1.18) saturate(1.1)}
.tm.is-going .tmu__card{box-shadow:0 0 0 2px #fff,0 0 46px var(--col),0 16px 26px rgba(0,0,0,.6)}
.tm.is-going .tmu__cr{animation:lt-bob 2.8s ease-in-out infinite,lt-charge .8s ease}

/* ...and the table it becomes: the city settles, your team steps up, the opponent arrives */
.lt--arrive .lt__stage{animation:lt-arrive .9s cubic-bezier(.2,.8,.2,1)}
@keyframes lt-arrive{from{transform:scale(1.14);filter:brightness(1.35) blur(2px)}to{transform:none;filter:none}}
.lt--arrive .unit--me{animation:lt-step .7s .1s both cubic-bezier(.2,.8,.2,1)}
@keyframes lt-step{from{opacity:0;translate:0 5cqh}}
.lt--arrive .unit--opp,.lt--arrive .lt__trainer--opp{animation:lt-come 1s .35s both cubic-bezier(.2,.8,.2,1)}
@keyframes lt-come{from{opacity:0;translate:22cqw 0}}
.lt--tall.lt--arrive .unit--opp,.lt--tall.lt--arrive .lt__trainer--opp{animation-name:lt-come-down}
@keyframes lt-come-down{from{opacity:0;translate:0 -16cqh}}
.lt--arrive .hud,.lt--arrive .lt__acts,.lt--arrive .lt__last,.lt--arrive .lt__top{animation:lt-in .6s .55s both}
@keyframes lt-in{from{opacity:0}}

/* reduced motion */
.tm.lt--rm .tmu__cr,.tm.lt--rm .tmu__orb i{animation:none}
.tm.lt--rm .tmu__cr{rotate:none;transition:none}
.tm.lt--rm .tm__stage,.tm.lt--rm .tm__hero,.tm.lt--rm .tm__side,.tm.lt--rm .tm__modes{transition:none}

/* shorter desktops */
@media (min-aspect-ratio:5/4) and (max-height:700px){
	.tm__hero{top:70px}
	.tmh__h{font-size:clamp(40px,4.4vw,66px);margin-bottom:14px}
	.tmh__p{margin-bottom:18px;font-size:17px}
	.tmh__how{margin-top:12px}
	.tmm{height:116px}
	.tm__side{padding:14px 16px 16px}
	.tms__p{margin-bottom:10px}
}

/* phones and tall windows: everything in one column, the table in the middle */
@media (max-width:820px),(max-aspect-ratio:5/4){
	.nft.is-menu .nft__body{overflow:auto}
	.tm{display:flex;flex-direction:column;overflow:visible;min-height:100%}
	.tm__top{position:relative;padding:10px 12px}
	.tm__brand{gap:10px}
	.tm__brand b{font-size:12px;letter-spacing:.38em}
	.tm__brand span{font-size:9.5px;letter-spacing:.24em}
	.tm__hero{position:relative;left:auto;top:auto;width:auto;padding:16px 18px 4px;order:1}
	.tmh__h{font-size:clamp(40px,12.5vw,66px);margin-bottom:14px}
	.tm--in .tmh__h,.tmh__h.is-long{font-size:clamp(32px,9.5vw,54px)}
	.tmh__p{font-size:17px;margin-bottom:18px}
	.tmh__go{max-width:none}
	.tm__stage{position:relative;inset:auto;flex:none;height:clamp(300px,54vh,460px);order:2}
	.tm__shade{background:linear-gradient(0deg,rgba(5,5,18,.75),rgba(5,5,18,0) 26%),linear-gradient(180deg,rgba(5,5,18,.85),rgba(5,5,18,0) 22%)}
	.tm__side{position:relative;top:auto;right:auto;width:auto;margin:10px 14px 0;order:3}
	.tm__modes{position:relative;left:auto;right:auto;bottom:auto;margin:12px 14px 16px;grid-template-columns:repeat(2,minmax(0,1fr));order:4}
	.tmm{height:150px}
	.tmm__b{gap:8px;padding:8px 10px 9px}
	.tmm__i{width:30px;height:30px}
	.tmm__i svg{width:18px;height:18px}
	.tmm__chip{top:6px;right:6px;font-size:11px;padding:3px 6px}
	.tmd__plaque{padding:6px 8px 6px 8px;gap:0 10px;grid-template-columns:auto minmax(0,1fr) auto}
	.tmd__ppt{display:block;grid-row:1/3;grid-column:1;width:28px;height:40px}
	.tmd__k,.tmd__s{grid-column:2;text-align:left}
	.tmd__plaque button{grid-column:3}
	.tmd__tr{display:none}
	.tmd__plaque button{padding:7px 10px;font-size:13.5px}
	.tm__pop{left:10px!important;right:10px;bottom:10px;top:auto!important;width:auto;max-height:64%;position:fixed}
	.tm.is-going .tm__stage{transform:scale(1.15)}
}
@media (max-width:420px){
	.tm__brand span,.tm__brand i{display:none}
	.tmm{height:136px}
	.tmm__t small{font-size:12px}
}

/* =================================================================================================
   The Trainer Gauntlet: six districts of Midnight City (map drawn by gauntlet.js)
   ================================================================================================= */
.tg{--side:min(400px,27vw);--deck:clamp(100px,14.5vh,136px);position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:#060818}
.tg__top{position:absolute;z-index:6;top:0;left:0;right:0;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 clamp(14px,2vw,28px);border-bottom:1px solid rgba(107,138,255,.18);background:linear-gradient(rgba(5,5,18,.94),rgba(5,5,18,.72));transition:opacity .5s}
.tg__l{display:flex;align-items:center;gap:16px;min-width:0}
.tg__brand{font:700 15px var(--px);letter-spacing:.55em;color:#fff;white-space:nowrap}
.tg__l i{flex:none;width:1px;height:22px;background:rgba(236,233,225,.28)}
.tg__back{font:500 15px var(--sans);color:#d6d9ee;background:none;border:0;cursor:pointer;padding:6px 4px;white-space:nowrap}
.tg__back:hover{color:#fff}
.tg__title{text-align:center}
.nft .tg__title h1{font:700 clamp(18px,1.9vw,30px) var(--px);letter-spacing:.3em;text-transform:uppercase;margin:0;color:#fff;line-height:1.1}
.tg__title p{margin:2px 0 0;font-size:14px;color:#c9cbe0}
.tg__r{justify-self:end;display:flex;align-items:center;gap:14px}
.tg__tro{display:flex;align-items:center;gap:6px;font:700 15px var(--px);color:var(--amber)}
.tg__tro .tro{width:20px;height:20px;fill:var(--amber)}
.tg__wl{font:700 13px var(--px);color:#c9cbe0;letter-spacing:.06em;white-space:nowrap}
.tg__count{display:grid;justify-items:center;line-height:1.1;padding:5px 12px;border:1px solid rgba(236,233,225,.35);border-radius:8px}
.tg__count b{font:700 17px var(--px);color:#fff}
.tg__count small{font:700 9px var(--px);letter-spacing:.14em;text-transform:uppercase;color:#c9cbe0}

.tg__map{position:absolute;left:0;top:64px;right:calc(var(--side) + 30px);bottom:calc(var(--deck) + 22px);transform-origin:var(--ox,50%) var(--oy,50%);transition:transform 1s cubic-bezier(.62,0,.22,1),filter 1s}
.tg__cv{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.tg__cv--base{z-index:0}
.tg__cv--fx{z-index:3}
.tgd{--r:40px;position:absolute;z-index:2;width:0;height:0;transition:opacity .5s}
.tgd__hit{position:absolute;left:calc(var(--r) * -1);top:calc(var(--r) * -1.35);width:calc(var(--r) * 2);height:calc(var(--r) * 1.6);border-radius:50%;background:transparent;border:0;cursor:pointer;z-index:1}
.tgd__hit:focus-visible{outline:2px solid var(--col);outline-offset:2px}
.tgd__pt{position:absolute;left:50%;bottom:calc(var(--r) * -.04);height:calc(var(--r) * .95);width:auto;transform:translateX(-50%);image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 0 6px var(--col)) drop-shadow(0 4px 3px rgba(0,0,0,.6));animation:lt-bob 3.2s ease-in-out infinite;transition:height .3s}
.tgd.is-locked .tgd__pt{filter:grayscale(.5) brightness(.72) drop-shadow(0 4px 3px rgba(0,0,0,.6));animation:none}
.tgd.is-sel .tgd__pt{height:calc(var(--r) * 1.08)}
.tgd__plate{position:absolute;z-index:2;left:calc(var(--r) * -.95);top:calc(var(--r) * .34);display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;color:var(--bone);text-align:left;font:inherit;background:rgba(9,9,28,.9);border:1.5px solid rgba(154,156,182,.32);border-radius:10px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.5);white-space:nowrap;transition:border-color .2s,box-shadow .2s,opacity .4s}
.tgd__plate:hover{border-color:var(--col)}
.tgd__ic{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:2px solid currentColor;color:#8a8fae}
.tgd__ic svg{width:16px;height:16px;fill:currentColor}
.tgd__n{font:700 18px var(--px);color:#fff}
.tgd__t b{display:block;font:700 13px var(--px);letter-spacing:.06em;text-transform:uppercase}
.tgd__t small{display:block;font-size:13px;color:#a9abc8}
.tgd.is-won .tgd__ic,.tgd.is-won .tgd__t small{color:#3fe08c}
.tgd.is-next .tgd__plate{border-color:#ffb547;box-shadow:0 0 0 1px #ffb547,0 0 22px rgba(255,181,71,.35)}
.tgd.is-next .tgd__ic{color:#ffb547}
.tgd.is-next .tgd__t small{color:#ffb547;font:700 12px var(--px);letter-spacing:.1em;text-transform:uppercase}
.tgd.is-open .tgd__ic{color:var(--col)}
.tgd.is-sel .tgd__plate{border-color:var(--col);box-shadow:0 0 0 1px var(--col),0 0 26px color-mix(in srgb,var(--col) 45%,transparent)}
.tgd.is-sel.is-next .tgd__plate{border-color:#ffb547;box-shadow:0 0 0 2px #ffb547,0 0 30px rgba(255,181,71,.5)}
.tgd.is-waking .tgd__plate{opacity:.45}
.tgd.is-woke .tgd__plate{animation:tg-woke .9s ease}
@keyframes tg-woke{0%{transform:scale(.9)}40%{transform:scale(1.08)}100%{transform:none}}

.tg__side{--col:#6b8aff;position:absolute;z-index:5;top:80px;right:clamp(14px,2vw,26px);width:var(--side);bottom:calc(var(--deck) + 22px);overflow:auto;padding:20px 22px;background:linear-gradient(160deg,rgba(18,17,48,.95),rgba(9,9,28,.95));border:1px solid color-mix(in srgb,var(--col) 45%,transparent);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.45);transition:opacity .5s,transform .8s cubic-bezier(.62,0,.22,1),border-color .3s}
.tgs__k{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:700 13px var(--px);letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin:0 0 14px}
.tgs__k span{letter-spacing:.06em;color:var(--mute);font-size:11px;white-space:nowrap}
.tgs__id{display:flex;gap:16px;align-items:flex-start}
.tgs__pt{flex:none;width:84px;height:120px;image-rendering:pixelated;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--col) 60%,transparent))}
.nft .tgs__id h2{font:700 clamp(21px,1.7vw,27px) var(--sans);letter-spacing:0;margin:2px 0 4px;color:#fff}
.tgs__id p{margin:0 0 2px;color:#c9cbe0;font-size:15.5px}
.tgs__id blockquote{margin:10px 0 0;font-style:italic;color:#e1e3f4;font-size:15px;line-height:1.4}
.tgs__k2{font:700 12px var(--px);letter-spacing:.28em;color:#a9abc8;text-transform:uppercase;margin:16px 0 10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.tgs__team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tgs__f{position:relative;display:grid;justify-items:center;padding:8px 6px 6px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--col) 22%,transparent),rgba(9,9,28,.92) 70%);border:1px solid color-mix(in srgb,var(--col) 45%,transparent);border-radius:10px}
.tgs__f em{position:absolute;top:4px;right:6px;font:700 11px var(--px);font-style:normal;color:#d6d9ee}
.tgs__f img{height:clamp(46px,6.5vh,66px);width:auto;max-width:100%;image-rendering:pixelated;margin-top:10px;filter:drop-shadow(0 0 6px var(--col))}
.tgs__f span{font-size:12px;color:#c9cbe0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tgs__rw{display:flex;align-items:center;gap:12px;margin:16px 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.tgs__rw .tro{flex:none;width:32px;height:32px;fill:var(--amber)}
.tgs__rw b{display:block;font-size:16.5px;color:#fff}
.tgs__rw b em{font-style:normal;color:var(--amber);margin-left:6px}
.tgs__rw small{display:block;color:#c9cbe0;font-size:14px}
.tgs__rw--p .tro{fill:#8a8fae}
.tgs__go{max-width:none;justify-content:center;font-size:clamp(18px,1.4vw,22px);padding:14px 20px}
.tgs__go:disabled{background:rgba(20,20,44,.9);border-color:rgba(154,156,182,.4);box-shadow:none;color:#a9abc8;cursor:not-allowed;font-size:16px}
.tgs__go .lk{width:20px;height:20px;fill:currentColor;flex:none}
.tgs__note{color:#c9cbe0;font-size:14px;margin:10px 0 0}

.tg__deck{position:absolute;z-index:5;left:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px);bottom:clamp(10px,1.6vh,18px);height:var(--deck);display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:10px 22px;background:linear-gradient(160deg,rgba(18,17,48,.95),rgba(9,9,28,.95));border:1px solid rgba(107,138,255,.3);border-radius:16px;transition:opacity .5s,transform .8s cubic-bezier(.62,0,.22,1)}
.tgk__t{display:flex;align-items:center;gap:14px;min-width:0}
.tgk__pt{flex:none;width:49px;height:70px;image-rendering:pixelated}
.tgk__t b{display:block;font:700 clamp(14px,1.2vw,18px) var(--px);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.tgk__t small{display:block;color:#c9cbe0;font-size:14px;white-space:nowrap}
.tgk__sep{flex:none;width:1px;align-self:stretch;margin:6px 0;background:rgba(255,255,255,.12)}
.tgk__k{font:700 12px var(--px);letter-spacing:.28em;color:#a9abc8;text-transform:uppercase;white-space:nowrap}
.tgk__f{display:flex;gap:10px;align-items:center}
.tgk__f .fc{width:calc((var(--deck) - 34px) * .62)}
.tgk__f .fc--img .fc__plate{display:none}
.tgk__edit{margin-left:auto;flex:none;font:600 16px var(--sans);color:#fff;background:rgba(7,7,26,.6);border:1.5px solid rgba(236,233,225,.45);border-radius:10px;padding:10px 18px;cursor:pointer}
.tgk__edit:hover{border-color:#fff}

/* Battle: the camera flies into the district */
.tg.is-going .tg__side{opacity:0;transform:translateX(70px)}
.tg.is-going .tg__deck{opacity:0;transform:translateY(70px)}
.tg.is-going .tg__top{opacity:0}
.tg.is-going .tg__map{transform:scale(2.3);filter:brightness(1.25) saturate(1.15)}
.tg.is-going .tgd:not(.is-sel),.tg.is-going .tgd__plate{opacity:0}
.tg.lt--rm .tgd__pt{animation:none}

@media (min-aspect-ratio:5/4) and (max-height:760px){
	.tg{--side:min(360px,28vw)}
	.tg__side{padding:14px 16px}
	.tgs__pt{width:63px;height:90px}
	.tgs__id blockquote{font-size:13.5px;margin-top:6px}
	.tgs__k2{margin:10px 0 8px;padding-top:10px}
	.tgs__rw{margin:10px 0;padding-top:10px}
	.tgs__go{padding:11px 16px}
}
@media (max-width:820px),(max-aspect-ratio:5/4){
	.tg{display:flex;flex-direction:column;overflow:visible;min-height:100%}
	.tg__top{position:relative;height:auto;grid-template-columns:1fr auto;padding:10px 12px;gap:6px 10px}
	.tg__brand,.tg__l i{display:none}
	.tg__title{grid-column:1/-1;grid-row:2;text-align:left}
	.tg__wl{display:none}
	.tg__map{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:min(150vw,980px);flex:none}
	.tg__side{position:relative;top:auto;right:auto;bottom:auto;width:auto;margin:10px 12px 0;overflow:visible}
	.tg__deck{position:relative;left:auto;right:auto;bottom:auto;height:auto;margin:10px 12px 16px;flex-wrap:wrap;padding:12px;gap:10px 14px}
	.tgk__sep{display:none}
	.tgk__f .fc{width:64px}
	.tgk__edit{margin-left:0}
	.tgd__plate{left:50%;transform:translateX(-50%);top:calc(var(--r) * .3);padding:4px 10px 4px 4px;gap:6px}
	.tgd__ic{width:24px;height:24px}
	.tgd__ic svg{width:13px;height:13px}
	.tgd__n{font-size:14px}
	.tgd__t b{font-size:11px}
	.tgd__t small{font-size:11px}
	.tgd.is-next .tgd__t small{font-size:10px}
	.tg.is-going .tg__map{transform:scale(1.8)}
}

/* --- Boss battles: chambers under the table ------------------------------------------------- */
.tb .tg__top{border-bottom-color:rgba(255,207,122,.2)}
.tb .tg__map{background:#07060f}
.tbc{--w:200px;--h:200px;position:absolute;z-index:2;width:0;height:0;transition:opacity .5s}
.tbc__hit{position:absolute;left:calc(var(--w) * -.5);top:calc(var(--h) * -.5);width:var(--w);height:var(--h);background:transparent;border:0;border-radius:8px;cursor:pointer;z-index:1}
.tbc__hit:focus-visible{outline:2px solid var(--col);outline-offset:6px}
.tbc__pt{position:absolute;z-index:2;left:50%;bottom:calc(var(--h) * -.47);height:calc(var(--h) * .66);width:auto;aspect-ratio:28/40;transform:translateX(-50%);image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 0 10px var(--col)) drop-shadow(0 6px 4px rgba(0,0,0,.7));animation:lt-bob 3.4s ease-in-out infinite;transition:opacity .3s}
.tbc.is-locked .tbc__pt,.tbc.is-sealed .tbc__pt{opacity:0;animation:none}
.tbc.is-step .tbc__pt{animation:tb-step 1.1s cubic-bezier(.2,.9,.3,1.2),lt-bob 3.4s ease-in-out 1.1s infinite}
@keyframes tb-step{0%{opacity:0;transform:translateX(-50%) translateY(-12%) scale(.78);filter:brightness(0) drop-shadow(0 0 0 var(--col))}45%{opacity:1;filter:brightness(.4) drop-shadow(0 0 18px var(--col))}100%{transform:translateX(-50%);filter:drop-shadow(0 0 10px var(--col)) drop-shadow(0 6px 4px rgba(0,0,0,.7))}}
.tbc__plate{position:absolute;z-index:3;left:50%;top:calc(var(--h) * .5 + clamp(16px,2.4vh,26px));transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;color:var(--bone);text-align:left;font:inherit;background:rgba(9,9,28,.92);border:1.5px solid rgba(154,156,182,.32);border-radius:10px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.5);white-space:nowrap;transition:border-color .2s,box-shadow .2s,opacity .4s}
.tbc__plate:hover{border-color:var(--col)}
.tbc__ic{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:2px solid currentColor;color:#8a8fae}
.tbc__ic svg{width:16px;height:16px;fill:currentColor}
.tbc__t b{display:block;font:700 13px var(--px);letter-spacing:.06em;text-transform:uppercase}
.tbc__t small{display:flex;align-items:center;gap:4px;font-size:13px;color:#a9abc8}
.tbc__t small .tro{width:13px;height:13px;fill:var(--amber)}
.tbc.is-open .tbc__ic{color:var(--col)}
.tbc.is-open .tbc__t small{color:var(--col);font:700 12px var(--px);letter-spacing:.1em;text-transform:uppercase}
.tbc.is-open .tbc__plate{border-color:var(--col);box-shadow:0 0 0 1px var(--col),0 0 22px color-mix(in srgb,var(--col) 40%,transparent)}
.tbc.is-won .tbc__ic,.tbc.is-won .tbc__t small{color:#3fe08c}
.tbc.is-soon .tbc__ic{color:#b06bff}
.tbc.is-sel .tbc__plate{border-color:var(--col);box-shadow:0 0 0 2px var(--col),0 0 30px color-mix(in srgb,var(--col) 50%,transparent)}
.tbc.is-sealed .tbc__plate{opacity:.4}
.tbc.is-step .tbc__plate{animation:tg-woke .9s ease .2s}
/* The permanent mark a defeated boss leaves on the chamber. */
.tbc__won{position:absolute;z-index:3;right:calc(var(--w) * -.5 - 10px);top:calc(var(--h) * -.5 - 14px);display:flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;color:#3fe08c;background:rgba(6,20,14,.92);border:2px solid #3fe08c;border-radius:8px;transform:rotate(8deg);box-shadow:0 0 18px rgba(63,224,140,.4);pointer-events:none}
.tbc__won svg{width:18px;height:18px;fill:currentColor}
.tbc__won b{font:700 12px var(--px);letter-spacing:.18em;text-transform:uppercase}
.tbc.is-stamping .tbc__won{opacity:0;transform:rotate(-8deg) scale(2.6)}
.tbc.is-stamped .tbc__won{opacity:1;transform:rotate(8deg);transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .2s}
/* The side panel */
.tb__side .tgs__k{color:var(--col)}
.tgs__pt.is-dim{filter:brightness(.55) saturate(.6)}
.tbs__q{flex:none;width:84px;height:120px;display:grid;place-items:center;font:700 54px var(--px);color:#d9b6ff;background:radial-gradient(circle,rgba(176,107,255,.25),rgba(9,9,28,.9) 70%);border:1px solid rgba(176,107,255,.45);border-radius:10px;text-shadow:0 0 18px #b06bff}
.tbs__hid{--col:#b06bff}
.tbs__qq{display:grid;place-items:center;height:clamp(46px,6.5vh,66px);margin-top:10px;font:700 30px var(--px);color:#d9b6ff}
.tbs__bar{margin:0 0 14px}
.tbs__bar span{display:flex;align-items:center;gap:4px;font:700 14px var(--px);color:#c9cbe0}
.tbs__bar span b{color:#fff;font-size:17px}
.tbs__bar .tro{width:15px;height:15px;fill:var(--amber)}
.tbs__bar i{display:block;height:8px;margin:6px 0 5px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.tbs__bar em{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--col));border-radius:4px}
.tbs__bar small{display:block;color:var(--amber);font:700 12px var(--px);letter-spacing:.08em;text-transform:uppercase}
.tbs__go svg{width:22px;height:22px;fill:currentColor;flex:none}
.tbs__link{font:600 14px var(--sans);color:var(--col);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tbs__link:hover{color:#fff}
.tb__side.is-waiting{opacity:.35}
.tb__side.is-reveal{animation:tb-reveal .8s ease}
@keyframes tb-reveal{0%{box-shadow:0 0 0 0 var(--col)}40%{box-shadow:0 0 0 3px var(--col),0 0 50px var(--col)}100%{box-shadow:0 18px 40px rgba(0,0,0,.45)}}
.tg.tb.is-going .tg__map{transform:scale(2.6);filter:brightness(1.35) saturate(1.2)}
.tg.tb.is-going .tbc:not(.is-sel),.tg.tb.is-going .tbc__plate,.tg.tb.is-going .tbc__won{opacity:0}
.res--boss h2{color:var(--amber);text-shadow:0 0 24px rgba(255,207,122,.6);animation:tg-woke .9s ease}
.tg.lt--rm .tbc__pt{animation:none}
@media (max-width:820px),(max-aspect-ratio:5/4){
	.tb .tg__map{height:min(125vw,820px)}
	.tbc__plate{padding:4px 10px 4px 4px;gap:6px;top:calc(var(--h) * .5 + 12px)}
	.tbc__ic{width:24px;height:24px}
	.tbc__ic svg{width:13px;height:13px}
	.tbc__t b{font-size:11px}
	.tbc__t small{font-size:11px}
	.tbc.is-open .tbc__t small{font-size:10px}
	.tbc__won{padding:4px 8px 4px 6px;right:calc(var(--w) * -.5 - 4px)}
	.tbc__won b{font-size:10px}
	.tg.tb.is-going .tg__map{transform:scale(2)}
}

/* --- Trophy Road and the Trophy Cabinet ----------------------------------------------------------- */
.tr{--side:min(400px,27vw);--shelf:clamp(150px,22vh,206px);--bar:56px}
.tr .tg__title h1{letter-spacing:.34em}
.tr__sign{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--sans);color:#fff;background:#5865f2;border-radius:8px;padding:7px 12px;text-decoration:none}
.tr__sign svg{width:18px;height:18px;fill:currentColor}
.tr__bar{position:absolute;z-index:6;top:64px;left:0;right:0;height:var(--bar);display:flex;align-items:center;gap:18px;padding:0 clamp(14px,2vw,28px);background:linear-gradient(rgba(5,5,18,.85),rgba(5,5,18,.4))}
.tr__tabs,.tr__rngs{display:flex;padding:3px;border:1px solid rgba(107,138,255,.32);border-radius:10px;background:rgba(9,9,28,.7)}
.tr__tab,.tr__rng{font:500 15px var(--sans);color:#c9cbe0;background:none;border:1.5px solid transparent;border-radius:8px;padding:7px 16px;cursor:pointer;white-space:nowrap;position:relative}
.tr__tab:hover,.tr__rng:hover{color:#fff}
.tr__tab.is-on,.tr__rng.is-on{color:#fff;font-weight:700;border-color:#4f8cff;background:rgba(43,82,200,.25);box-shadow:0 0 14px rgba(79,140,255,.35)}
.tr__rngs{margin:0 auto}
.tr__rng.has-ready::after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber)}
.tr__full{display:inline-flex;align-items:center;gap:8px;font:500 14px var(--sans);color:#fff;background:rgba(9,9,28,.7);border:1px solid rgba(236,233,225,.35);border-radius:8px;padding:8px 14px;cursor:pointer;white-space:nowrap}
.tr__full svg{width:16px;height:16px;fill:currentColor}
.tr__subnote{margin:0 0 0 8px;color:#a9abc8;font-size:14px}
.tr .tg__map{top:calc(64px + var(--bar));bottom:calc(var(--shelf) + 26px)}
.tr .tg__side{top:calc(72px + var(--bar));bottom:clamp(10px,1.6vh,18px)}
.tr__shelf{position:absolute;z-index:5;left:clamp(14px,2vw,26px);right:calc(var(--side) + 40px);bottom:clamp(10px,1.6vh,18px);height:var(--shelf);display:flex;flex-direction:column;padding:10px 16px 12px;background:linear-gradient(180deg,rgba(18,17,48,.95),rgba(9,9,28,.97));border:1px solid rgba(107,138,255,.3);border-radius:16px;box-shadow:0 -10px 30px rgba(0,0,0,.4)}
.tr__shelf header{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.tr__shelf h2{margin:0;font:700 14px var(--px);letter-spacing:.3em;text-transform:uppercase;color:#fff}
.tr__shelf header span{padding-left:14px;border-left:1px solid rgba(255,255,255,.2);color:#c9cbe0;font-size:14px}
.tr__items{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;background:linear-gradient(180deg,rgba(255,196,110,.05),transparent 40%),linear-gradient(0deg,#1c1a2c 0,#1c1a2c 6px,transparent 6px);border-radius:10px}
.trs{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:0 0 4px;background:radial-gradient(ellipse at 50% 0,rgba(255,207,122,.16),transparent 60%);border:1px solid transparent;border-radius:10px;cursor:pointer;color:inherit;font:inherit;transition:border-color .2s,background .2s}
.trs:hover{border-color:rgba(255,207,122,.35)}
.trs.is-sel{border-color:var(--amber);box-shadow:0 0 18px rgba(255,181,71,.25)}
.trs__art{flex:1;min-height:0;width:100%}
.trs__lbl{display:flex;align-items:center;gap:6px;width:100%;padding:4px 7px;font:700 10px var(--px);letter-spacing:.05em;text-transform:uppercase;color:#d6d9ee;background:rgba(9,9,28,.9);border:1px solid rgba(154,156,182,.3);border-radius:6px;text-align:left;line-height:1.15}
.trs__lbl>span{min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.trs__lbl small{display:flex;align-items:center;gap:3px;font:700 9.5px var(--px);color:var(--amber);letter-spacing:.06em}
.trs__lbl small .tro{width:10px;height:10px;fill:var(--amber)}
.trs:not(.is-has) .trs__art{filter:brightness(.55) saturate(.65)}
.tr__view.is-locked .trv__cv{filter:brightness(.62) saturate(.7)}
.trs__lbl svg{flex:none;width:13px;height:13px;fill:#8a8fae}
.trs.is-has .trs__lbl{border-color:rgba(63,224,140,.45)}
.trs.is-has .trs__lbl svg{fill:#3fe08c}
.trs.is-new{animation:tr-new 1.6s ease 2}
@keyframes tr-new{0%,100%{box-shadow:none}40%{box-shadow:0 0 0 2px var(--amber),0 0 30px rgba(255,181,71,.6)}}

/* Capsules on the road */
.trc{--s:150px;--ring:#6b6f94;position:absolute;z-index:4;width:0;height:0}
.trc.is-claimed,.trc.is-open{--ring:#5fe3ff}
.trc.is-ready,.trc.is-next{--ring:#ffb547}
.trc__hit{position:absolute;left:calc(var(--s) * -.5);top:calc(var(--s) * -1.05);width:var(--s);height:calc(var(--s) * 1.2);background:transparent;border:0;border-radius:40%;cursor:pointer;z-index:4}
.trc__hit:focus-visible{outline:2px solid var(--ring);outline-offset:4px}
.trc__base{position:absolute;left:calc(var(--s) * -.52);top:calc(var(--s) * -.17);width:calc(var(--s) * 1.04);height:calc(var(--s) * .36);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#2b2a46 0,#191829 55%,#0d0c1a 70%);box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 80%,transparent),0 0 22px color-mix(in srgb,var(--ring) 55%,transparent),0 10px 18px rgba(0,0,0,.6)}
.trc__base::after{content:"";position:absolute;inset:16% 12%;border-radius:50%;border:2px solid color-mix(in srgb,var(--ring) 70%,transparent);box-shadow:0 0 12px var(--ring),inset 0 0 12px color-mix(in srgb,var(--ring) 50%,transparent)}
.trc.is-locked .trc__base{box-shadow:0 0 0 1.5px rgba(107,111,148,.5),0 10px 18px rgba(0,0,0,.6)}
.trc.is-locked .trc__base::after{border-color:rgba(107,111,148,.35);box-shadow:none}
.trc__in{position:absolute;z-index:1;left:calc(var(--s) * -.4);top:calc(var(--s) * -.98);width:calc(var(--s) * .8);height:calc(var(--s) * .92);display:flex;align-items:flex-end;justify-content:center;pointer-events:none;transition:transform .9s cubic-bezier(.2,.9,.3,1.2)}
.trc__art{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--ring) 45%,transparent))}
img.trc__art{height:86%;animation:lt-bob 3.4s ease-in-out infinite}
canvas.trc__art.is-px{width:auto;height:84%;aspect-ratio:28/40;image-rendering:pixelated}
.trc__title{display:grid;place-items:center}
.trc__title .tro{width:55%;height:55%;fill:var(--amber);filter:drop-shadow(0 0 12px var(--amber))}
.trc.is-locked .trc__in{filter:brightness(.42) saturate(.4)}
.trc__glass{position:absolute;z-index:2;left:calc(var(--s) * -.44);top:calc(var(--s) * -1.04);width:calc(var(--s) * .88);height:calc(var(--s) * 1.02);border-radius:calc(var(--s) * .44) / calc(var(--s) * .12);background:linear-gradient(90deg,rgba(190,215,255,.16),rgba(190,215,255,.03) 22%,transparent 40%,transparent 70%,rgba(190,215,255,.1) 88%,rgba(190,215,255,.2));border:1px solid rgba(200,225,255,.28);border-top-color:color-mix(in srgb,var(--ring) 70%,white);box-shadow:inset 0 calc(var(--s) * .06) calc(var(--s) * .06) rgba(200,225,255,.08);pointer-events:none;transition:transform .9s cubic-bezier(.6,0,.3,1),opacity .9s}
.trc__glass::before{content:"";position:absolute;left:8%;right:8%;top:-1px;height:calc(var(--s) * .07);border-radius:50%;border:2px solid color-mix(in srgb,var(--ring) 75%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--ring) 60%,transparent)}
.trc__plate{position:absolute;z-index:5;left:50%;top:calc(var(--s) * .22);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;color:var(--bone);text-align:left;font:inherit;background:rgba(9,9,28,.92);border:1.5px solid rgba(154,156,182,.32);border-radius:10px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.5);white-space:nowrap;transition:border-color .2s,box-shadow .2s}
.trc__ic{flex:none;width:28px;height:28px;display:grid;place-items:center;color:#8a8fae}
.trc__ic svg{width:22px;height:22px;fill:currentColor}
.trc__t b{display:flex;align-items:center;gap:6px;font:700 14px var(--px);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.trc__t b .tro{width:15px;height:15px;fill:var(--amber)}
.trc__t small{display:block;font-size:13px;color:#a9abc8}
.trc.is-claimed .trc__ic,.trc.is-open .trc__ic,.trc.is-claimed .trc__t small,.trc.is-open .trc__t small{color:#3fe08c}
.trc.is-claimed .trc__t small,.trc.is-open .trc__t small,.trc.is-next .trc__t small,.trc.is-ready .trc__t small{font:700 11.5px var(--px);letter-spacing:.1em;text-transform:uppercase}
.trc.is-next .trc__plate,.trc.is-ready .trc__plate{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),0 0 22px rgba(255,181,71,.35)}
.trc.is-next .trc__ic,.trc.is-next .trc__t small,.trc.is-ready .trc__t small{color:var(--amber)}
.trc.is-ready .trc__ic{color:var(--amber)}
.trc.is-ready .trc__base{animation:tr-ready 1.6s ease-in-out infinite}
@keyframes tr-ready{50%{box-shadow:0 0 0 2px var(--amber),0 0 40px rgba(255,181,71,.8),0 10px 18px rgba(0,0,0,.6)}}
.trc.is-sel .trc__plate{border-color:#fff;box-shadow:0 0 0 2px var(--ring),0 0 30px color-mix(in srgb,var(--ring) 50%,transparent)}
.trc.is-sel .trc__base{transform:scale(1.04)}
.tr__map.is-full .trc__plate{padding:3px 8px 3px 4px;gap:4px;top:calc(var(--s) * .2)}
.tr__map.is-full .trc__ic{width:18px;height:18px}
.tr__map.is-full .trc__ic svg{width:15px;height:15px}
.tr__map.is-full .trc__t b{font-size:10.5px}
.tr__map.is-full .trc__t b span{max-width:9ch;overflow:hidden;text-overflow:ellipsis}
.tr__map.is-full .trc__t small{display:none}
/* The claim: the glass lifts away and the reward rises */
.trc.is-opening .trc__glass{transform:translateY(calc(var(--s) * -.9));opacity:0}
.trc.is-opening .trc__in{transform:translateY(calc(var(--s) * -.12)) scale(1.18);filter:none}
.trc.is-opening .trc__base{animation:tr-flash 1.4s ease}
@keyframes tr-flash{30%{box-shadow:0 0 0 3px #fff,0 0 70px #ffcf7a,0 10px 18px rgba(0,0,0,.6)}}
.trp__art.is-opening{animation:tr-pop 1.5s cubic-bezier(.2,.9,.3,1.2)}
@keyframes tr-pop{0%{transform:scale(.8);filter:brightness(2)}40%{transform:scale(1.12)}100%{transform:none}}

/* Side panel */
.tr__side{--col:#ffb547}
.tr__side.is-claimed,.tr__side.is-open,.tr__side.is-cab{--col:#5fe3ff}
.tr__side .tgs__k{color:var(--amber)}
.tr__side.is-claimed .tgs__k,.tr__side.is-open .tgs__k{color:#3fe08c}
.tr__side.is-cab .tgs__k{color:#7fe8ff}
.nft .trp__h{margin:0;font:700 clamp(22px,2vw,32px) var(--px);letter-spacing:.06em;text-transform:uppercase;color:#fff;line-height:1.1}
.trp__kind{margin:4px 0 0;color:#a9c4ff;font-size:16px}
.trp__art{height:clamp(150px,26vh,250px);margin:6px 0 4px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--col) 22%,transparent),transparent 65%)}
.trp__big{width:100%;height:100%;object-fit:contain}
img.trp__big{height:88%;filter:drop-shadow(0 0 14px rgba(127,232,255,.35))}
canvas.trp__big.is-px{width:auto;height:88%;aspect-ratio:28/40;image-rendering:pixelated}
.trp__art--title .trc__title .tro{width:40%;height:40%}
.trp__d{margin:0 0 6px;color:#c9cbe0;font-size:14px;line-height:1.4}
.trp__when{margin:0 0 8px;color:#3fe08c;font-size:13.5px}
.trp p{margin:0}
.trp>p:first-child{color:#e1e3f4;font-size:16px}
.trp__bar{display:flex;align-items:center;gap:12px;margin:8px 0 6px}
.trp__bar i{flex:1;height:10px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden}
.trp__bar em{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#3bc8ff,#5fe3ff);box-shadow:0 0 10px #5fe3ff}
.trp__bar span{font:700 15px var(--px);color:#fff;white-space:nowrap}
.trp__n{font-size:18px;color:#fff;font-weight:600}
.trp__n b{font:700 30px var(--px);color:var(--amber);margin-right:8px;vertical-align:-3px}
.trp__go{font-size:16px;color:var(--amber);font-weight:600}
.tr__side .tgs__go{margin-top:14px}
.tr__q{background:rgba(20,20,44,.9);border-color:rgba(127,232,255,.5);box-shadow:none}
.tr__side .tgs__go svg{width:22px;height:22px;fill:currentColor;flex:none}
.tr__discord{background:#5865f2;border-color:#7a85ff;text-decoration:none}
.trp__nf{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#c9cbe0;font-size:15px}
.trp__nf img{width:50px;height:50px;object-fit:contain}
.trp__nf b{color:#fff}
.trp__fine{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:#a9abc8;font-size:13px;text-align:center}

/* Cabinet */
.tr__view{position:absolute;left:0;right:calc(var(--side) + 30px);top:calc(64px + var(--bar));bottom:calc(var(--shelf) + 26px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,30px);padding:10px clamp(14px,2vw,28px)}
.trv__case{position:relative;height:100%;min-height:240px;border-radius:18px;background:radial-gradient(ellipse at 50% 0,rgba(255,226,168,.22),transparent 55%),linear-gradient(180deg,#141230,#0b0a1d);border:1px solid rgba(255,207,122,.25);box-shadow:inset 0 0 60px rgba(0,0,0,.6),0 18px 40px rgba(0,0,0,.45);overflow:hidden}
.trv__spot{position:absolute;left:50%;top:-10%;width:60%;height:80%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 0,rgba(255,240,210,.18),transparent 70%);pointer-events:none}
.trv__cv{position:absolute;left:5%;right:5%;top:4%;bottom:12%;width:90%;height:84%;outline:none}
.trv__cv:focus-visible{box-shadow:0 0 0 2px rgba(127,232,255,.6);border-radius:12px}
.trv__base{position:absolute;left:20%;right:20%;bottom:6%;height:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,207,122,.35),transparent);pointer-events:none}
.trv__hint{position:absolute;left:0;right:0;bottom:8px;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#a9abc8;font-size:13px;pointer-events:none}
.trv__hint svg{width:12px;height:12px;fill:currentColor;transform:scaleX(-1)}
.nft .trv__info h2{margin:0 0 6px;font:700 clamp(22px,2.2vw,34px) var(--px);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.trv__d{margin:0 0 10px;color:#e1e3f4;font-size:16px;line-height:1.45}
.trv__when{margin:0;color:#3fe08c;font-size:14px}
.trk__k{margin:0 0 8px;font:700 11px var(--px);letter-spacing:.24em;text-transform:uppercase;color:#a9abc8}
.trk__table,.trk__card{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.trk__slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trk__slot{height:clamp(70px,11vh,104px);display:grid;place-items:center;border-radius:10px;border:1.5px dashed rgba(154,156,182,.35);background:rgba(9,9,28,.6)}
.trk__slot.is-on{border-style:solid;border-color:rgba(255,207,122,.5);background:radial-gradient(ellipse at 50% 90%,rgba(255,207,122,.18),rgba(9,9,28,.7) 70%)}
.trk__slot canvas{width:100%;height:100%}
.trk__slot i{font:700 16px var(--px);font-style:normal;color:#6b6f94}
.trk__fine{margin:8px 0 0;color:#a9abc8;font-size:13px}
.trk__tc{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:linear-gradient(160deg,#20203e,#121228);border:1px solid rgba(107,138,255,.35)}
.trk__pt{flex:none;width:42px;height:60px;image-rendering:pixelated}
.trk__tc span{flex:1;min-width:0}
.trk__tc b{display:block;font:700 15px var(--px);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.trk__tc small{color:#c9cbe0;font-size:13px}
.trk__feat{flex:none;width:60px;height:70px}
.trk__feat--none{display:grid;place-items:center;border:1.5px dashed rgba(154,156,182,.35);border-radius:10px}
.trk__feat--none svg{width:22px;height:22px;fill:#6b6f94}
.tr--cabinet .tr__side .tgs__go{margin-top:12px}

/* Trophies beside your trainer (table) and on your card (featured) */
.lt__stand,.tmd__stand{position:absolute;left:62%;bottom:0;display:flex;align-items:flex-end;gap:0;height:38%;pointer-events:none}
.lt__stand{height:27%}
.lt__stand canvas,.tmd__stand canvas{height:100%;width:auto;aspect-ratio:5/6;filter:drop-shadow(0 4px 3px rgba(0,0,0,.6))}
.lt__trainer--me .lt__stand{left:auto;right:84%;bottom:30%;padding:0 4px 3px}
.lt__stand::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(127,232,255,.8),transparent);box-shadow:0 0 10px rgba(127,232,255,.6)}
.tmd__stand{left:50%;bottom:-17%;height:25%;transform:translateX(-50%);z-index:2}
.trm-feat{display:inline-flex;flex:none}
.trm-feat canvas{width:40px;height:48px}
.tgk__t .trm-feat canvas{width:46px;height:56px}
.tmd__plaque .trm-feat{position:absolute;right:-22px;top:-38px;pointer-events:none}
.tmd__plaque .trm-feat canvas{width:46px;height:56px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.6))}
.tc-wrap{position:relative}
.trm-feat--card{position:absolute;right:10px;top:10px}
.trm-feat--card canvas{width:54px;height:64px}
.tms__trc{width:44px;height:52px}

@media (min-aspect-ratio:5/4) and (max-height:760px){
	.tr{--shelf:clamp(124px,20vh,160px);--bar:50px}
	.trp__art{height:clamp(110px,20vh,170px)}
	.trp__nf{margin-top:10px;padding-top:8px}
	.trp__fine{margin-top:8px;padding-top:6px}
	.trp__n b{font-size:24px}
}
@media (max-width:820px),(max-aspect-ratio:5/4){
	.tr__bar{position:relative;top:auto;height:auto;flex-wrap:wrap;gap:8px;padding:8px 12px}
	.tr__rngs{order:3;margin:0;overflow-x:auto;max-width:100%}
	.tr__tab,.tr__rng{padding:6px 10px;font-size:14px}
	.tr__full{margin-left:auto;padding:6px 10px}
	.tr__subnote{display:none}
	.tr .tg__map{top:auto;bottom:auto;height:min(150vw,1000px)}
	.tr__map.is-full{height:min(190vw,1300px)}
	.tr .tg__side{position:relative;top:auto;bottom:auto}
	.tr__shelf{position:relative;left:auto;right:auto;bottom:auto;height:auto;margin:10px 12px 16px}
	.tr__items{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:132px}
	.trs__lbl{font-size:9px;padding:3px 5px}
	.tr__shelf h2{letter-spacing:.16em;font-size:12px}
	.tr__shelf header span{font-size:12px}
	.trc__plate{padding:4px 10px 4px 5px;gap:6px}
	.trc__ic{width:20px;height:20px}
	.trc__ic svg{width:17px;height:17px}
	.trc__t b{font-size:11px}
	.trc__t small{font-size:10px}
	.tr__view{position:relative;left:auto;right:auto;top:auto;bottom:auto;grid-template-columns:1fr;padding:10px 12px}
	.trv__case{height:min(100vw,460px)}
}
@media (max-width:820px),(max-aspect-ratio:5/4){
	.tr--cabinet .tr__shelf{order:1}
	.tr--cabinet .tr__side{order:2}
}
/* Printed cards always show whole: never crop the frame. */
.tmu--printed .tmu__card img,.unit--printed .unit__card img{object-fit:fill}

/* --- The Deck Workshop ------------------------------------------------------------------------- */
.dw{--side:min(320px,22vw);--det:min(360px,25vw);--coll:clamp(150px,22vh,206px);--foot:70px;--bar:54px;background:radial-gradient(ellipse at 82% 6%,rgba(255,196,110,.16),transparent 38%),radial-gradient(ellipse at 50% 55%,rgba(60,90,200,.18),transparent 60%),linear-gradient(180deg,#0a0a1c,#07071a 60%,#05050f)}
.dw .tg__title h1{letter-spacing:.34em}
.dw__bar{position:absolute;z-index:6;top:64px;left:0;right:0;height:var(--bar);display:flex;align-items:center;gap:16px;padding:0 clamp(14px,2vw,28px)}
.dw__tabs{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.dwt{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 4px;border:1.5px solid rgba(154,156,182,.35);border-radius:10px;background:rgba(9,9,28,.75)}
.dwt.is-on{border-color:var(--amber);box-shadow:0 0 0 1px rgba(255,181,71,.4),0 0 18px rgba(255,181,71,.2)}
.dwt__b{font:600 16px var(--sans);color:#fff;background:none;border:0;padding:0 8px;height:100%;cursor:pointer;white-space:nowrap}
.dwt__in{font:600 16px var(--sans);color:#fff;background:#0b0b22;border:1px solid var(--amber);border-radius:6px;padding:5px 8px;width:15ch;margin-left:4px}
.dwt__pen{display:grid;place-items:center;width:26px;height:26px;background:none;border:0;color:#c9cbe0;cursor:pointer}
.dwt__pen svg{width:16px;height:16px;fill:currentColor}
.dwt__pen:hover{color:#fff}
.dwt__use{font:700 11px var(--px);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#3fe08c;border:1.5px solid rgba(63,224,140,.6);border-radius:6px;padding:4px 8px;background:rgba(63,224,140,.08)}
.dwt--add{padding:0 18px;font:600 15px var(--sans);color:#d6d9ee;cursor:pointer;border-style:solid}
.dwt--add:hover{color:#fff;border-color:#fff}
.dw__r{margin-left:auto;display:flex;align-items:center;gap:14px;white-space:nowrap}
.dw__use{font:700 14px var(--sans);color:#06101a;background:var(--amber);border:0;border-radius:8px;padding:9px 14px;cursor:pointer}
.dw__del{font:500 13px var(--sans);color:#ff8fa0;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.dw__del.is-armed{color:#fff;background:#b3263c;border-radius:6px;padding:6px 10px;text-decoration:none}
.dw__count{color:#c9cbe0;font-size:15px}
.dwp{position:absolute;z-index:4;left:clamp(14px,1.6vw,24px);top:calc(64px + var(--bar) + 10px);bottom:calc(var(--foot) + 14px);width:var(--side);display:flex;flex-direction:column;padding:16px 18px;overflow:auto;background:linear-gradient(160deg,rgba(18,17,48,.95),rgba(9,9,28,.95));border:1px solid rgba(107,138,255,.3);border-radius:16px}
.dwp header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nft .dwp h2,.nft .dw__bench h2,.nft .dw__coll h2{margin:0;font:700 15px var(--px);letter-spacing:.24em;text-transform:uppercase;color:#fff}
.dwp__ch{font:500 14px var(--sans);color:#fff;background:rgba(7,7,26,.6);border:1.5px solid rgba(236,233,225,.4);border-radius:8px;padding:7px 12px;cursor:pointer}
.dwp__note{color:#c9cbe0;font-size:13.5px;margin:8px 0 0}
.dwp__ped{position:relative;flex:none;height:clamp(130px,22vh,200px);display:flex;align-items:flex-end;justify-content:center;margin:6px 0 8px}
.dwp__ring{position:absolute;left:50%;bottom:0;width:76%;height:20%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(95,227,255,.35),rgba(95,227,255,.05) 70%,transparent);box-shadow:0 0 0 2px rgba(95,227,255,.6),0 0 24px rgba(95,227,255,.5)}
.dwp__pt{position:relative;height:88%;width:auto;aspect-ratio:28/40;image-rendering:pixelated;margin-bottom:7%;filter:drop-shadow(0 0 12px rgba(95,227,255,.4)) drop-shadow(0 6px 4px rgba(0,0,0,.6));animation:lt-bob 3.6s ease-in-out infinite}
.dwp__feat{position:absolute;right:8%;bottom:10%}
.dwp__feat canvas{width:50px;height:60px}
.nft .dwp__n{margin:0;font:700 clamp(17px,1.4vw,22px) var(--px);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.dwp__t{margin:2px 0 0;color:#a9c4ff;font-size:15px}
.dwp__m{margin:0 0 8px;color:#c9cbe0;font-size:14px}
.dwp__s{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.08)}
.dwp__s li{display:grid;grid-template-columns:5.5em 2.5em 1fr;align-items:baseline;gap:6px;padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14.5px;color:#d6d9ee}
.dwp__s b{color:#fff;font:700 15px var(--px)}
.dwp__s small{color:#8f93b3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dwp__s li.is-focus span,.dwp__s li.is-focus b{color:var(--amber)}
.dwp__f{margin:10px 0 0;color:#e1e3f4;font-size:14px}
.dwp__more{margin-top:auto;font:500 14px var(--sans);color:#fff;background:rgba(7,7,26,.6);border:1.5px solid rgba(236,233,225,.35);border-radius:8px;padding:9px 12px;cursor:pointer}
.dw__bench{position:absolute;z-index:3;left:calc(var(--side) + 40px);right:calc(var(--det) + 40px);top:calc(64px + var(--bar) + 8px);bottom:calc(var(--foot) + var(--coll) + 22px)}
.dw__bench header,.dw__coll header{display:flex;align-items:baseline;gap:16px;height:30px}
.dw__bench header span,.dw__coll header span{color:#c9cbe0;font-size:14px}
.dw__table{position:absolute;z-index:0;left:-2%;right:-2%;bottom:46px;height:38%;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#22233a 0,#15162a 30%,#0f1020 100%);box-shadow:0 -2px 0 rgba(127,232,255,.35),0 -12px 40px rgba(95,227,255,.12),inset 0 2px 0 rgba(255,255,255,.08),0 20px 30px rgba(0,0,0,.6);transform:perspective(900px) rotateX(38deg);transform-origin:50% 100%}
.dw__table::after{content:"";position:absolute;inset:10% 4%;border-radius:12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px),radial-gradient(ellipse at 50% 30%,rgba(95,227,255,.12),transparent 70%)}
.dw__slots{position:absolute;z-index:1;inset:34px 0 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.4vw,22px);container-type:size}
.dws{--col:#6b8aff;--ch:min(calc(100cqh - 160px),43cqw);position:relative;height:100%}
.dws__hit{position:absolute;z-index:4;left:50%;bottom:58px;width:calc(var(--ch) * .72);height:calc(var(--ch) * 1.45);transform:translateX(-50%);background:transparent;border:0;border-radius:14px;cursor:pointer}
.dws__hit:focus-visible{outline:2px solid #5fe3ff;outline-offset:4px}
.dws__card{position:absolute;z-index:2;left:50%;bottom:62px;height:var(--ch);aspect-ratio:2/3;transform:translateX(-50%);border-radius:calc(var(--ch) * .04);overflow:hidden;box-shadow:0 0 0 1.5px rgba(255,255,255,.25),0 0 24px color-mix(in srgb,var(--col) 45%,transparent),0 18px 26px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.5,0,.6,1),opacity .4s,box-shadow .25s}
.dws__card img{display:block;width:100%;height:100%;object-fit:fill}
.dws__card--e{display:grid;place-items:center;text-align:center;color:#a9abc8;font-size:14px;line-height:1.4;background:rgba(9,9,28,.7);border:2px dashed rgba(154,156,182,.45);box-shadow:none}
.dws__cr{position:absolute;z-index:3;left:50%;bottom:calc(62px + var(--ch) * .94);height:calc(var(--ch) * .44);width:auto;max-width:calc(var(--ch) * 1.05);object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--col) 60%,transparent)) drop-shadow(0 8px 6px rgba(0,0,0,.55));animation:lt-bob 3.4s ease-in-out infinite;pointer-events:none;transition:transform .35s,opacity .3s}
.dws:nth-child(2) .dws__cr{animation-delay:-1.1s}
.dws:nth-child(3) .dws__cr{animation-delay:-2.2s}
.dws__tag{position:absolute;z-index:3;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;margin:0;padding:3px 12px;font:700 13px var(--px);letter-spacing:.14em;text-transform:uppercase;color:#c9cbe0;background:rgba(9,9,28,.92);border:1px solid rgba(154,156,182,.35);border-radius:6px;white-space:nowrap}
.dws__tag b{color:#fff}
.dws__tag svg{width:16px;height:16px;fill:var(--amber)}
.dws.is-lead .dws__tag{color:#1b1206;background:var(--amber);border-color:var(--amber)}
.dws.is-lead .dws__tag b{color:#1b1206}
.dws.is-lead .dws__tag svg{fill:#1b1206}
.dws__n{position:absolute;left:0;right:0;bottom:14px;margin:0;text-align:center;font:700 14px var(--px);letter-spacing:.1em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dws__l{position:absolute;left:0;right:0;bottom:-4px;margin:0;text-align:center;color:#c9cbe0;font-size:13px}
.dws.is-sel .dws__card{box-shadow:0 0 0 3px #5fe3ff,0 0 34px rgba(95,227,255,.7),0 18px 26px rgba(0,0,0,.6);transform:translateX(-50%) translateY(-6px)}
.dws.is-out .dws__cr{transform:translateX(-50%) translateY(70%) scale(.35);opacity:0}
.dws.is-out .dws__card{transform:translateX(-50%) translateY(130%) rotate(-5deg) scale(.6);opacity:0;transition-delay:.12s}
.dws.is-in .dws__card{animation:dw-rise .55s cubic-bezier(.2,.9,.3,1.1)}
.dws.is-in .dws__cr{animation:dw-pop .75s .3s both cubic-bezier(.2,.9,.3,1.3),lt-bob 3.4s ease-in-out 1.05s infinite}
.dws.is-crown .dws__tag{animation:tg-woke .9s ease}
@keyframes dw-rise{0%{transform:translateX(-50%) translateY(120%) scale(.6);opacity:0}100%{transform:translateX(-50%) translateY(-6px);opacity:1}}
@keyframes dw-pop{0%{transform:translateX(-50%) translateY(60%) scale(.3);opacity:0;filter:brightness(3)}60%{transform:translateX(-50%) translateY(-6%) scale(1.08);opacity:1}100%{transform:translateX(-50%)}}
.dw__det{--col:#6b8aff;position:absolute;z-index:4;right:clamp(14px,1.6vw,24px);top:calc(64px + var(--bar) + 10px);bottom:calc(var(--foot) + 14px);width:var(--det);overflow:auto;padding:16px 18px;background:linear-gradient(160deg,rgba(18,17,48,.95),rgba(9,9,28,.95));border:1px solid rgba(107,138,255,.3);border-radius:16px}
.dw__det .tgs__k{color:#a9abc8}
.dw__hint{color:#c9cbe0;font-size:15px}
.dwd__id{display:flex;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.dwd__id img{flex:none;width:clamp(70px,6.5vw,96px);aspect-ratio:2/3;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 6px 14px rgba(0,0,0,.5)}
.nft .dwd__id h3{margin:0;font:700 clamp(18px,1.5vw,24px) var(--px);letter-spacing:.08em;color:#fff}
.dwd__id p{margin:2px 0 8px;color:#c9cbe0;font-size:13.5px}
.dwd__st{display:flex;flex-wrap:wrap;gap:6px}
.dwd__st span{padding:4px 8px;border-radius:6px;border:1px solid rgba(154,156,182,.3);background:rgba(7,7,26,.6);font-size:12.5px;color:#c9cbe0}
.dwd__st b{color:#fff;font:700 14px var(--px);margin-left:3px}
.dwd__ab{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.dwd__ab b{display:block;color:#fff;font-size:16px;font-weight:700}
.dwd__ab p{margin:2px 0 0;color:#c9cbe0;font-size:13.5px;line-height:1.4}
.dwi{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:8px;color:#b9a2ff;background:radial-gradient(circle,rgba(150,110,255,.25),rgba(9,9,28,.9) 70%);border:1.5px solid rgba(150,120,255,.6);box-shadow:0 0 10px rgba(150,110,255,.35)}
.dwi svg{width:28px;height:28px;filter:drop-shadow(0 0 4px currentColor)}
.dwd__lv{margin:10px 0 0;color:#a9abc8;font-size:13px}
.dwd__lv b{color:var(--amber)}
.dw__acts{display:grid;gap:10px;margin-top:14px}
.dw__btn{display:flex;align-items:center;justify-content:center;gap:10px;font:600 16px var(--sans);color:#fff;background:rgba(7,7,26,.6);border:1.5px solid rgba(236,233,225,.35);border-radius:10px;padding:12px 14px;cursor:pointer;text-align:center}
.dw__btn svg{width:20px;height:20px;fill:currentColor}
.dw__btn--go{color:#5fe3ff;border-color:#5fe3ff;box-shadow:0 0 16px rgba(95,227,255,.25)}
.dw__btn--go:hover{background:rgba(95,227,255,.1)}
.dw__lead{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:var(--amber);font:700 13px var(--px);letter-spacing:.12em;text-transform:uppercase}
.dw__lead svg{width:18px;height:18px;fill:currentColor}
.dw__coll{position:absolute;z-index:4;left:calc(var(--side) + 40px);right:calc(var(--det) + 40px);bottom:calc(var(--foot) + 10px);height:var(--coll);display:flex;flex-direction:column}
.dw__drawer{position:relative;flex:1;min-height:0;display:flex;align-items:stretch;gap:10px;padding:8px 10px 10px;border-radius:12px;background:linear-gradient(180deg,#14152a,#0c0c1c);border:1px solid rgba(107,138,255,.22);box-shadow:inset 0 10px 20px rgba(0,0,0,.5)}
.dw__stack{flex:none;width:clamp(40px,5vw,74px);border-radius:8px;background:repeating-linear-gradient(180deg,#22233c 0 3px,#121325 3px 5px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);opacity:.75}
.dw__row{flex:1;min-width:0;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:2px}
.dwc{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;width:max(calc((var(--coll) - 78px) * .667 + 4px),82px);padding:0;background:none;border:0;cursor:pointer;color:inherit;font:inherit}
.dwc__card{display:block;height:calc(var(--coll) - 78px);aspect-ratio:2/3;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1.5px rgba(154,156,182,.35),0 6px 12px rgba(0,0,0,.5);transition:transform .2s,box-shadow .2s}
.dwc__card img{display:block;width:100%;height:100%;object-fit:fill}
.dwc:hover .dwc__card,.dwc.is-insp .dwc__card{transform:translateY(-4px);box-shadow:0 0 0 2px #5fe3ff,0 0 18px rgba(95,227,255,.5)}
.dwc.is-in .dwc__card{box-shadow:0 0 0 2px var(--amber),0 6px 12px rgba(0,0,0,.5)}
.dwc__s{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#c9cbe0;white-space:nowrap}
.dwc__s svg{width:15px;height:15px;fill:#3fe08c}
.dwc.is-in .dwc__s{color:#3fe08c}
.dw__foot{position:absolute;z-index:6;left:0;right:0;bottom:0;height:var(--foot);display:flex;align-items:center;gap:14px;padding:0 clamp(14px,2vw,28px);background:linear-gradient(rgba(5,5,18,.7),rgba(5,5,18,.96));border-top:1px solid rgba(107,138,255,.2)}
.dw__ok{display:flex;align-items:center;gap:10px;margin:0 auto 0 0;color:#3fe08c;font-size:17px;font-weight:600}
.dw__ok svg{width:30px;height:30px;fill:#3fe08c}
.dw__ok.is-warn{color:var(--amber)}
.dw__cancel{font:600 17px var(--sans);color:#fff;background:rgba(7,7,26,.6);border:1.5px solid rgba(236,233,225,.35);border-radius:10px;padding:12px 26px;cursor:pointer}
.dw__save{font:700 17px var(--sans);color:#04121a;background:#3fd8ff;border:0;border-radius:10px;padding:13px 34px;cursor:pointer;box-shadow:0 0 20px rgba(63,216,255,.45)}
.dw__save:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.dw__pop{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:rgba(3,3,12,.7);padding:16px}
.dw__popc{position:relative;max-width:min(560px,94vw);max-height:90%;overflow:auto;padding:22px;background:linear-gradient(160deg,#16153a,#0b0b22);border:1px solid rgba(107,138,255,.4);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.dw__popc h2{margin:0 0 12px;font:700 16px var(--px);letter-spacing:.2em;text-transform:uppercase;color:#fff}
.dw__tps{display:grid;gap:8px}
.dw__tp{display:flex;align-items:center;gap:12px;padding:8px 12px;text-align:left;color:#fff;font:inherit;background:rgba(7,7,26,.6);border:1.5px solid rgba(154,156,182,.3);border-radius:10px;cursor:pointer}
.dw__tp canvas{width:35px;height:50px;image-rendering:pixelated}
.dw__tp b{display:block;font:700 14px var(--px);letter-spacing:.08em;text-transform:uppercase}
.dw__tp small{color:#c9cbe0;font-size:13px}
.dw__tp.on{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}
.dw__popc--card{padding:14px;text-align:center}
.dw__popc--card img{display:block;width:min(400px,80vw);aspect-ratio:2/3;border-radius:10px}
.dw__popc--card p{margin:10px 0 0;color:#c9cbe0;font-size:14px}
.dw__popc .lt__popx{position:absolute;top:8px;right:10px;z-index:2}
@media (min-aspect-ratio:5/4) and (max-height:760px){
	.dw{--coll:clamp(130px,20vh,160px);--foot:62px;--bar:50px}
	.dwp__s li{padding:3px 2px;font-size:13.5px}
	.dwp__ped{height:clamp(100px,18vh,150px)}
	.dwd__ab{padding:8px 0}
	.dw__btn{padding:9px 12px;font-size:15px}
}
@media (max-width:820px),(max-aspect-ratio:5/4){
	.dw{display:flex;flex-direction:column;overflow:visible;min-height:100%;padding-bottom:calc(var(--foot) + 40px)}
	.dw>*{flex:none}
	.dw__coll{order:1}
	.dw__det{order:2}
	.dw__foot{order:3}
	.dw__bar{position:relative;top:auto;height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}
	.dw__r{margin-left:0;width:100%;justify-content:space-between}
	.dwt{height:38px}
	.dwt__b{font-size:14px}
	.dwp{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin:6px 12px 0;padding:12px 14px;overflow:visible}
	.dwp__ped{height:120px}
	.dwp__s{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
	.dwp__s li{grid-template-columns:4.6em 2em;font-size:13px}
	.dwp__s small{display:none}
	.dwp__more{margin-top:10px}
	.dw__bench{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:min(118vw,560px);margin:12px 12px 0}
	.dws{--ch:min(calc(100cqh - 150px),46cqw)}
	.dws__tag{font-size:10px;padding:2px 6px;gap:4px;bottom:30px}
	.dws__tag svg{width:12px;height:12px}
	.dws__n{font-size:11px;bottom:12px}
	.dws__l{font-size:11px}
	.dw__det{position:relative;right:auto;top:auto;bottom:auto;width:auto;margin:10px 12px 0;overflow:visible}
	.dw{--coll:200px}
	.dw__coll{position:relative;left:auto;right:auto;bottom:auto;height:var(--coll);margin:10px 12px 12px}
	.dw__stack{display:none}
	.dw__foot{position:fixed;padding:0 12px;gap:8px}
	.dw__ok{font-size:12px;line-height:1.2}
	.dw__ok svg{width:22px;height:22px}
	.dw__cancel{padding:10px 14px;font-size:15px}
	.dw__save{padding:11px 16px;font-size:15px}
}
/* Deck Workshop: the deck's loadout (Trainer Workshop) */
.dwp__lo{margin:4px 0 10px;display:flex;flex-direction:column;gap:6px}
.dwp__lok{margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9fb0e6}
.dwp__los{display:grid;gap:5px}
.dwp__lob{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 10px;text-align:left;font:inherit;color:#c9cfe6;background:rgba(7,7,26,.6);border:1.5px solid rgba(236,233,225,.2);border-radius:8px;cursor:pointer}
.dwp__lob b{font-size:13px;color:#fff}
.dwp__lob small{font-size:11.5px;color:#9aa3c4}
.dwp__lob.on{border-color:#5fe3ff;background:rgba(95,227,255,.08)}
.dwp__loe{font-size:12.5px;color:#9fb0e6}
.dwp__loe:hover{color:#fff}