*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#04060d}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}#hud{position:fixed;top:18px;left:22px;z-index:10;color:#e8ecf4;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.8)}#hud h1{font-size:22px;font-weight:700;letter-spacing:.04em;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#hud h1 span{font-weight:300;color:#9fb4d8}#hud-meta{margin-top:6px;font-size:12px;color:#8ea2c6;font-family:ui-monospace,Consolas,monospace}#hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:10;font-size:12px;color:#6c7f9e;letter-spacing:.1em;pointer-events:none;font-family:system-ui,sans-serif}#card{position:fixed;top:50%;right:22px;transform:translateY(-50%);z-index:20;width:300px;padding:20px 22px;background:#0a0e1ad1;border:1px solid rgba(140,170,230,.22);border-radius:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e8ecf4;font-family:system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:0 20px 60px #00000080;animation:card-in .28s cubic-bezier(.2,.9,.3,1.2)}@keyframes card-in{0%{opacity:0;transform:translateY(-50%) translate(26px) scale(.96)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}#fps{position:fixed;bottom:14px;right:16px;z-index:10;font:11px ui-monospace,Consolas,monospace;color:#4d5f7d;pointer-events:none}#card.hidden{display:none}#card-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#8ea2c6;font-size:20px;cursor:pointer}#card h2{font-size:17px;margin-bottom:6px}#card-desc{font-size:12.5px;color:#9fb4d8;line-height:1.55;margin-bottom:12px}#card-stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12.5px}#card-stats dt{color:#6c7f9e}#card-stats dd{color:#dfe7f5;font-family:ui-monospace,Consolas,monospace;font-size:12px}.ok{color:#5dd97c!important}.bad{color:#ff6b6b!important}.dim{color:#8ea2c6!important}#card-links{margin-top:14px;display:flex;gap:8px}#card-links a{flex:1;text-align:center;padding:7px 0;border-radius:9px;font-size:12.5px;text-decoration:none;border:1px solid rgba(140,170,230,.3);color:#cdd9ef;transition:background .2s}#card-links a:hover{background:#8caae626}#card-spark{margin-top:14px;width:100%}.spark-cap{margin-top:3px;font-size:10.5px;color:#6c7f9e}@media(max-width:640px){#card{top:auto;bottom:0;right:0;left:0;transform:none;width:auto;border-radius:18px 18px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom));animation:card-in-m .28s cubic-bezier(.2,.9,.3,1.1)}@keyframes card-in-m{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}#hud h1{font-size:18px}#hint{display:none}}