.trap-runner{--tr-bg:#0e0f1a;--tr-panel:#161826;--tr-accent:#ff3b5c;--tr-accent2:#3bffb0;--tr-text:#eef0ff;--tr-muted:#7d81a0;width:100%;max-width:960px;margin:0 auto;position:relative}.trap-runner *{box-sizing:border-box}.trap-runner-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.trap-runner-hud{background:var(--tr-panel);border:1px solid #2a2d47;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;width:100%;padding:8px 14px;display:flex}.trap-runner-hud .title{letter-spacing:1px;color:var(--tr-accent);font-size:15px;font-weight:800}.trap-runner-hud .stat{color:var(--tr-muted);font-size:13px}.trap-runner-hud .stat b{color:var(--tr-text)}.trap-runner-canvas-holder{aspect-ratio:900/500;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #2a2d47}.trap-runner canvas{width:100%;height:100%;display:block}.trap-runner-overlay{text-align:center;background:#0a0a12e0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.trap-runner-overlay h1{letter-spacing:2px;color:var(--tr-accent);text-shadow:0 0 20px #ff3b5c99;margin:0;font-size:34px}.trap-runner-overlay p{color:var(--tr-muted);max-width:480px;margin:0;font-size:14px;line-height:1.6}.trap-runner .key{color:var(--tr-accent2);background:#20233a;border:1px solid #383c5e;border-radius:5px;margin:0 2px;padding:2px 7px;font-family:monospace;display:inline-block}.trap-runner-btn{background:linear-gradient(135deg, var(--tr-accent), #c92348);color:#fff;letter-spacing:1px;cursor:pointer;border:none;border-radius:30px;padding:12px 28px;font-size:15px;font-weight:700;transition:transform .1s;box-shadow:0 8px 20px #ff3b5c59}.trap-runner-btn:hover{transform:translateY(-2px)}.trap-runner-btn:active{transform:translateY(0)}.trap-runner-btn.secondary{box-shadow:none;background:#20233a;border:1px solid #383c5e}.trap-runner-hint{color:var(--tr-muted);text-align:center;pointer-events:none;font-size:12px}.trap-runner-toggle{border:1px solid var(--tr-accent2);color:var(--tr-accent2);cursor:pointer;letter-spacing:.5px;z-index:5;background:#20233a;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:700;position:absolute;top:12px;right:12px}.trap-runner-toggle:hover{background:#282c4a}.trap-runner-death-flash{background:var(--tr-accent);opacity:0;pointer-events:none;position:absolute;inset:0}@media (width<=480px){.trap-runner-hud{gap:4px 10px;padding:6px 10px}.trap-runner-hud .title{font-size:12px}.trap-runner-hud .stat{font-size:11px}.trap-runner-overlay{padding:12px}.trap-runner-overlay h1{letter-spacing:1px;font-size:22px}.trap-runner-overlay p{font-size:12px}.trap-runner-btn{padding:10px 20px;font-size:13px}.trap-runner-toggle{padding:6px 10px;font-size:10px}.trap-runner .key{padding:1px 5px;font-size:11px}}.trap-runner-notifications{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:20px}.trap-runner-toast{color:#fff;white-space:nowrap;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;animation:.3s tr-toast-in;box-shadow:0 8px 24px #00000080}.trap-runner-toast.tr-toast-streak{background:linear-gradient(135deg,#ff6b35,#ff3b5c);border:1px solid #ff6b3580}.trap-runner-toast.tr-toast-achievement{color:#0a1a14;background:linear-gradient(135deg,#3bffb0,#1a9a6a);border:1px solid #3bffb080}@keyframes tr-toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}