.cl-hint{color:var(--hud-dim);font-size:15px;font-weight:600;line-height:1.35}.cl-label{color:var(--hud-dim);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;font-size:16px;line-height:1}.cl-tag{--chip:var(--hud-panel-2);--chip-ink:var(--hud-text);border:2px solid var(--ink-line);background:var(--chip);min-height:26px;color:var(--chip-ink);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:15px;line-height:1;display:inline-flex;box-shadow:0 2px #0006}.cl-tag[data-tone=common]{--chip:var(--rarity-common);--chip-ink:#15100d}.cl-tag[data-tone=rare]{--chip:var(--kind-defend);--chip-ink:#fff}.cl-tag[data-tone=epic]{--chip:var(--kind-ability);--chip-ink:#fff}.cl-tag[data-tone=legendary],.cl-tag[data-tone=gold]{--chip:var(--hud-gold);--chip-ink:#2a1a00}.cl-tag[data-tone=jade]{--chip:var(--hud-go);--chip-ink:#06240f}.cl-hand-tabs .gk-seg-tab{flex:1 1 0;min-height:40px;padding:0 2px;position:relative}.cl-hand-tabs .gk-seg-label{font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;white-space:nowrap;font-size:17px}.cl-hand-tabs .gk-seg-icon{opacity:1;pointer-events:none;width:auto;height:auto;position:absolute;top:-7px;right:-3px}.cl-hand-tabs .gk-seg-icon>*{width:auto;height:auto}@media (max-width:419px){.cl-hand-tabs .gk-seg-label{font-size:15px}}@media (orientation:landscape) and (max-height:540px){.cl-hand-tabs .gk-seg-tab{min-height:34px}.cl-hand-tabs .gk-seg-label{font-size:15px}}.cl-hand-tabs .gk-seg-icon>.cl-hand-mark{width:18px;height:18px;overflow:visible}.cl-hand-seal{fill:var(--hud-gold,#f7b93e);stroke:var(--ink-line,#15100d);stroke-width:1.8px;stroke-linejoin:round}.cl-hand-tick-ink,.cl-hand-tick{fill:none;stroke-linecap:round;stroke-linejoin:round}.cl-hand-tick-ink{stroke:var(--ink-line,#15100d);stroke-width:4.6px}.cl-hand-tick{stroke:#fff;stroke-width:2.4px}.cl-hand-mark[data-state=saved] circle{fill:var(--hud-text,#fff6e0);stroke:var(--ink-line,#15100d);stroke-width:1.8px}.cl-hand-mark[data-state=empty] circle{fill:none;stroke:var(--hud-dim,#c9b9a0);stroke-width:2px}.gk-seg-tab[aria-selected=true] .cl-hand-mark[data-state=empty] circle{stroke:#2a1a0099}.hb-frame{flex:auto;min-height:0;display:flex;container-type:size}.hb{--tabs-h:63px;--hb-gap:10px;--hand-x:78px;--rows:2;--col-min:300px;gap:var(--hb-gap);flex:auto;grid-template:"tabs""hand""deck"minmax(0,1fr)/minmax(0,1fr);min-width:0;min-height:0;display:grid}.hb-tabs{grid-area:tabs;padding-top:6px}.hb-hand{--slot-cap:100px;--slot-w:min(var(--slot-cap), calc((100cqw - 34px) / 4), var(--slot-fit,999px));grid-area:hand;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cards cards""abilities meta";align-self:start;gap:16px 10px;padding:16px 10px 10px;display:grid;container-type:inline-size}.duel-hud .hb-hand[data-active]{border-color:var(--hud-gold-deep);box-shadow:0 0 0 1px var(--hud-gold-deep), 0 4px 0 #00000073}.hb-tray{border:2px solid var(--hud-line);background:#00000042;border-radius:14px;justify-self:start;gap:6px;padding:6px;display:flex;position:relative;box-shadow:inset 0 3px #0000004d}.hb-tray[data-kind=cards]{grid-area:cards}.hb-tray[data-kind=abilities]{background:color-mix(in srgb, var(--kind-ability) 16%, #0000004d);grid-area:abilities}.hb-notch{background:var(--hud-panel);color:var(--hud-dim);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;pointer-events:none;border-radius:999px;padding:1px 7px;font-size:14px;line-height:1.15;position:absolute;top:-11px;left:10px}.hb-slot{width:var(--slot-w);height:calc(var(--slot-w) * 1.42);color:var(--hud-gold);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:transform .2s var(--gk-spring), opacity .16s ease, filter .16s ease;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;padding:0;display:grid;position:relative}.hb-slot .uc-card,.hb-item .uc-card,.hb-ghost .uc-card{width:100%;height:100%}@container (max-width:59px){.hb-slot .uc-level,.hb-slot .uc-kind{display:none}}.hb-face{width:100%;height:100%;display:block;position:relative}.hb-plus{border:2.5px dashed var(--hud-line);width:100%;height:100%;color:var(--hud-gold);font-family:var(--font-duel-display), system-ui, sans-serif;text-shadow:0 3px 0 var(--ink-line);background:#00000047;border-radius:12px;place-items:center;font-size:30px;line-height:1;display:grid}.hb-slot:active{transition-duration:70ms;transform:scale(.94)}.hb-slot:focus-visible,.hb-item:focus-visible,.hb-save:focus-visible,.hb-bar-x:focus-visible{outline:3px solid var(--hud-gold);outline-offset:3px}.hb-slot[aria-pressed=true] .hb-plus{border-style:solid;border-color:var(--hud-gold);background:#f7b93e2e}.hb-slot[data-fit=yes],.hb-item[data-fit=yes]{animation:.52s ease-in-out infinite hb-wiggle}.hb-slot[data-fit=yes]:after,.hb-item[data-fit=yes]:after{content:"";box-shadow:0 0 0 3px var(--hud-gold), 0 0 16px 2px #f7b93ebf;pointer-events:none;border-radius:14px;position:absolute;inset:-4px}.hb-slot[data-fit=no],.hb-item[data-fit=no]{opacity:.4;filter:grayscale(.7)}.hb-slot[data-over],.hb-item[data-over]{animation:none;transform:scale(1.1)}.hb-slot[data-over]:after,.hb-item[data-over]:after{box-shadow:0 0 0 4px #fff6e0,0 0 22px 6px #f7b93ef2}.hb-slot[data-dragging],.hb-item[data-dragging]{opacity:.3;animation:none}@keyframes hb-wiggle{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}.hb-face[data-snap]{animation:hb-snap .42s var(--gk-spring)}@keyframes hb-snap{0%{transform:translateY(-10px)scale(1.18)}60%{transform:translateY(1px)scale(.95)}to{transform:none}}.hb-ring{border:3px solid var(--hud-gold);opacity:0;pointer-events:none;border-radius:14px;animation:.56s ease-out hb-ring;position:absolute;inset:-4px}@keyframes hb-ring{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.hb-meta{--glow:var(--hud-dim);isolation:isolate;border:2px solid var(--hud-line);background:radial-gradient(75% 65% at 50% 40%, color-mix(in srgb, var(--glow) 26%, transparent) 0%, transparent 78%), #00000042;border-radius:14px;flex-direction:column;grid-area:meta;justify-content:safe center;align-items:center;gap:8px;min-width:0;min-height:0;padding:8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px #0000004d;container:hb-meta/size}.hb-meta[data-state=use]{--glow:var(--hud-gold);border-color:color-mix(in srgb, var(--hud-gold) 45%, var(--hud-line))}.hb-meta:before{content:"";z-index:-1;aspect-ratio:1;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--glow) 24%, transparent) 0deg 9deg, transparent 9deg 22.5deg);pointer-events:none;width:180%;margin:-90% 0 0 -90%;animation:40s linear infinite cl-turn;position:absolute;top:42%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 12%,#0000 62%);mask-image:radial-gradient(closest-side,#000 12%,#0000 62%)}.hb-meta-art{flex:1 1 0;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.hb-seal{width:min(100cqw,100cqh);height:min(100cqw,100cqh);filter:drop-shadow(0 4px 0 var(--ink-line));overflow:visible}.hb-seal-body{fill:var(--hud-panel-2);stroke:var(--ink-line);stroke-width:1.2px;stroke-linejoin:round}.hb-seal-ring{fill:none;stroke:#ffffff24;stroke-width:.8px}.hb-seal-n{fill:var(--hud-dim);stroke:var(--ink-line);stroke-width:1.4px;stroke-linejoin:round;paint-order:stroke;font-family:var(--font-duel-display), system-ui, sans-serif;font-size:11px}.hb-seal[data-state=use] .hb-seal-body{fill:var(--hud-gold)}.hb-seal[data-state=use] .hb-seal-ring{stroke:#ffffff80}.hb-seal[data-state=use] .hb-seal-n{fill:#fff}@container hb-meta (max-height:169px){.hb-meta-art{display:none}}@container hb-meta (max-height:110px){.hb-meta-row{gap:4px}}.hb-meta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.hb-save{border:2px solid var(--ink-line);background:var(--hud-panel-2);height:22px;color:var(--hud-text);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:-12px;right:10px}.hb-save[data-state=saved]{background:var(--hud-go);color:#06240f;animation:hb-pop .3s var(--gk-spring)}button.hb-save{background:var(--hud-stop);color:#fff;cursor:pointer;height:28px;top:-15px}@keyframes hb-pop{0%{transform:scale(.6)}to{transform:none}}.hb-spin{border:2.5px solid;border-right-color:#0000;border-radius:999px;width:12px;height:12px;animation:.7s linear infinite cl-turn}.hb-deck{--deck-min:88px;flex-direction:column;grid-area:deck;min-height:0;transition:box-shadow .16s;display:flex;overflow:hidden}.duel-hud .hb-deck[data-over]{box-shadow:0 0 0 3px var(--hud-gold), 0 0 18px 2px #f7b93e99}.hb-bar{border-bottom:2px solid var(--hud-line);flex-wrap:wrap;flex:none;align-items:center;gap:2px 8px;min-height:54px;padding:6px 8px 6px 10px;display:flex}.hb-bar[data-mode=pick]{background:#f7b93e1f}.hb-bar-title{flex:none;font-size:20px;line-height:1}.hb-bar-hint,.hb-bar-line{min-width:0;color:var(--hud-dim);flex:1 1 0;font-size:15px;font-weight:600;line-height:1.25}.hb-bar-hint{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-basis:9em;display:-webkit-box;overflow:hidden}.hb-bar-line{-webkit-line-clamp:2;color:var(--hud-text);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hb-bar-hint[data-tone=stop],.hb-bar-line[data-tone=stop]{color:#ff8f86}.hb-bar-hint[data-tone=warn]{color:var(--hud-gold)}.hb-bar-card{flex:none;place-items:center;width:32px;height:45px;display:grid}.hb-bar-card .uc-card{width:100%;height:100%}.hb-bar-card .hb-plus{font-size:20px}.hb-bar-btn{flex:none}.hb-bar-x{border:2px solid var(--ink-line);background:var(--hud-panel-2);width:40px;height:40px;color:var(--hud-text);cursor:pointer;transition:transform .2s var(--gk-spring);border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:inset 0 2px #ffffff1f,0 3px #00000080}.hb-bar-x:active{transition-duration:70ms;transform:translateY(2px)scale(.92)}.hb-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hud-line) transparent;flex:auto;min-height:0;padding:12px 10px 14px;overflow-y:auto}.hb-grid{grid-template-columns:repeat(auto-fill, minmax(var(--deck-min), 1fr));gap:12px 10px;margin:0;padding:0;list-style:none;display:grid}.hb-item{aspect-ratio:100/142;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:100%;transition:transform .2s var(--gk-spring), opacity .16s ease, filter .16s ease;background:0 0;border:0;border-radius:12px;padding:0;display:block;position:relative}.hb-item:active{transition-duration:70ms;transform:scale(.95)}@media (hover:hover){.hb-item:not([data-fit]):hover,.hb-slot:not([data-fit]):hover{transform:translateY(-3px)}}.hb-split{grid-column:1/-1}.duel-hud .hb-none{gap:6px;padding:4px 12px}.hb-split-locked{border-top:2px dashed var(--hud-line);align-items:center;gap:8px;padding:10px 4px 0;display:flex}.hb-split-locked h3{margin:0;font-size:18px;line-height:1}.hb-split-count{background:var(--hud-panel-2);color:var(--hud-text);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:15px}.hb-item[data-locked]{touch-action:manipulation}.duel-hud .hb-none .lk-state-pic{width:56px;height:56px}.hb-menu{border:2px solid var(--ink-line);background:var(--hud-panel);width:156px;color:var(--hud-text);visibility:hidden;border-radius:16px;flex-direction:column;gap:8px;margin:0;padding:8px;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;box-shadow:inset 0 2px #ffffff1a,0 6px #00000073,0 14px 30px #00000080}.hb-menu[data-placed]{visibility:visible;animation:hb-menu-in .22s var(--gk-spring)}.hb-menu[data-side=below]{transform-origin:var(--arrow,50%) 0}.hb-menu[data-side=above]{transform-origin:var(--arrow,50%) 100%}.hb-menu:before{content:"";left:calc(var(--arrow,50%) - 8px);border:2px solid var(--ink-line);background:var(--hud-panel);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.hb-menu[data-side=below]:before{border-bottom:0;border-right:0;top:-9px}.hb-menu[data-side=above]:before{border-top:0;border-left:0;bottom:-9px}@keyframes hb-menu-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.hb-menu-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:16px;line-height:1.1;overflow:hidden}.hb-menu-btn{width:100%}.hb-ghost{pointer-events:none;will-change:transform;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0 auto auto 0;overflow:visible}.hb-ghost-card{filter:drop-shadow(0 12px 14px #0000008c);width:100%;height:100%;transition:transform .16s var(--gk-spring), filter .16s ease;border-radius:12px;transform:rotate(-6deg)scale(1.12)}.hb-ghost[data-ok] .hb-ghost-card{filter:drop-shadow(0 0 12px #f7b93ef2)drop-shadow(0 10px 12px #00000080);transform:rotate(0)scale(1.18)}.hb-info-stage{place-items:center;padding:14px 18px;display:grid}.hb-info .gk-dialog-panel>.gk-panel-body{flex-direction:column;display:flex;overflow:hidden}.hb-info .gk-dialog-content{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.hb-info .gk-dialog-actions{flex-direction:row;flex:none;margin-top:12px}.hb-info .gk-dialog-actions>*{flex:1 1 0;width:auto;min-width:0}@media (orientation:landscape) and (max-height:540px){.hb-info{width:min(100% - 24px,720px)}.hb-info-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head up""gild up";align-items:start;display:grid}.hb-info-head{grid-area:head}.hb-info-gild{grid-area:gild}.hb-info-up{grid-area:up}.hb-info-stage{padding:8px 12px}}@media (orientation:portrait) and (max-height:759px),(orientation:portrait) and (min-width:640px){.hb-hand{--slot-w:min(var(--slot-cap), calc((100cqw - 46px) / 6));grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"cards abilities.""meta meta meta";gap:14px 6px}.hb-tray{gap:4px;padding:4px}.hb-meta{box-shadow:none;background:0 0;border:0;flex-flow:wrap;justify-content:flex-start;align-items:center;padding:0;container-type:normal}.hb-meta:before,.hb-meta-art{display:none}}@media (orientation:portrait) and (min-width:640px){.hb-deck{--deck-min:120px}}@media (min-width:1024px),(orientation:landscape) and (max-height:540px){.hb{--slot-fit:calc((100cqh - var(--tabs-h) - var(--hb-gap) - var(--hand-x)) / var(--rows) / 1.42);grid-template-columns:clamp(var(--col-min), calc(4 * var(--slot-fit) + 58px), max(62cqw, 100cqw - 300px)) minmax(0, 1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"tabs deck""hand deck"}.hb-hand{--slot-cap:200px;grid-template-rows:auto minmax(0,1fr);align-self:stretch}.hb-tray[data-kind=abilities]{align-self:stretch;align-items:center}.hb-tray[data-kind=cards]{justify-content:space-evenly;justify-self:stretch}.hb-deck{--deck-min:118px}}@media (orientation:landscape) and (max-height:540px){.hb{--tabs-h:55px;--hb-gap:8px;--hand-x:70px;--col-min:340px}.hb-tabs{padding-top:4px}.hb-hand{gap:12px 10px;padding:13px 10px 8px}.hb-deck{--deck-min:78px}.hb-bar{min-height:48px;padding-block:4px}.hb-scroll{padding:10px 8px 12px}.hb-grid{gap:10px 8px}}@media (orientation:landscape) and (max-height:360px){.hb{--hand-x:82px;--rows:1;grid-template-columns:clamp(300px, calc(6 * var(--slot-fit) + 70px), 64cqw) minmax(0, 1fr)}.hb-hand{--slot-w:min(var(--slot-cap), calc((100cqw - 46px) / 6), var(--slot-fit));grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"cards abilities.""meta meta meta";gap:10px 6px}.hb-tray{gap:4px;padding:4px}.hb-meta{box-shadow:none;background:0 0;border:0;flex-flow:wrap;justify-content:flex-start;align-items:center;padding:0;container-type:normal}.hb-meta:before,.hb-meta-art,.hb-bar-hint:not([data-tone]){display:none}}@media (prefers-reduced-motion:reduce){.hb-slot,.hb-item,.hb-face,.hb-menu,.hb-save,.hb-spin,.hb-ghost-card{transition:none!important;animation:none!important}.hb-ring{display:none}.hb-ghost-card,.hb-ghost[data-ok] .hb-ghost-card{transform:none}}.gk-calm .hb-slot,.gk-calm .hb-item,.gk-calm .hb-face,.gk-calm .hb-menu,.gk-calm .hb-save,.gk-calm .hb-spin,.gk-calm .hb-ghost-card{transition:none!important;animation:none!important}.gk-calm .hb-ring{display:none}.gk-calm .hb-ghost-card,.gk-calm .hb-ghost[data-ok] .hb-ghost-card{transform:none}.cl-strip{border:2px solid var(--hud-gold-deep);color:var(--hud-text);background:#f7b93e1f;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;font-weight:600;display:flex}.cl-strip[data-mid]{align-items:center}.cl-status{border:2px solid var(--ink-line);border-radius:14px;align-items:flex-start;gap:8px;padding:9px 12px;font-size:15px;font-weight:700;line-height:1.3;display:flex;box-shadow:0 3px #00000073}.cl-status[data-tone=done]{background:var(--hud-go);color:#06240f}.cl-status[data-tone=error]{background:var(--hud-stop);color:#fff}.cl-warn{color:#ff8f86;font-weight:700}.cl-help:focus-visible{outline:3px solid var(--hud-gold);outline-offset:2px}.cl-help{border:2px solid var(--ink-line);background:var(--kind-defend);width:36px;height:36px;box-shadow:0 3px 0 var(--kind-defend-deep);cursor:pointer;transition:transform .2s var(--gk-spring);border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.cl-help:before{content:"";border-radius:999px;position:absolute;inset:-6px}.cl-help>span{color:#fff;text-shadow:0 2px 0 var(--ink-line);font-size:20px;line-height:1}.cl-help:active{box-shadow:0 1px 0 var(--kind-defend-deep);transition-duration:70ms;transform:translateY(2px)}.cl-help[data-ribbon]{z-index:3;position:absolute;top:-31px;right:16px}@media (max-width:419px){.cl-help[data-ribbon]{top:-30px;right:12px}}.cl-help-text{flex-direction:column;gap:10px;font-size:16px;font-weight:600;line-height:1.45;display:flex}@keyframes cl-turn{to{transform:rotate(360deg)}}@keyframes cl-sheen{0%,55%{transform:translate(-140%)skew(-18deg)}to{transform:translate(360%)skew(-18deg)}}.cl-stage{--st-in:#c3cad3;--st-out:#4a525c;--st-ray:#ffffff38;isolation:isolate;border:2px solid var(--ink-line);background:radial-gradient(90% 75% at 50% 42%, var(--st-in) 0%, var(--st-out) 100%);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 3px #ffffff38,inset 0 -6px #00000038,0 3px #00000073}.cl-stage:before{content:"";z-index:-1;aspect-ratio:1;background:repeating-conic-gradient(from 0deg, var(--st-ray) 0deg 8deg, transparent 8deg 22deg);pointer-events:none;width:240%;margin:-120% 0 0 -120%;animation:40s linear infinite cl-turn;position:absolute;top:45%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 10%,#0000 70%);mask-image:radial-gradient(closest-side,#000 10%,#0000 70%)}.cl-stage[data-rarity=rare]{--st-in:#7fb6ff;--st-out:#173f8a;--st-ray:#dcecff4d}.cl-stage[data-rarity=epic]{--st-in:#d39bff;--st-out:#4b1f86;--st-ray:#fae1ff4d}.cl-stage[data-rarity=legendary]{--st-in:#ffe58a;--st-out:#a8650c;--st-ray:#ffffff73}.cl-stage[data-rarity=legendary]:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:30%;animation:3.6s ease-in-out infinite cl-sheen;position:absolute;inset:0 auto 0 0}.cl-flourish{z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute;inset:auto 6px 8px}.cl-flourish-plate{border:2px solid var(--ink-line);background:var(--hud-gold);color:#2a1a00;font-family:var(--font-duel-display), system-ui, sans-serif;white-space:nowrap;text-shadow:none;box-shadow:inset 0 3px 0 #ffffff59, 0 4px 0 var(--hud-gold-deep);border-radius:999px;padding:4px 14px 6px;font-size:20px}.cl-pips{grid-template-columns:repeat(10,minmax(0,1fr));justify-items:center;padding:4px 0;display:grid;position:relative}.cl-pips:before,.cl-pips:after{content:"";border-radius:999px;height:8px;margin-top:-4px;position:absolute;top:50%;left:5%}.cl-pips:before{border:2px solid var(--ink-line);background:#00000059;right:5%}.cl-pips:after{width:calc(90% * var(--done,0));background:var(--hud-gold);box-shadow:inset 0 2px #ffffff59}.cl-pips>*{z-index:1;position:relative}.cl-medal{border:2px solid var(--ink-line);background:var(--hud-panel-2);width:34px;height:34px;color:var(--hud-dim);font-family:var(--font-duel-display), system-ui, sans-serif;border-radius:50%;flex-shrink:0;place-items:center;font-size:17px;line-height:1;display:grid;box-shadow:inset 0 2px #ffffff1a,0 3px #00000080}.cl-medal[data-state=reached]{background:var(--hud-gold);color:#2a1a00;box-shadow:inset 0 2px 0 #fff6, 0 3px 0 var(--hud-gold-deep)}.cl-medal[data-state=next]{background:var(--hud-stop);color:#fff;text-shadow:0 2px 0 var(--ink-line);box-shadow:inset 0 2px 0 #ffffff4d, 0 3px 0 var(--hud-stop-deep)}.cl-medal-check{position:absolute;bottom:-5px;right:-6px}.cl-medal[data-big]{width:52px;height:52px;font-size:26px}@media (max-width:419px){.cl-pips .cl-medal{width:28px;height:28px;font-size:15px}}.cl-row{border-bottom:2px solid #00000040;align-items:center;gap:10px;padding:8px 6px;display:flex}.cl-row-price{letter-spacing:-.01em;flex-shrink:0;font-size:16px}.cl-row-price .cl-cost{gap:2px}.cl-row:last-child{border-bottom:0}.cl-row[data-state=reached]{opacity:.72}.cl-row[aria-current=step]{border:2px solid var(--ink-line);background:var(--hud-panel-2);box-shadow:0 0 0 2px var(--hud-stop), 0 3px 0 #00000073;border-radius:14px;margin:4px 0}.cl-card-page{flex-direction:column;gap:16px;display:flex}.cl-hero-card{zoom:1.2;display:inline-block}@media (min-width:768px){.cl-card-page{grid-template-columns:minmax(280px,5fr) minmax(0,7fr);grid-template-areas:"hero side""track track";align-items:start;display:grid}.cl-card-hero{grid-area:hero}.cl-card-side{grid-area:side}.cl-card-track{grid-area:track}}@media (min-width:1024px){.cl-hero-card{zoom:1.3}}@media (min-width:768px) and (min-height:700px){.cl-card-page{grid-template-rows:auto 1fr;grid-template-areas:"hero side""hero track"}.lk-section.cl-card-hero{top:calc(76px + env(safe-area-inset-top));position:sticky}}@media (min-width:1024px) and (min-height:860px){.cl-hero-card{zoom:1.5}}@media (min-width:768px){.cl-card-page[data-locked]{grid-template-rows:auto 1fr;grid-template-areas:"hero side""hero track"}}@media (min-width:768px) and (max-height:699px){.cl-card-page:not([data-locked]) .cl-track-list{grid-template-rows:repeat(5,auto);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:18px;display:grid}.cl-card-page:not([data-locked]) .cl-track-list>.cl-row:nth-child(5){border-bottom:0}}@media (min-width:1200px){.cl-track-list{grid-template-rows:repeat(5,auto);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:18px;display:grid}.cl-track-list>.cl-row:nth-child(5){border-bottom:0}.cl-track-list .cl-row p{flex-wrap:wrap}}@media (orientation:landscape) and (max-height:540px){.cl-hero-card{zoom:1}}.cl-mastery-card{flex-shrink:0;width:88px;display:inline-block}@media (orientation:landscape) and (max-height:540px){.cl-mastery-card{width:72px}}.cl-bp{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--hud-text,#fff6e0);background:#13253f;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.cl-bp::backdrop{background:#080604e6}.cl-bp-stage{position:absolute;inset:0}.cl-bp-top{inset:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) auto calc(12px + env(safe-area-inset-left));border:2px solid var(--ink-line,#15100d);background:#15100dd1;border-radius:16px;align-items:center;gap:10px;max-width:560px;padding:6px 6px 6px 8px;display:flex;position:absolute;box-shadow:0 3px #00000073}.cl-bp-top,.cl-bp-foot{z-index:2;transition:translate .26s,opacity .26s}.cl-bp[data-cinema] .cl-bp-top{opacity:0;translate:0 -140%}.cl-bp[data-cinema] .cl-bp-foot{opacity:0;translate:0 140%}.cl-bp-card{flex-shrink:0;display:inline-flex}.cl-bp-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--hud-gold,#f5c84b);font-size:13px;font-weight:700}.cl-bp-name{white-space:nowrap;text-overflow:ellipsis;font-size:24px;line-height:1.1;overflow:hidden}.cl-bp-x{border:2px solid var(--ink-line,#15100d);background:var(--hud-panel-2,#2a211b);width:48px;height:48px;color:var(--hud-text,#fff6e0);touch-action:manipulation;border-radius:12px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 3px #00000080}.cl-bp-x:active{transform:translateY(2px);box-shadow:0 1px #00000080}.cl-bp-x:focus-visible{outline:3px solid var(--hud-gold,#f5c84b);outline-offset:2px}.cl-bp-foot{inset:auto calc(12px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute}.cl-bp-caption{border:2px solid var(--hud-gold,#f5c84b);text-align:center;background:#15100de0;border-radius:999px;max-width:34ch;padding:8px 18px;font-size:22px;line-height:1.2;box-shadow:0 3px #00000073}@media (min-width:1024px){.cl-bp-top{width:560px;left:50%;transform:translate(-50%)}.cl-bp-caption{font-size:26px}}@media (orientation:landscape) and (max-height:540px){.cl-bp-top{max-width:380px}.cl-bp-name{font-size:20px}.cl-bp-foot{flex-wrap:nowrap}.cl-bp-caption{font-size:18px}}.cl-sub{grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;display:grid}.cl-tile{text-align:center}.cl-tile-top{flex-direction:column;align-items:center;gap:6px;display:flex}.cl-tile .cl-stage{width:100%;padding:12px 4px 14px}.cl-tile-name{color:var(--hud-text);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;text-shadow:0 2px 0 var(--ink-line);overflow-wrap:anywhere;font-size:16px;line-height:1.1}.cl-tile-buy{flex-direction:column;align-self:start;align-items:center;gap:4px;width:100%;display:flex}.gk-btn.cl-price[data-size]{--px:8px;--icon:20px;--fs:18px;width:100%}.cl-cost{align-items:center;gap:.25em;display:inline-flex}.gk-btn .cl-cost .gk-number{color:inherit;text-shadow:inherit}.cl-sold{border:2px solid var(--ink-line);background:var(--hud-go);color:#06240f;text-align:center;min-height:40px;box-shadow:0 3px 0 var(--hud-go-deep);border-radius:14px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:15px;font-weight:700;line-height:1.15;display:flex}.cl-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (max-width:639px){.cl-packs>li:last-child:nth-child(odd){grid-column:span 2}}@media (min-width:640px) and (max-width:767px){.cl-packs{grid-template-columns:repeat(6,minmax(0,1fr))}.cl-packs>li{grid-column:span 2}.cl-packs>li:nth-child(n+4){grid-column:span 3}}@media (min-width:768px){.cl-packs{grid-template-columns:repeat(5,minmax(0,1fr))}}.cl-pack{border:2px dashed var(--hud-line);text-align:center;background:radial-gradient(70% 60% at 50% 34%,#d6ecff1f,#0000 70%),#00000040;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;padding:10px 6px 12px;display:flex}.cl-pack-art{flex:auto;align-self:stretch;place-items:center;min-height:84px;display:grid}.cl-pack-art .gk-icon{filter:drop-shadow(0 4px #0006)}@media (min-width:1024px){.cl-pack-art{min-height:112px}}.cl-art{container-type:size}.cl-art>.gk-icon{width:calc(min(100cqw, 100cqh) * var(--grow,.8));height:calc(min(100cqw, 100cqh) * var(--grow,.8))}.cl-offer-card{zoom:1.08;display:inline-block}@media (min-width:640px){.cl-offer-card{zoom:1.35}}@media (min-width:1024px){.cl-offer-card{zoom:1.45}}@media (orientation:landscape) and (max-height:540px){.cl-offer-card{zoom:1.6}}.cl-shimmer:not([aria-disabled=true]) .gk-btn-face:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff9,#0000);width:24%;animation:3.2s ease-in-out infinite gk-glint;position:absolute;inset:0 auto 0 0}@media (max-width:419px){.duel-hud .cl-snug{padding-inline:8px}.gk-panel.cl-snug>.gk-panel-body{padding-inline:6px}}@keyframes cl-out{to{opacity:0}}.cl-burst-end .gk-burst-rays,.cl-burst-end .gk-burst-glow{animation:.6s ease-in forwards cl-out}.cl-stage[data-gilded]:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffeca099,#0000);width:30%;animation:3.6s ease-in-out infinite cl-sheen;position:absolute;inset:0 auto 0 0}@keyframes cl-wash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes cl-fall{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(calc(var(--r) * 18px), 340px) rotate(calc(var(--r) * 540deg))}}.cl-leaf{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cl-leaf:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ffec96e6,#f7b93e8c 55%,#0000);animation:2.4s ease-out both cl-wash;position:absolute;inset:0}.cl-flake{top:-16px;left:var(--x);width:var(--s);height:calc(var(--s) * .72);border:1.5px solid var(--ink-line);background:var(--hud-gold);animation:cl-fall var(--d) ease-in var(--t) both;border-radius:2px 5px;position:absolute;box-shadow:inset 2px 2px #ffffff80}@keyframes cl-punch{0%{transform:scale(1)}40%{transform:scale(1.12)}72%{transform:scale(.97)}to{transform:scale(1)}}@keyframes cl-swap{0%,39.9%{opacity:1}40%,to{opacity:0}}@keyframes cl-flash{0%{opacity:0}40%{opacity:.92}to{opacity:0}}.cl-punch{vertical-align:top;animation:.48s ease-out both cl-punch;display:inline-block;position:relative}.cl-punch-before,.cl-punch-flash{pointer-events:none;position:absolute;inset:0}.cl-punch-before{animation:.48s linear both cl-swap}.cl-punch-flash{z-index:2;background:radial-gradient(closest-side,#fff,#ffffffd9 70%,#ffffff8c);border-radius:15px;animation:.48s ease-out both cl-flash}.cl-skel{border:2px solid var(--hud-line);background:linear-gradient(100deg, var(--hud-panel) 30%, var(--hud-panel-2) 50%, var(--hud-panel) 70%) 0 0 / 300% 100%;border-radius:18px;animation:1.4s linear infinite cl-shine}@keyframes cl-shine{to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.cl-stage:before,.hb-meta:before,.cl-skel,.cl-punch{animation:none!important}.cl-stage[data-rarity=legendary]:after,.cl-stage[data-gilded]:after,.cl-flake,.cl-punch-before,.cl-punch-flash,.cl-shimmer .gk-btn-face:after{display:none}}.gk-calm .cl-stage:before,.gk-calm .hb-meta:before,.gk-calm .cl-skel,.gk-calm .cl-punch{animation:none!important}.gk-calm .cl-stage[data-rarity=legendary]:after,.gk-calm .cl-stage[data-gilded]:after,.gk-calm .cl-flake,.gk-calm .cl-punch-before,.gk-calm .cl-punch-flash,.gk-calm .cl-shimmer .gk-btn-face:after{display:none}
