*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#101619;color:#e5e9e6;font:14px 'Segoe UI',sans-serif}canvas{display:block;width:100vw;height:100vh}header{position:absolute;top:0;left:0;right:0;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(#101619ef,transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:3px}.mark{color:#ffa950;font-size:34px}.brand small{display:block;font-size:9px;color:#84948f;letter-spacing:2px;margin-top:5px}button{font:inherit;cursor:pointer;border:1px solid #526461;background:#233330;color:#e5e9e6;padding:12px 18px;border-radius:5px;pointer-events:auto}button:hover{border-color:#ffac50;background:#30443e}button:focus-visible{outline:3px solid #ffd18b;outline-offset:3px}#stats{font-family:monospace;color:#d1e2d6;font-size:16px}#hud{position:absolute;left:28px;top:110px;width:235px;pointer-events:none}.label{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;margin:15px 0 7px;color:#b8c4bf}.meter{height:6px;background:#31403e}.meter i{display:block;height:100%;background:#8addaf;width:100%;transition:width .15s}.xp i{background:#ffaa53;width:0}#modules{font:12px monospace;color:#bed3c6;line-height:2;margin-top:20px}footer{position:absolute;bottom:0;left:0;right:0;padding:20px 28px;display:flex;gap:24px;justify-content:center;font:10px monospace;letter-spacing:1px;color:#82958e;background:linear-gradient(transparent,#101619ef);pointer-events:none}footer b{color:#cad7ce}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#081014b8;backdrop-filter:blur(6px)}.overlay[hidden]{display:none}#panel{width:min(880px,92vw);padding:38px;background:#172124;border:1px solid #43514c;box-shadow:0 30px 100px #0008;border-radius:10px}h1{font-size:clamp(28px,5vw,58px);line-height:1.04;letter-spacing:-2px;margin:16px 0}h2{font-size:32px;margin:12px 0}.eyebrow{color:#ffaa53;font:11px monospace;letter-spacing:3px}p{color:#a9b9b2;line-height:1.7;max-width:650px}.primary{background:#ffac50;color:#1b231f;border:0;font-weight:800;padding:16px 28px;margin-top:16px}.primary:hover{background:#ffd296}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.card{text-align:left;padding:22px;min-height:170px}.card strong{display:block;font-size:20px;margin:12px 0}.card small{color:#a9b9b2;line-height:1.6;display:block}.card em{color:#ffac50;font:12px monospace}.meta{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #3d4c45;padding-top:18px;margin-top:25px;color:#8ea698;font:12px monospace}@media(max-width:650px){header{padding:12px}.brand{font-size:11px}.brand small{display:none}#stats{font-size:11px}#hud{left:14px;top:78px;width:160px}footer{gap:8px;font-size:8px}.cards{grid-template-columns:1fr;gap:6px}.card{min-height:0;padding:10px}.card strong{font-size:16px;margin:3px 0}#panel{padding:20px}}