:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#1f2937,#0f172a 45%,#020617);color:#e2e8f0}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;place-items:center;gap:.5rem;text-align:center;padding:1rem}.hud-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#020617db;z-index:10}.shader-toolbox{position:fixed;top:.9rem;right:.9rem;z-index:30;width:min(92vw,280px);text-align:left;padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(125,211,252,.38);background:linear-gradient(155deg,#0f172ae6,#020617e0);box-shadow:0 10px 28px #0206178c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fps-toolbox{position:fixed;top:.9rem;left:.9rem;z-index:30;width:min(55vw,150px);padding:.6rem .8rem;text-align:left;border-radius:12px;border:1px solid rgba(74,222,128,.4);background:linear-gradient(155deg,#0f172ae6,#020617e6);box-shadow:0 10px 28px #02061780}.fps-toolbox h2{margin:0;font-size:.82rem;opacity:.9}.fps-toolbox p{margin:.15rem 0 0}.fps-toolbox p:first-of-type{font-size:1.55rem;font-weight:700;line-height:1.1}.fps-toggle{display:flex;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.78rem}.shader-toolbox h2{margin:0 0 .55rem;font-size:.95rem;font-weight:700;letter-spacing:.02em}.shader-toggle{display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem;font-size:.82rem}.shader-row{display:grid;gap:.3rem;margin-bottom:.45rem;font-size:.78rem}.shader-row input[type=range]{width:100%}.shader-toolbox>button{margin-top:.15rem;padding:.35rem .65rem;border:1px solid rgba(148,163,184,.55);border-radius:8px;background:linear-gradient(#1e293b,#0f172a);color:#f8fafc;cursor:pointer}.shader-toolbox>button:hover{background:linear-gradient(#334155,#1e293b)}.crosshair{position:fixed;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none;z-index:25}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#f8fafceb;box-shadow:0 0 8px #f8fafc73}.crosshair:before{width:2px;height:22px;left:10px;top:0}.crosshair:after{width:22px;height:2px;left:0;top:10px}.hud-card{max-width:min(92vw,640px);padding:1rem 1.25rem;border:1px solid rgba(148,163,184,.4);border-radius:12px;background:#0f172adb;color:#e2e8f0;text-wrap:balance;box-shadow:0 8px 30px #0206178c}.hud-card>button{margin-top:.25rem}.hud-card>button{padding:.45rem .75rem;border:1px solid rgba(148,163,184,.5);border-radius:8px;background:linear-gradient(#334155,#1e293b);color:#f8fafc;cursor:pointer}.hud-card>button:hover{background:linear-gradient(#475569,#334155)}