.duel-hud [data-tier]{--t:var(--rarity-common,#9aa3ad);--t-deep:#5b636c}.duel-hud [data-tier=rare]{--t:var(--rarity-rare,#3f8cff);--t-deep:var(--kind-defend-deep,#1f4fa8)}.duel-hud [data-tier=epic]{--t:var(--rarity-epic,#b36bff);--t-deep:var(--kind-ability-deep,#6a2fb3)}.duel-hud [data-tier=legendary]{--t:var(--rarity-legendary,#f7b93e);--t-deep:var(--hud-gold-deep,#b97a12)}.duel-hud .st-pick{border:3px solid var(--t);background:var(--hud-panel-2,#322822);width:100%;color:var(--hud-text,#fff6e0);cursor:pointer;box-shadow:0 4px 0 var(--t-deep), 0 7px 0 #00000059;transition:transform .22s var(--gk-spring,ease-out);border-radius:16px;flex-direction:column;padding:0;display:flex;position:relative}.duel-hud .st-pick[data-static]{cursor:auto;width:150px}.duel-hud .st-pick:not([data-static]):active{transition-duration:70ms;transform:translateY(3px)scale(.96)}.duel-hud .st-pick:focus-visible{outline:3px solid var(--hud-text,#fff6e0);outline-offset:4px}.duel-hud .st-pick[aria-pressed=true]{box-shadow:0 4px 0 var(--t-deep), 0 0 0 3px var(--hud-gold,#f7b93e), 0 0 0 6px var(--ink-line,#15100d), 0 8px 22px #f7b93e8c;transform:translateY(-4px)}.duel-hud .st-pic{background:radial-gradient(circle at 50% 46%, var(--t) 0%, var(--t-deep) 58%, #1d1613 100%);border-radius:12px 12px 0 0;place-items:center;display:grid;position:relative;overflow:hidden}.duel-hud .st-pic>*{filter:drop-shadow(0 3px #00000059)}.duel-hud .st-pick[data-locked] .st-pic>:not(.st-badge){filter:saturate(.45)brightness(.62)drop-shadow(0 3px #00000059)}.duel-hud .st-plate{border-top:3px solid var(--t-deep);background:var(--hud-panel-2,#322822);min-height:44px;font-family:var(--font-duel-display), system-ui, sans-serif;text-align:center;text-shadow:0 2px 0 var(--ink-line,#15100d);overflow-wrap:anywhere;border-radius:0 0 13px 13px;place-items:center;padding:4px 6px 6px;font-size:17px;line-height:1.1;display:grid}.duel-hud .st-badge{z-index:2;border:2.5px solid var(--ink-line,#15100d);width:34px;height:34px;color:var(--hud-text,#fff6e0);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:inset 0 2px #ffffff4d,0 3px #00000073}.duel-hud .st-badge[data-at=tl]{top:5px;left:5px}.duel-hud .st-badge[data-at=tr]{top:5px;right:5px}.duel-hud .st-badge[data-tone=go]{background:var(--hud-go,#35b36b)}.duel-hud .st-badge[data-tone=lock]{background:#2a211c}.duel-hud .st-badge[data-size=sm]{width:28px;height:28px}.duel-hud .st-tag-price{z-index:2;border:2px solid var(--ink-line,#15100d);color:var(--hud-gold,#f7b93e);font-family:var(--font-duel-display), system-ui, sans-serif;white-space:nowrap;background:#14100ee0;border-radius:999px;align-items:center;gap:3px;padding:1px 9px 2px 3px;font-size:16px;line-height:1.2;display:inline-flex;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.duel-hud .st-price .gk-number{color:#2a1a00;text-shadow:0 2px #ffffff59}.duel-hud .st-unlock{align-items:center;gap:.35em;display:inline-flex}.duel-hud .st-sold{border:2.5px solid var(--ink-line,#15100d);background:var(--hud-go,#35b36b);width:100%;min-height:44px;color:var(--hud-text,#fff6e0);font-family:var(--font-duel-display), system-ui, sans-serif;text-shadow:0 2px #15100d73;box-shadow:inset 0 3px 0 #ffffff4d, 0 4px 0 var(--hud-go-deep,#1f7a46);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:17px;line-height:1.1;display:flex}.duel-hud .st-sold[data-size=lg]{border-radius:16px;min-height:60px;font-size:22px}.duel-hud .st-sold[data-size=md]{min-height:50px;font-size:19px}.duel-hud .st-need{color:#ff8a8d;white-space:nowrap;justify-content:center;align-items:center;gap:.25em;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex}.duel-hud .st-need .gk-number{color:inherit;text-shadow:none}.duel-hud .st-need[data-big]{border:2px solid var(--ink-line,#15100d);background:#14100ee0;border-radius:999px;padding:3px 12px 4px}@media (max-width:1023px){.duel-hud .dm-stage.st-stage{aspect-ratio:4/3}}@media (max-width:1023px) and (orientation:landscape){.duel-hud .dm-stage.st-stage{max-height:max(180px,100dvh - 250px)}}@media (min-width:1024px){.duel-hud .dm-stage.st-stage{aspect-ratio:1;height:auto;min-height:220px;max-height:calc(100dvh - 300px)}}@media (max-width:1023px) and (orientation:portrait){.duel-hud .st-preview{display:contents}.duel-hud .st-stage-pin{top:calc(60px + env(safe-area-inset-top));z-index:10;width:100%;max-width:520px;margin-inline:auto;position:sticky}.duel-hud .dm-stage.st-stage{aspect-ratio:16/10}}@media (max-width:1023px) and (orientation:landscape) and (max-height:540px){.duel-hud .st-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:14px 18px;display:grid}.duel-hud .st-layout .st-preview{top:calc(56px + env(safe-area-inset-top));grid-area:1/1/span 4;max-width:none;position:sticky}.duel-hud .st-layout>:not(.st-side),.duel-hud .st-side>:not(.st-preview){grid-column:2;max-width:none}.duel-hud .dm-stage.st-stage{max-height:calc(100dvh - 150px)}.duel-hud .dm-stage-battle.st-action{margin-top:10px}.duel-hud .st-dyes{grid-template-columns:repeat(6,minmax(0,1fr))}.duel-hud .st-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.duel-hud .st-parts{grid-template-columns:repeat(4,minmax(0,1fr))}.duel-hud .st-slots{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:759px){.duel-hud .st-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.duel-hud .st-parts{grid-template-columns:repeat(3,minmax(0,1fr))}}.duel-hud.dm-page:has(.st-layout) .dm-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}}.duel-hud .st-burst{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0 0 28px}.duel-hud .st-action{flex-direction:column;align-items:center;gap:6px;display:flex}.duel-hud .dm-stage-battle.st-action{margin-top:14px}@media (min-width:1024px){.duel-hud .st-looks{display:none}}.duel-hud .st-name{font-size:28px;line-height:1.05}.duel-hud .st-story{color:var(--hud-dim,#c9b9a0);font-size:15px;font-weight:500;line-height:1.4}.duel-hud .st-intro{color:var(--hud-gold,#f7b93e);font-size:15px;font-weight:600;line-height:1.35}.duel-hud .st-tag{border:2px solid var(--ink-line,#15100d);background:var(--hud-panel-2,#322822);color:var(--hud-text,#fff6e0);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px 3px 6px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 2px #00000073}.duel-hud .st-tag[data-tone=go]{background:var(--hud-go-deep,#1f7a46)}.duel-hud .st-tag[data-tone=lock]{background:var(--kind-ability-deep,#6a2fb3)}@media (min-width:1024px){.duel-hud .st-name{font-size:34px}.duel-hud .st-story,.duel-hud .st-intro{font-size:16px}}.duel-hud .st-card{flex-direction:column;gap:10px;min-width:0;height:100%;display:flex}.duel-hud .st-card .st-pic{aspect-ratio:1;place-items:end center;padding:8px 8px 0}.duel-hud .st-portrait{aspect-ratio:1;object-fit:contain;width:100%;max-width:200px;height:auto}.duel-hud .st-card .st-plate{min-height:calc(2.2em + 10px)}.duel-hud .st-card-buy{flex-direction:column;align-items:center;gap:4px;display:flex}.duel-hud .gk-btn.st-slab[data-size]{--h:44px;--px:8px;--icon:22px;--fs:19px;width:100%}.duel-hud .st-swatch{border:3px solid var(--ink-line,#15100d);border-radius:50%;flex:none;display:block;box-shadow:inset 0 -4px #00000038,inset 0 3px #ffffff47}.duel-hud .st-swatch[data-size=sm]{width:36px;height:36px}.duel-hud .st-swatch[data-size=lg]{width:46px;height:46px}.duel-hud .st-swatch[data-made]{background:repeating-linear-gradient(135deg,#fff6e0 0 5px,#9aa3ad 5px 10px)}.duel-hud .st-area{border:2.5px solid var(--ink-line,#15100d);background:var(--hud-panel-2,#322822);min-height:92px;color:var(--hud-text,#fff6e0);cursor:pointer;transition:transform .2s var(--gk-spring,ease-out);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 4px 7px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff14,0 4px #00000073}.duel-hud .st-area[aria-pressed=true]{background:var(--hud-gold,#f7b93e);color:#2a1a00;box-shadow:inset 0 3px 0 #ffffff59, 0 4px 0 var(--hud-gold-deep,#b97a12), 0 7px 0 #00000059;transform:translateY(-3px)}.duel-hud .st-area:active{transition-duration:70ms;transform:translateY(2px)scale(.96)}.duel-hud .st-area-label{text-align:center;font-size:15px;font-weight:700;line-height:1.15}.duel-hud .st-dye{cursor:pointer;filter:drop-shadow(0 3px #00000073);width:52px;height:52px;transition:transform .2s var(--gk-spring,ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.duel-hud .st-dye:active{transition-duration:70ms;transform:scale(.9)}.duel-hud .st-dye[aria-pressed=true]{transform:scale(1.08)}.duel-hud .st-dye[aria-pressed=true] .st-swatch{box-shadow:inset 0 -4px 0 #00000038, inset 0 3px 0 #ffffff47, 0 0 0 3px var(--hud-gold,#f7b93e), 0 0 0 5.5px var(--ink-line,#15100d)}.duel-hud .st-area:focus-visible,.duel-hud .st-dye:focus-visible{outline:3px solid var(--hud-text,#fff6e0);outline-offset:3px}.duel-hud .st-dye-check{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.duel-hud .st-now{text-align:center;font-size:16px;font-weight:600;line-height:1.3}.duel-hud .st-now>b{color:var(--hud-gold,#f7b93e);font-weight:700}.duel-hud .st-gear-art{flex:none;place-items:center;display:grid}.duel-hud .st-gear-art>svg{width:100%;height:100%;overflow:visible}.duel-hud .st-area.st-gear-slot{min-height:84px;padding:6px 2px 5px}.duel-hud .st-gear-slot .st-gear-art{filter:drop-shadow(0 2px #00000059)}.duel-hud .st-gear-dot{border:2.5px solid var(--ink-line,#15100d);background:var(--hud-stop,#e5484d);border-radius:50%;width:16px;height:16px;position:absolute;top:-5px;right:-5px}.duel-hud .st-gear-tile .st-pic{aspect-ratio:1;padding:10%}.duel-hud .st-gear-tile .st-gear-art{width:100%!important;height:100%!important}.duel-hud .st-gear-tile .st-plate{min-height:calc(2.2em + 10px);font-size:15px}.duel-hud .st-earn{border:2px dashed var(--hud-line,#55473d);width:100%;min-height:50px;color:var(--hud-text,#fff6e0);text-align:center;background:#1b1512;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:15px;font-weight:700;line-height:1.2;display:flex}.duel-hud .st-part-name{text-align:center;font-size:18px;line-height:1.2}@media (max-width:419px){.duel-hud .gk-panel.st-snug>.gk-panel-body{padding-inline:8px}}