@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&family=Space+Grotesk:wght@400;600;700&display=swap";:root{font-family:Fira Sans,system-ui,sans-serif;color:#eaf2ff;background-color:#070b14;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(41,66,112,.5),transparent 45%),radial-gradient(circle at 85% 90%,rgba(15,67,83,.45),transparent 40%),#070b14}#app{position:relative;width:100vw;height:100vh}canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block}.hud{position:fixed;top:16px;left:16px;z-index:3;display:flex;flex-direction:column;gap:7px;padding:10px 12px;border-radius:14px;background:#080e1894;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);min-width:220px}.badge{display:inline-flex;width:fit-content;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;color:#d7f0fff2;background:#488acf59;border:1px solid rgba(177,219,255,.4)}.hud-value{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;color:#f6fbfff5;transform-origin:left center;transition:transform .11s ease-out}.hud-sub{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#d4e3ffd9}.event-toast{position:fixed;top:18px;left:50%;transform:translate(-50%,-20px);z-index:4;pointer-events:none;opacity:0;padding:9px 14px;border-radius:12px;background:#09101eb8;border:1px solid rgba(167,220,255,.42);color:#e0f4fff2;font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:opacity .18s ease,transform .18s ease}.event-toast.visible{opacity:1;transform:translate(-50%)}.hidden-ui{display:none!important}.ui{position:fixed;bottom:18px;right:18px;z-index:3;display:flex;flex-direction:column;gap:10px;padding:10px 12px;border-radius:14px;background:#0a101c85;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-title{font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9fb5ffeb}.ui label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ebf2ffe6}.ui select{min-width:130px;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#eaf2ff;font-family:Fira Sans,sans-serif;font-size:12px}.ui input[type=checkbox]{width:16px;height:16px;accent-color:#7dd6ff}.hint{font-size:12px;color:#ffffff9e}.post-match{position:fixed;inset:0;z-index:8;display:grid;place-items:center;background:#05090f9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.post-match.hidden{display:none}.post-card{width:min(92vw,420px);padding:22px;border-radius:18px;background:linear-gradient(170deg,#0d1523f0,#070d18f2);border:1px solid rgba(158,214,255,.28);box-shadow:0 24px 54px #0000007a}.post-card h2{margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:30px;line-height:1.1;color:#f3fafff7}.post-card p{margin:8px 0;color:#d6e7ffe6;font-size:14px;letter-spacing:.02em}.post-card button{margin-top:12px;width:100%;border:0;border-radius:12px;padding:12px 14px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#08101f;background:linear-gradient(110deg,#79d8ff,#83ffa7);cursor:pointer}.post-card button:hover{filter:brightness(1.04)}@media(max-width:720px){.hud{top:12px;left:12px;min-width:180px;padding:9px 10px}.hud-value{font-size:19px}.ui{right:12px;bottom:12px;max-width:min(90vw,280px)}.ui label{font-size:11px}.event-toast{top:auto;bottom:14px;transform:translate(-50%,20px)}.event-toast.visible{transform:translate(-50%)}}