*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071019;color:#dff7ed}body{font-family:sans-serif;padding:16px}#layout{width:min(1480px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;align-items:start}#game{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a141d;border:1px solid #28434a;border-radius:12px}canvas{display:block;touch-action:none}#build-hud{padding:18px;border:1px solid #28434a;border-radius:12px;background:#0b1c25;min-width:0}#build-hud h2{font-size:16px;margin:0 0 8px;color:#a0ffda}#build-hud p{font-size:12px;line-height:1.7;color:#92b4bd;margin:8px 0}#skill-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.skill{background:#142e38;color:#ccece7;border:1px solid #34525b;border-radius:7px;padding:8px 4px;cursor:pointer;font-size:12px;min-height:54px}.skill b{display:block;font-size:16px;color:#a0ffda}.skill[aria-pressed=true]{border-color:#9affd6;background:#244640}#skill-detail{min-height:76px}#run-progress{height:5px;background:#213a41;border-radius:4px;overflow:hidden}#run-progress span{display:block;height:100%;background:#9affd6}@media(max-width:950px){body{padding:8px}#layout{grid-template-columns:1fr}#build-hud{padding:12px}#skill-list{grid-template-columns:repeat(6,minmax(0,1fr))}#skill-detail{min-height:0}}@media(max-width:520px){#skill-list{grid-template-columns:repeat(4,minmax(0,1fr))}.skill{font-size:10px}}::selection{background:#9affd6;color:#071019}