:root{--bg:#c8c3bb;--bg-dark:#a09a92;--fg:#1a1a17;--fg-muted:#5a5550;--accent:#e67e22;--accent-light:#f39c12;--card-bg:#f0ebe4;--card-border:#b8b0a6;--hud-bg:#14120ed1;--hud-text:#e8e0d0}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg);width:100%;height:100%;color:var(--fg);margin:0;padding:0;font-family:Space Mono,Courier New,monospace;overflow:hidden}canvas{display:block}.hud{background:var(--hud-bg);color:var(--hud-text);letter-spacing:.06em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;border:1px solid #ffffff14;border-radius:4px;padding:10px 14px;font-family:Space Mono,monospace;font-size:11px;line-height:1.8;position:absolute;bottom:24px;left:24px}.hud .hud-label{color:var(--accent-light);margin-right:6px}.hud .hud-value{text-align:right;min-width:60px;display:inline-block}.hud-row{align-items:center;gap:12px;display:flex}.hud-sep{opacity:.3;border:none;border-top:1px solid;margin:6px 0}.modal-backdrop{z-index:50;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0806a6;position:absolute;inset:0}.modal-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;width:100%;max-width:600px;max-height:88vh;padding:32px;animation:.25s cubic-bezier(.22,1,.36,1) both modal-in;position:relative;overflow-y:auto;box-shadow:0 32px 64px #0006}@keyframes modal-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header-strip{color:#ffffffe6;letter-spacing:-.02em;text-shadow:0 2px 8px #0000004d;border-radius:4px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:24px;font-size:28px;font-weight:700;display:flex}.modal-title{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:700}.modal-summary{color:var(--fg-muted);margin:0 0 16px;font-size:14px;line-height:1.7}.modal-description{color:var(--fg);margin-bottom:20px;font-size:13px;line-height:1.8}.tags{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.tag{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);background:#00000014;border:1px solid #0000001f;border-radius:2px;padding:3px 8px;font-family:Space Mono,monospace;font-size:10px}.modal-footer{border-top:1px solid var(--card-border);justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.btn{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:3px;padding:9px 18px;font-family:Space Mono,monospace;font-size:11px;transition:opacity .15s,transform .1s}.btn:hover{opacity:.8}.btn:active{transform:scale(.98)}.btn-ghost{border-color:var(--card-border);color:var(--fg-muted);background:0 0}.btn-primary{background:var(--fg);color:#fff;border-color:var(--fg)}.modal-close{border:1px solid var(--card-border);cursor:pointer;width:28px;height:28px;color:var(--fg-muted);background:0 0;border-radius:3px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--fg);color:#fff}