:root{--bg:#1e1e2e;--surface:#181825;--overlay:#313244;--muted:#45475a;--subtle:#6c7086;--text:#cdd6f4;--accent:#cba6f7;--error:#f38ba8;--hp-high:#a6e3a1;--hp-mid:#fab387;--hp-low:#f38ba8;--font:"Iosevka", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;min-height:100vh;color:var(--text);font-family:var(--font);font-size:21px;line-height:1.5}h1,h2,h3{font-family:var(--font);color:var(--text);font-weight:600}a{color:var(--subtle);text-decoration:none}a:hover{color:var(--text)}button,.btn{font-family:var(--font);color:var(--subtle);border:1px solid var(--overlay);cursor:pointer;background:0 0;border-radius:6px;padding:8px 18px;font-size:18px;transition:color .15s,border-color .15s}button:hover:not(:disabled),.btn:hover:not(:disabled){color:var(--text);border-color:var(--muted)}button:disabled{opacity:.4;cursor:not-allowed}button.btn-primary{background:var(--accent);color:var(--bg);border:none;font-weight:600}button.btn-primary:hover:not(:disabled){opacity:.9}button.btn-primary:disabled{background:var(--overlay);color:var(--muted);opacity:1}input,select{font-family:var(--font);background:var(--surface);color:var(--text);border:1px solid var(--overlay);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:18px}input:focus,select:focus{border-color:var(--muted)}input::placeholder{color:var(--muted)}.panel{background:var(--surface);border-radius:8px;padding:16px}table{border-collapse:collapse;width:100%;font-family:var(--font);font-size:18px}th{color:var(--subtle);border-bottom:1px solid var(--overlay);text-align:left;padding:8px 16px 8px 0;font-weight:400}td{border-bottom:1px solid var(--surface);color:var(--text);padding:10px 16px 10px 0}tr:last-child td{border-bottom:none}.page{max-width:min(1800px,90vw);margin:0 auto;padding:40px 48px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.navbar{border-bottom:1px solid var(--overlay);background:var(--bg);align-items:center;gap:20px;padding:14px 28px;display:flex}.navbar .logo{color:var(--accent);font-size:23px;font-weight:600}.navbar a{color:var(--subtle);font-size:18px}.navbar a:hover{color:var(--text)}.modal-backdrop{z-index:10000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--overlay);border-radius:8px;width:100%;min-width:320px;max-width:480px;padding:24px}@keyframes vertigo{0%{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(15deg)}80%{transform:rotate(-12deg)}to{transform:rotate(0)}}@keyframes warp{0%{transform:perspective(800px)rotateX(0)rotateY(0)}25%{transform:perspective(800px)rotateX(8deg)rotateY(-6deg)}50%{transform:perspective(800px)rotateX(-6deg)rotateY(10deg)}75%{transform:perspective(800px)rotateX(10deg)rotateY(-8deg)}to{transform:perspective(800px)rotateX(0)rotateY(0)}}