.td{--td-ink:var(--gx-ink,#24272b);--td-ink-2:var(--gx-ink-2,#555751);--td-label:#6e5332;--td-panel:var(--gx-card,#e9e6de);--td-field:var(--gx-card-2,#dfdbcf);--td-line:#ada58f;--td-dark:var(--gx-dark-3,#282b30);--td-on-dark:var(--gx-on-dark,#edeae2);--td-on-dark-2:var(--gx-on-dark-2,#c1c0ba);--td-accent:var(--gx-accent,#d77c27);--td-accent-ink:var(--gx-accent-ink,#8f4819);--td-button:var(--gx-button,#a95019);--td-button-hover:var(--gx-button-hover,#8d4012);--td-kaioken:#c4431f;--td-cut:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:var(--td-panel);color:var(--td-ink);border:1px solid #aaa390;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid;position:relative}.td:before{content:"";z-index:5;background:var(--td-accent);width:42px;height:3px;position:absolute;top:-1px;left:-1px}.td-stage{--aura:#d77c2770;--aura-core:#f3c48ccc;--k:0;isolation:isolate;background:linear-gradient(#0000 0 calc(100% - 128px),#2b2e33 calc(100% - 128px)),repeating-linear-gradient(118deg,#0000 0 110px,#fff6e806 110px 111px,#0000 111px 210px),linear-gradient(#1c1f24 0%,#202328 100%);justify-content:center;align-items:flex-end;min-height:520px;padding:52px 16px 104px;display:flex;position:relative;overflow:hidden}.td-stage:before{content:"";z-index:0;background:#4a4b48;height:1px;position:absolute;bottom:128px;left:0;right:0}.td-stage:after{content:"";z-index:-1;opacity:.42;background:#a95b24;width:19%;position:absolute;top:-60px;bottom:-60px;right:-10%;transform:skew(-15deg)}.td-stage[data-state=mastered]{--aura:#e08a3a8c;--aura-core:#f6d2a6e0}.td-stage[data-state=exhausted]{--aura:#8a877f47;--aura-core:#b6b2a859}.td-tag{z-index:4;background:var(--td-button);color:#fff8ee;letter-spacing:.13em;text-transform:uppercase;padding:5px 9px;font-size:.62rem;font-weight:800;line-height:1.4;position:absolute;top:16px;left:16px}.td-figure{z-index:2;object-fit:contain;object-position:bottom;width:auto;max-width:80%;height:392px;position:relative}.td-aura,.td-aura-ring,.td-aura-kaioken{z-index:1;opacity:0;pointer-events:none;border-radius:50% 50% 46% 46%/62% 62% 38% 38%;width:300px;height:420px;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.td-aura{background:radial-gradient(50% 55% at 50% 58%, var(--aura-core) 0%, var(--aura) 44%, transparent 72%);filter:blur(4px)}.td-aura-ring{width:248px;height:392px;box-shadow:0 0 18px 1px var(--aura), inset 0 0 22px var(--aura);border:2px solid #f0b072;bottom:96px}.td-aura-kaioken{width:356px;height:470px;transform:translateX(-50%) scale(calc(.9 + var(--k) * .06));background:radial-gradient(50% 55% at 50% 58%,#0000 38%,#c4431fa8 58%,#0000 74%);bottom:70px}.td-floor{z-index:1;background:radial-gradient(closest-side,#00000080,#0000);border-radius:50%;width:250px;height:30px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.td-stage[data-state=normal] .td-aura{opacity:.75}.td-stage[data-state=mastered] .td-aura{opacity:1;filter:blur(2px)}.td-stage[data-state=mastered] .td-aura-ring{opacity:.8}.td-stage[data-state=exhausted] .td-aura{opacity:1}.td-stage:not([data-kaioken="0"]) .td-aura-kaioken{opacity:calc(.25 + var(--k) * .18)}.td-stage[data-state=normal] .td-floor,.td-stage[data-state=mastered] .td-floor{background:radial-gradient(closest-side, var(--aura), transparent)}.td-stage:not([data-kaioken="0"]) .td-floor{background:radial-gradient(closest-side,#c4431f8c,#0000)}.td-hud{z-index:3;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.td-hud-item{min-height:44px;color:var(--td-on-dark);background:#17191df0;border:1px solid #5c5a53;align-items:center;gap:9px;padding:5px 12px 5px 6px;font-size:.8rem;font-weight:750;line-height:1.25;display:inline-flex}.td-hud-item small{color:#d0b695;letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-weight:800;display:block}.td-hud-item .sprite-icon{border-radius:0}.td-hud-item.is-on{border-color:var(--td-accent);box-shadow:inset 3px 0 0 var(--td-kaioken)}.td-hud-item.is-exhausted{color:#d6d3cb;letter-spacing:.1em;text-transform:uppercase;border-color:#8b877d;padding-left:12px;font-size:.66rem;font-weight:800}@media (prefers-reduced-motion:no-preference){.td-aura,.td-aura-ring,.td-aura-kaioken,.td-floor{transition:opacity .3s,transform .3s,background .3s}.td-stage[data-state=normal] .td-aura{animation:1.4s ease-in-out infinite td-flicker}}@keyframes td-flicker{0%,to{opacity:.75}40%{opacity:.52}60%{opacity:.82}}.td-panel{flex-direction:column;gap:16px;min-width:0;padding:24px 26px;display:flex}.td-disclaimer{color:#3f3b30;background:#d9cfb9;border-left:3px solid #b87835;padding:9px 12px;font-size:.78rem;font-weight:650;line-height:1.55}.td-group{gap:8px;display:grid}.td-label{color:var(--td-label);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:800;line-height:1.5}.td-races{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.td-race{border:1px solid var(--td-line);background:var(--td-field);min-height:44px;color:var(--td-ink);text-align:center;cursor:pointer;border-radius:0;flex-direction:column;align-items:center;gap:7px;padding:11px 6px 10px;line-height:1.2;display:flex;position:relative}.td-race:hover{border-color:#9b5b23}.td-race strong{font-family:var(--gx-display,inherit);letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere;font-size:.98rem;font-weight:850;display:block}.td-race small{color:var(--td-ink-2);margin-top:3px;font-size:.68rem;display:block}.td-race-icon{border-radius:0;width:auto;height:36px}.td-race[aria-pressed=true]{border-color:var(--td-dark);background:var(--td-dark);color:var(--td-on-dark);box-shadow:inset 0 -3px 0 var(--td-accent)}.td-race[aria-pressed=true] small{color:var(--td-on-dark-2)}.td-segment{border:1px solid var(--td-line);background:var(--td-field);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.td-segment button{min-height:42px;color:var(--td-ink);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:0;padding:8px 10px;font-size:.72rem;font-weight:800;line-height:1.25}.td-segment button:hover{background:#24272b12}.td-segment button[aria-pressed=true]{background:var(--td-dark);color:var(--td-on-dark);box-shadow:inset 0 -3px 0 var(--td-accent)}.td-actions{gap:8px;display:grid}.td-btn{isolation:isolate;letter-spacing:.04em;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:11px;min-height:48px;padding:11px 18px;font-size:.74rem;font-weight:800;line-height:1.3;display:flex;position:relative}.td-btn:before{content:"";z-index:-1;clip-path:var(--td-cut);position:absolute;inset:0}.td-btn-main{color:#fff8ee}.td-btn-main:before{background:var(--td-button)}.td-btn-main:hover:before{background:var(--td-button-hover)}.td-btn-main.is-on:before{background:var(--td-dark)}.td-btn-main.is-on:hover:before{background:#1c1f24}.td-btn-main.is-on svg{color:var(--td-accent)}.td-btn-kaioken{color:var(--td-ink)}.td-btn-kaioken:before{background:var(--td-ink)}.td-btn-kaioken:after{content:"";z-index:-1;background:var(--td-panel);clip-path:polygon(9.6px 0,100% 0,100% calc(100% - 9.6px),calc(100% - 9.6px) 100%,0 100%,0 9.6px);position:absolute;inset:1px}.td-btn-kaioken:not(:disabled):hover:after{background:#dcd8ce}.td-btn-kaioken svg{color:var(--td-kaioken)}.td-btn-kaioken>span:first-of-type{flex:1}.td-btn-kaioken:disabled{color:#66655d;cursor:not-allowed}.td-btn-kaioken:disabled:before{background:#a8a291}.td-btn-kaioken:disabled svg{color:currentColor}.td-pips{gap:4px;display:inline-flex}.td-pips span{border:1.5px solid;width:10px;height:10px;transform:skew(-15deg)}.td-pips span.is-on{border-color:var(--td-kaioken);background:var(--td-kaioken)}.td-hint{color:var(--td-ink-2);font-size:.76rem;line-height:1.55}.td-status{border-left:3px solid var(--td-accent);background:var(--td-field);gap:4px;padding:11px 14px;display:grid}.td-status [role=status]{color:var(--td-ink);font-size:.86rem;font-weight:650;line-height:1.55}.td-reset{min-height:44px;color:var(--td-accent-ink);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:8px;padding:8px 2px;font-size:.78rem;font-weight:800;display:inline-flex}.td-reset:hover{text-underline-offset:4px;text-decoration:underline}.td-caption{color:var(--td-ink-2);border-top:1px solid #aaa39088;margin-top:-4px;padding-top:12px;font-size:.7rem;line-height:1.6}@media (prefers-reduced-motion:no-preference){.td-race,.td-segment button,.td-btn:before,.td-btn:after{transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s}}@media (max-width:860px){.td{grid-template-columns:minmax(0,1fr)}.td-stage{background:linear-gradient(#0000 0 calc(100% - 116px),#2b2e33 calc(100% - 116px)),repeating-linear-gradient(118deg,#0000 0 110px,#fff6e806 110px 111px,#0000 111px 210px),linear-gradient(#1c1f24 0%,#202328 100%);min-height:400px;padding:48px 12px 96px}.td-stage:before{bottom:116px}.td-figure{height:270px}.td-aura{width:226px;height:320px;bottom:82px}.td-aura-ring{width:188px;height:296px;bottom:90px}.td-aura-kaioken{width:274px;height:360px;bottom:66px}.td-floor{width:200px;bottom:82px}.td-panel{padding:20px 18px 18px}}@media (max-width:480px){.td-stage:after{width:16%}.td-races{grid-template-columns:minmax(0,1fr);gap:6px}.td-race{text-align:left;flex-direction:row;gap:12px;padding:8px 12px}.td-race-icon{height:32px}.td-segment button{letter-spacing:.02em;padding-inline:6px;font-size:.68rem}.td-hud-item{font-size:.74rem}}@media (forced-colors:active){.td-btn,.td-race,.td-segment button{border:1px solid buttontext}.td-race[aria-pressed=true],.td-segment button[aria-pressed=true]{border:3px solid highlight}.td-stage:after{display:none}}
