:root{--bg: #010314;--text: #F8FAFC;--text-dim: #94A3B8;--accent: #F59E0B;--accent-glow: rgba(245, 158, 11, .3);--font: "Dongle", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:var(--font);background:var(--bg);user-select:none;letter-spacing:.03em}#bgCanvas{position:fixed;inset:0;z-index:0;pointer-events:none}.status-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;z-index:10;color:var(--text-dim);font-size:1.3rem;font-family:var(--font);letter-spacing:.05em;text-transform:uppercase}.status-left{display:flex;align-items:center;gap:6px}.status-right{display:flex;align-items:center;gap:8px;position:relative}.acct-btn{position:absolute;top:calc(100% + 9px);right:0;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#f59e0b14;color:var(--text-dim);text-decoration:none;transition:.2s;font-size:1.3rem}.acct-btn:hover{border-color:var(--accent);color:var(--accent);background:#f59e0b2e;box-shadow:0 0 12px var(--accent-glow);transform:scale(1.06)}.battery{display:flex;align-items:center;gap:5px}.battery-icon{width:22px;height:11px;border:1px solid var(--text-dim);border-radius:2px;padding:1px;position:relative}.battery-icon:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:5px;background:var(--text-dim);border-radius:0 1px 1px 0}.battery-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .3s}.wrap{position:fixed;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:18px}.tung-img{width:130px;height:130px;object-fit:contain;cursor:pointer}.logo{font-size:4rem;font-weight:300;color:var(--text);letter-spacing:.25em;text-transform:lowercase;line-height:1}.logo em{font-style:normal;color:var(--accent);text-shadow:0 0 30px var(--accent-glow)}.splash{font-size:1.6rem;color:var(--text-dim);letter-spacing:.06em;text-transform:lowercase;opacity:.6;max-width:500px;padding:0 20px;min-height:2rem}.corner-btns{position:fixed;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;z-index:5}.discord-btn,.donate-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9px;text-decoration:none;font-size:1.1rem;font-family:var(--font);letter-spacing:.05em;text-transform:uppercase;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.discord-btn,.donate-btn{background:#ffffff12;border:1px solid rgba(245,158,11,.3);color:var(--text)}.discord-btn:hover,.donate-btn:hover{background:#f59e0b1f;border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}@media(max-width:500px){.tung-img{width:100px;height:100px}.logo{font-size:3rem;letter-spacing:.18em}.splash{font-size:1.3rem}.status-bar{font-size:1.1rem;padding:8px 12px}}.bottom-ad{position:fixed;top:46px;left:50%;transform:translate(-50%);z-index:9999;max-width:100vw;overflow:hidden}.right-ad{position:fixed;right:1px;top:50%;transform:translateY(-50%);z-index:9999;max-width:170px;overflow:hidden}.left-ad{position:fixed;left:1px;top:50%;transform:translateY(-50%);z-index:9999;max-width:170px;overflow:hidden}@media(max-width:900px){.right-ad,.left-ad{display:none}}.status-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.online-count-widget{display:flex;align-items:center;gap:5px;font-size:1.3rem;color:var(--text-dim);font-family:var(--font);letter-spacing:.05em;text-transform:uppercase}.online-dot-widget{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:500px){.online-count-widget{font-size:1.1rem}}.legal-modal{position:fixed;inset:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:legalFade .2s ease}.legal-modal.hidden{display:none}@keyframes legalFade{0%{opacity:0}to{opacity:1}}.legal-card{position:relative;width:min(760px,92vw);height:min(80vh,720px);background:#0a0e17;border:1px solid rgba(245,158,11,.35);border-radius:14px;box-shadow:0 20px 60px #0009;overflow:hidden;animation:legalIn .22s ease}@keyframes legalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.legal-card iframe{width:100%;height:100%;border:0;display:block;background:#0a0e17}.legal-close{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#14141aeb;color:#fff;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:.18s}.legal-close:hover{border-color:#fd79a8;color:#fd79a8}