:root{--bg:#03080d;--panel:#071421e8;--line:#1d536f;--txt:#e5fbff;--muted:#86aebe;--cyan:#00e5ff;--green:#00d084;--yellow:#ffd166;--red:#ff4d6d;--purple:#b36bff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#11354e,#03080d 50%);color:var(--txt);font-family:Inter,system-ui,"Segoe UI",sans-serif;overflow:hidden}.homeLink{position:fixed;left:12px;top:10px;z-index:50;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #00e5ff66;border-radius:10px;background:#061018f2;color:#dffaff;text-decoration:none;font-weight:850;box-shadow:0 0 18px #00e5ff22}.homeLink:hover,.homeLink:focus-visible{border-color:var(--cyan);box-shadow:0 0 22px #00e5ff44;outline:none}#app{height:100vh;display:grid;grid-template-columns:300px 1fr 300px;gap:10px;padding:10px}aside,main{border:1px solid #00e5ff2b;background:var(--panel);border-radius:14px;box-shadow:0 0 30px #00e5ff12;overflow:auto}aside{padding:52px 14px 14px}main{position:relative;display:grid;place-items:center;overflow:hidden}h1{font-size:1.5rem;margin:0 0 8px;text-shadow:0 0 16px var(--cyan)}h2{font-size:1rem;color:#bff7ff;margin:16px 0 8px}.sub,li,p{color:var(--muted);line-height:1.35}.toolbar{display:grid;gap:8px}button{border:1px solid var(--line);background:#061321;color:var(--txt);padding:10px;border-radius:8px;font-weight:800;cursor:pointer}button.active,button:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 16px #00e5ff22}#game{width:100%;height:auto;max-height:calc(100vh - 24px);background:#050a10;cursor:crosshair}#hud{position:absolute;top:14px;left:14px;padding:10px 12px;border:1px solid #00e5ff44;background:#02070bd0;border-radius:10px;font-family:ui-monospace,monospace}.metric{margin:10px 0}.bar{height:16px;background:#142736;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan))}.bar.bad span{background:linear-gradient(90deg,var(--red),var(--yellow))}#events div{font-size:.88rem;border-bottom:1px solid #ffffff13;padding:7px 0;color:#d8f8ff}.blue{color:#4aa3ff}.green{color:var(--green)}.yellow{color:var(--yellow)}.red{color:var(--red)}.purple{color:var(--purple)}@media(max-width:1050px){#app{grid-template-columns:1fr;overflow:auto}body{overflow:auto}main{min-height:500px}}/* UX polish */
.toolbar{background:#06111bcc;border:1px solid #00e5ff1f;border-radius:12px;padding:10px}.toolbar button{display:flex;justify-content:space-between;align-items:center}.toolbar button:after{content:"›";opacity:.55}.toolbar button.active:after{content:"●";opacity:1}.metric b{display:flex;justify-content:space-between;font-size:.84rem;color:#dffaff}.bar{box-shadow:inset 0 0 10px #0008;margin-top:5px}#events div:first-child{color:#ffd166;font-weight:800}#hud{box-shadow:0 0 24px #00e5ff22;line-height:1.4}.sub{border-left:3px solid var(--cyan);padding-left:10px}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}aside::-webkit-scrollbar{width:10px}aside::-webkit-scrollbar-thumb{background:#1d536f;border-radius:99px}@media(max-width:1050px){#game{max-height:none}.toolbar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}}