.th-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.th-tile{flex-direction:column;grid-column:span 7;min-height:clamp(206px,50dvh - 140px,300px);padding:22px 24px 20px;display:flex}.th-tile:nth-child(2),.th-tile:nth-child(3){grid-column:span 5}.th-tile[data-tone=daily]{--tone:var(--warn);--rgb:245 194 107}.th-tile[data-tone=drills]{--tone:var(--bull);--rgb:78 245 197}.th-tile[data-tone=battles]{--tone:var(--bear);--rgb:255 99 158;--fade:14%}.th-name{letter-spacing:-.045em;width:max-content;max-width:100%;color:var(--ink);font-size:28px;font-weight:600;line-height:1.1}.th-line{max-width:27ch;color:var(--muted);text-shadow:0 1px 8px #060509;margin-top:8px;font-size:13px;line-height:1.6}.th-status{min-height:20px;margin-top:auto;padding-top:14px}.th-soon{color:var(--warn)}:is(.th-tile,.bt-stage) .hub-art svg{padding:8px 6px 8px 0}.th-hud{color:var(--warn);counter-reset:ri var(--ri) rf var(--rf);font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:14px;right:16px}.th-hud:before{content:"+" counter(ri) "." counter(rf) "R"}@media (max-width:899px){.th-grid{grid-template-columns:1fr 1fr}.th-tile,.th-tile:nth-child(n){grid-column:auto;min-height:0;padding:18px 18px 0}.th-status{margin-top:10px;padding-top:0}:is(.th-tile,.bt-stage) .hub-art{height:138px;margin:0 -18px;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#0000,#000 22%);mask-image:linear-gradient(#0000,#000 22%)}:is(.th-tile,.bt-stage) .hub-art svg{aspect-ratio:16/9;width:auto;margin:0 auto;padding:0 0 10px}.th-hud{top:10px}}@media (max-width:639px){.th-grid{grid-template-columns:1fr}.th-name{font-size:25px}.th-line{max-width:none}}.bt-stage{isolation:isolate;border-radius:var(--r-xl);min-height:280px;box-shadow:var(--hi), var(--shadow-2), 0 0 32px #ff639e14;background:radial-gradient(60% 90% at 78%,#ff639e1a,#0000 70%),linear-gradient(160deg,#110d19,#060509 70%);border:1px solid #ff639e42;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;display:grid;position:relative;overflow:hidden}.bt-copy{padding:30px 32px}.bt-chip{color:var(--warn)}.bt-copy h2{letter-spacing:-.05em;color:var(--ink);text-wrap:balance;margin-top:16px;font-size:clamp(28px,3.4vw,44px);font-weight:620;line-height:1.05}.bt-copy p{max-width:46ch;color:var(--muted);margin-top:12px;font-size:14px;line-height:1.7}.hub-art.bt-art{z-index:0;--fade:18%;height:100%;min-height:240px;position:relative;inset:auto}@media (max-width:767px){.bt-stage{grid-template-columns:1fr}.bt-copy{padding:22px 20px 4px}.hub-art.bt-art{height:190px;min-height:0;-webkit-mask-image:none;mask-image:none}}@property --ri{syntax:"<integer>";inherits:false;initial-value:1}@property --rf{syntax:"<integer>";inherits:false;initial-value:8}.hub-art .ta-print,.hub-art .ta-bar{transform-box:fill-box;transform-origin:bottom}.hub-art .ta-down{transform-origin:top}.hub-art .ta-ping{opacity:0;transform-box:fill-box;transform-origin:50%}.hub-art .ta-sun{transition:transform .7s var(--ease);transform:translateY(5px)}.hub-art .ta-reticle{transition:transform .42s cubic-bezier(.3,1.45,.55,1);transform:translate(176px,58px)}.hub-art .ta-lock{transition:transform .3s var(--ease) .12s}.hub-art .ta-vs{transform-box:fill-box;transform-origin:50%;transition:transform .26s var(--ease)}.hub-art .ta-race{opacity:.35}@media (prefers-reduced-motion:no-preference){:is(.th-tile:hover,.th-tile:focus-visible) .ta-late{transition-delay:.32s}:is(.th-tile:hover,.th-tile:focus-visible) .ta-tick{animation:1.8s step-end infinite ta-tick}:is(.th-tile:hover,.th-tile:focus-visible) .ta-print{animation:1.8s step-end infinite ta-print}:is(.th-tile:hover,.th-tile:focus-visible) .ta-sun{transform:translateY(-20px)}:is(.th-tile:hover,.th-tile:focus-visible) .ta-bar{animation:ta-grow .38s var(--ease) backwards}:is(.th-tile:hover,.th-tile:focus-visible) .th-hud{animation:.9s linear ta-count}:is(.th-tile:hover,.th-tile:focus-visible) .ta-reticle{transform:translate(264px,142px)}:is(.th-tile:hover,.th-tile:focus-visible) .ta-drift{animation:none}:is(.th-tile:hover,.th-tile:focus-visible) .ta-lock{transform:scale(.78)}:is(.th-tile:hover,.th-tile:focus-visible) .ta-ping{animation:.7s ease-out .38s ta-ping}:is(.th-tile:hover,.th-tile:focus-visible) .ta-vs{transform:scale(1.12)}:is(.th-tile:hover,.th-tile:focus-visible) .ta-race-a{animation:ta-race 1.9s var(--ease) infinite}:is(.th-tile:hover,.th-tile:focus-visible) .ta-race-b{animation:ta-race 2.3s var(--ease) .12s infinite}.bt-art .ta-race-a{animation:ta-race 3.4s var(--ease) infinite}.bt-art .ta-race-b{animation:ta-race 3.9s var(--ease) .3s infinite}}@media (prefers-reduced-motion:reduce){.th-hud{transition:none!important;animation:none!important}}@keyframes ta-tick{20%{transform:translateY(-4px)}40%{transform:translateY(2px)}60%{transform:translateY(-6px)}80%{transform:translateY(-2px)}}@keyframes ta-print{20%{transform:scaleY(1.5)}40%{transform:scaleY(.75)}60%{transform:scaleY(1.75)}80%{transform:scaleY(1.25)}}@keyframes ta-grow{0%{transform:scaleY(0)}}@keyframes ta-count{0%{--ri:0;--rf:0}50%{--ri:0;--rf:9}51%{--ri:1;--rf:0}to{--ri:1;--rf:8}}@keyframes ta-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@keyframes ta-race{0%{opacity:.35;transform:none}10%{opacity:1}84%{opacity:1;transform:translate(118px)}to{opacity:0;transform:translate(118px)}}