:root{--bg: #07111f;--panel: #10233d;--text: #d7eaff;--muted: #90aeca;--line: #234a74;--p1: #22d3ee;--p2: #fb7185}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 20%,#143564,var(--bg));color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.layout{max-width:1320px;margin:0 auto;min-height:100vh;padding:18px;display:grid;gap:14px}.hud,.result{border:1px solid var(--line);background:color-mix(in srgb,var(--panel),transparent 8%);border-radius:14px;padding:14px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.toolbar label{display:grid;gap:4px;font-size:13px;color:var(--muted)}select,button{border-radius:10px;border:1px solid var(--line);padding:10px 12px;background:#0e2744;color:var(--text);font-weight:600}button{cursor:pointer;min-width:110px}.hint{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.hint-grid{margin:12px 0 0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.hint strong{color:var(--text)}.arena-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden}#arena{width:100%;height:auto;aspect-ratio:16 / 9;display:block;background:#081627}.result{min-height:96px;font-size:14px;color:var(--muted);line-height:1.5}.result strong{color:var(--text)}.result h3{margin:12px 0 6px;color:var(--text);font-size:15px}.result ul{margin:6px 0 0;padding-left:18px}