html,body,#root{height:100%;margin:0}body{background:#14100e;color:var(--ink);font-family:var(--font-ui)}.ds-app{height:100vh;min-height:640px;display:flex;flex-direction:column;background:radial-gradient(55% 45% at 50% 42%,#78281e4d,#140e0c00 70%),linear-gradient(0deg,#14100e 3%,#140e0c59 40%,#140e0cb8),url(/assets/scene-bg-B2bwy74n.webp) center / cover fixed}.ds-glass{background:#221c1ad6;border:1px solid rgba(198,147,74,.28);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ds-top{display:flex;align-items:center;gap:10px;margin:6px 16px 0;padding:2px 6px 2px 12px;border-radius:12px}.ds-brand{margin-right:auto;color:var(--ink);text-decoration:none;font:700 18px var(--font-display)}.ds-lang{display:flex;gap:2px}.ds-link{color:var(--ink-dim);font-size:13px;text-decoration:none}.ds-link:hover{color:var(--gold-bright)}.ds-lang a{padding:3px 8px;border-radius:8px;font:600 12.5px var(--font-ui);color:var(--ink-dim);text-decoration:none}.ds-lang a[aria-current]{color:var(--ink);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-gold)}.ds-gold{display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border:1px solid var(--gold-bright);border-radius:8px;background:linear-gradient(180deg,var(--gold-bright),#a87a3a);color:#1c1410;font:600 13px var(--font-ui);text-decoration:none}.ds-brand:focus-visible,.ds-lang a:focus-visible,.ds-gold:focus-visible,.ds-chip:focus-visible,.ds-tog:focus-visible,.ds-tab:focus-visible,.ds-card:focus-visible,.ds-skin:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.ds-scene{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:12px 16px 0}.ds-stage,.d3-scene,.d3-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.d3-canvas canvas{display:block;touch-action:none}.d3-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:10px;background:#1c1c1cd9;color:var(--ink-dim);font-size:14px;text-align:center}.d3-note--err{color:var(--ink);border:1px solid var(--line-gold)}.ds-title{position:absolute;left:50%;top:12px;transform:translate(-50%);width:min(560px,50%);text-align:center;pointer-events:none}.ds-title h1{margin:0;font:700 52px/1 var(--font-display);text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.7)}.ds-title h1 span{color:var(--gold-bright)}.ds-zoom{position:absolute;z-index:1;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}.ds-zoom--shift{right:362px}.ds-soon{margin:8px auto 0;max-width:420px;padding:7px 12px;border:1px dashed var(--gold-bright);border-radius:12px;background:#140e0cd9;font-size:13px;line-height:1.35}.ds-soon b{display:block;color:var(--gold-bright)}.ds-soon span{color:var(--ink-dim)}.ds-side{position:relative;z-index:2;min-height:0;pointer-events:none;display:flex;align-items:flex-start}.ds-side>*{pointer-events:auto}.ds-side--left{grid-column:1;grid-row:1 / 3}.ds-side--right{grid-column:3;grid-row:1 / 3}.ds-panel{box-sizing:border-box;width:280px;max-height:100%;min-height:200px;padding:4px 12px 12px;overflow-y:auto}.ds-side--right .ds-panel{width:330px}.ds-panel__head{display:flex;align-items:center;gap:4px;margin:0 -2px 8px;border-bottom:1px solid rgba(232,226,216,.14)}.ds-tab{flex:1;min-height:44px;padding:0 6px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-dim);font:600 14px var(--font-ui);cursor:pointer}.ds-tab[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold-bright)}.ds-tog{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px;border:1px solid rgba(198,147,74,.28);border-radius:12px;background:#221c1adb;color:var(--ink);font:500 13px var(--font-ui);cursor:pointer}.ds-panel__head .ds-tog{border:0;background:transparent}.ds-tog:hover{color:var(--gold-bright);border-color:var(--gold)}.ds-panel h3{margin:12px 0 5px;font:600 11px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.ds-panel ul{list-style:none;margin:0;padding:0}.ds-panel p{margin:10px 0 0;font-size:13px}.ds-dim{color:var(--ink-dim);font-size:12.5px!important;line-height:1.4}.ds-row{display:flex;flex-wrap:wrap;gap:4px}.ds-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#2a2422cc;color:var(--ink);font:500 13px var(--font-ui);cursor:pointer}.ds-chip:hover:not(:disabled){border-color:var(--gold)}.ds-chip:disabled{opacity:.55;cursor:default}.ds-chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold-bright);background:var(--panel-2)}.ds-all{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:12.5px;color:var(--ink-dim)}.ds-all span{margin-right:4px}.ds-range{display:block;margin-top:12px;font-size:12px;color:var(--ink-dim)}.ds-range input{display:block;width:100%;margin-top:4px;accent-color:var(--gold-bright)}.ds-tier{display:flex;align-items:center;gap:6px;color:var(--tier)!important}.ds-tier i{width:8px;height:8px;border-radius:50%;background:var(--tier)}.ds-skin{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:46px;padding:3px 8px 3px 3px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;font-family:var(--font-ui)}.ds-skin:hover{background:#46383280}.ds-skin[aria-pressed=true]{border-color:var(--tier);background:#46383280}.ds-skin__img{display:block;box-sizing:border-box;width:66px;height:40px;padding:2px;border-radius:7px;background:var(--panel-inset)}.ds-skin__img img{display:block;width:100%;height:100%;object-fit:contain}.ds-skin b{display:block;font-size:13px;font-weight:600}.ds-skin small{display:block;font-size:11.5px;color:var(--ink-dim)}.ds-stat{display:grid;grid-template-columns:1fr auto;gap:1px 8px;padding:5px 0;font-size:13px;border-bottom:1px solid rgba(232,226,216,.08)}.ds-stat>span{color:var(--ink-dim)}.ds-stat em,.ds-hero em{font-style:normal;font-size:11.5px;font-weight:600;font-family:var(--font-ui)}.is-up{color:var(--ok)}.is-down{color:var(--danger)}.ds-gene{grid-column:1 / -1;display:grid;grid-template-columns:104px minmax(0,1fr) 30px;align-items:center;gap:6px}.ds-gene small{font-size:10.5px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-gene input{width:100%;min-width:0;margin:0;accent-color:var(--gold-bright)}.ds-gene i{font:600 11.5px var(--font-ui);color:var(--gold-bright);text-align:right}.ds-mut{padding:8px 0;border-top:1px solid rgba(232,226,216,.1)}.ds-mut__head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.ds-mut p{margin:4px 0}.ds-mut__bottom{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;line-height:1.35;cursor:pointer}.ds-mut__bottom input{accent-color:var(--gold-bright);margin:2px 0 0}.ds-mut__bottom.is-off{opacity:.6;cursor:default}.ds-under{position:relative;z-index:2;grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:8px;min-width:0;padding-bottom:8px;pointer-events:none}.ds-under>*{pointer-events:auto}.ds-moves{position:relative;display:flex}.ds-moves__btn{justify-content:flex-start;gap:8px;min-width:132px;padding:0 14px;border-radius:14px;text-align:left}.ds-moves__btn small{display:block;font-size:12px;color:var(--ink-dim)}.ds-moves__btn span{font-weight:600;font-size:14px}.ds-moves__menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:3;box-sizing:border-box;width:min(460px,56vw);max-height:min(420px,52vh);padding:2px 12px 12px;overflow-y:auto}.ds-moves__menu h3{margin:10px 0 5px;font:600 11px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.ds-hero{display:flex;flex-wrap:wrap;justify-content:center;margin:0;border-radius:14px;overflow:hidden}.ds-hero>div{padding:6px 16px;border-right:1px solid rgba(232,226,216,.1);text-align:center}.ds-hero>div:last-child{border-right:0}.ds-hero dt{font-size:12px;color:var(--ink-dim);white-space:nowrap}.ds-hero dd{margin:0;font:700 28px/1.05 var(--font-display)}.ds-reelbar{position:relative;z-index:2;display:flex;justify-content:center;margin-top:6px}.ds-reelbar .ds-tog{min-height:30px;padding:0 12px}.ds-reel{display:flex;gap:14px;overflow-x:auto;padding:4px 16px 10px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.ds-fam{flex:none;padding-left:10px;border-left:1px solid rgba(198,147,74,.35)}.ds-fam:first-child{padding-left:0;border-left:0}.ds-fam h2{margin:0 0 4px;font:12px var(--font-eyebrow);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.ds-fam>div{display:flex;gap:6px}.ds-card{flex:none;display:flex;flex-direction:column;box-sizing:border-box;width:122px;height:112px;padding:6px 6px 5px;border:1px solid rgba(198,147,74,.24);border-radius:12px;background:#221c1ad1;color:var(--ink);font:500 13px var(--font-ui);text-align:center;text-decoration:none}.ds-card:hover{border-color:var(--gold)}.ds-card[aria-current]{border-color:var(--gold-bright);background:#3a2e26;color:var(--gold-bright)}.ds-card.is-soon{border-style:dashed;color:var(--ink-dim)}.ds-card__img{display:block;flex:none;height:50px}.ds-card__img img{display:block;width:100%;height:100%;object-fit:contain}.ds-card__name{flex:1;display:flex;align-items:center;justify-content:center;line-height:1.1}.ds-card small{display:block;font-size:11px;color:var(--ok)}.ds-card.is-soon small{color:var(--gold-bright)}@media (max-width: 900px){.ds-app{height:auto;min-height:100%;background-attachment:scroll}.ds-top{margin:6px 8px 0}.ds-scene{display:contents}.ds-top{order:-1}.ds-gold{padding:0 12px}.ds-stage{order:0;position:relative;inset:auto;height:56vh;min-height:320px;flex:none}.ds-title{width:calc(100% - 24px)}.ds-zoom,.ds-zoom--shift{right:10px}.ds-title h1{font-size:34px}.ds-under{order:1;padding:8px 8px 0}.ds-moves,.ds-moves__btn{width:100%}.ds-moves__menu{width:100%;max-height:60vh}.ds-reelbar,.ds-reel{order:2}.ds-hero{justify-content:space-around}.ds-side{padding:8px 8px 0}.ds-side--left{order:3}.ds-side--right{order:4}.ds-panel,.ds-side--right .ds-panel{width:100%;max-height:none}.ds-side>.ds-tog{width:100%}.ds-hero>div{padding:6px 12px}}