.td-shell{max-width:1400px}.td-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.level-select{background:#122033;border:1px solid var(--line);color:white;padding:11px;min-width:210px}.td-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.td-board{position:relative;border:1px solid var(--line);background:#101c2c;min-height:460px}.td-board canvas{width:100%;height:560px;display:block;cursor:crosshair}.td-hud{position:absolute;inset:12px 12px auto;display:flex;gap:9px;pointer-events:none}.td-pill{background:rgba(5,14,24,.86);border:1px solid var(--line);padding:6px 10px;font:700 16px Rajdhani,sans-serif}.td-pill b{color:var(--cyan);font-size:22px}.td-side{background:#101c2c;border:1px solid var(--line);padding:15px}.td-side h3{font-size:15px;margin:8px 0}.td-op{display:grid;grid-template-columns:52px 1fr auto;align-items:center;width:100%;text-align:left;background:#172a3c;color:white;border:1px solid var(--line);padding:7px;margin:7px 0;cursor:pointer}.td-op:hover,.td-op.active{border-color:var(--cyan);background:#173b4b}.td-op img{width:47px;height:55px;object-fit:contain;object-position:top}.td-op strong{font-size:14px}.td-op small{color:var(--muted);font-size:11px}.td-op em{color:var(--cyan);font-style:normal}.td-skills{border-top:1px solid var(--line);margin-top:14px;padding-top:8px}.td-skill{width:100%;margin:5px 0;padding:8px;text-align:left;border:1px solid var(--line);background:#172a3c;color:#dcebf3;cursor:pointer}.td-skill:hover:not(:disabled){border-color:#ffd45c}.td-skill:disabled{opacity:.45}.td-log{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;min-height:45px;color:#9db1c0;font-size:12px}.td-controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.td-tip{font-size:13px;color:var(--muted);margin:0 0 14px}.wave-track{display:flex;gap:5px;margin:10px 0}.wave-dot{width:12px;height:12px;border:1px solid var(--line);transform:rotate(45deg)}.wave-dot.done{background:var(--cyan);border-color:var(--cyan)}.wave-dot.now{border-color:#ffd45c;background:#ffd45c}@media(max-width:840px){.td-layout{grid-template-columns:1fr}.td-side{order:-1}.td-board canvas{height:460px}.td-top{align-items:start;flex-direction:column}.level-select{width:100%}}