:root{--cobalt: #1b34d6;--cobalt-dark: #101f8c;--gold: #f7d32a;--amber: #f39a1e;--burnt: #c8741b;--brown: #5c2e0e;--sky: #bfe3f0;--ink: #1a1305}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--cobalt);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:#fff;-webkit-font-smoothing:none}#game{position:fixed;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(#101f8cbd,#0a145ae6),url(/assets/home_bg.png) center / cover no-repeat;z-index:50}.overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.gate-card{position:relative;z-index:1;text-align:center;padding:36px 44px 30px;background:#101f8c9e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:4px solid var(--brown);border-radius:16px;box-shadow:0 14px #0000004d,0 0 60px #f7d32a40,inset 0 0 0 2px var(--gold);min-width:330px}.gate-logo{line-height:0;margin-bottom:6px}.gate-logo img{width:104px;height:104px;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.25)) drop-shadow(0 0 18px rgba(247,211,42,.5));animation:bob 2.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.gate-card h1{margin:6px 0 2px;font-size:44px;letter-spacing:4px;color:var(--gold);text-shadow:0 3px 0 var(--brown)}.tag{margin:0 0 22px;color:var(--sky);font-size:14px}.tag b{color:var(--gold)}.btn{display:block;width:100%;margin:8px 0;padding:12px 16px;font-size:15px;font-weight:700;border:3px solid var(--brown);border-radius:10px;cursor:pointer;transition:transform .06s ease}.btn:active{transform:translateY(2px)}.btn-primary{background:var(--gold);color:var(--ink)}.btn-primary:hover{background:#ffe14d}.btn-ghost{background:transparent;color:var(--sky);border-color:var(--sky)}.btn-ghost:hover{background:#bfe3f01a}.btn:disabled{opacity:.5;cursor:wait}.gate-msg{margin-top:12px;min-height:18px;font-size:13px;color:#ffd3d3}.gate-msg.ok{color:var(--sky)}.gate-wordmark{margin:2px 0 4px;line-height:0}.gate-wordmark img{width:210px;max-width:82%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.ca-row{display:inline-flex;align-items:center;gap:8px;margin:6px 0 18px;padding:8px 12px;max-width:100%;font-size:12px;cursor:pointer;color:#fff;background:#0000004d;border:2px solid var(--brown);border-radius:9px;transition:border-color .12s}.ca-row:hover{border-color:var(--gold)}.ca-label{color:var(--gold);font-weight:700;letter-spacing:1px}.ca-value{font-family:Consolas,monospace;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ca-copy{color:var(--sky);font-size:14px}.ca-row:hover .ca-copy{color:var(--gold)}.socials{display:flex;justify-content:center;gap:14px;margin-top:16px}.social{display:grid;place-items:center;width:40px;height:40px;color:var(--sky);background:#00000038;border:2px solid var(--brown);border-radius:10px;transition:transform .1s,color .1s,background .1s}.social:hover{color:var(--gold);background:#f7d32a1f;transform:translateY(-2px)}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}#ui>*{pointer-events:auto}#hud{position:absolute;top:12px;left:12px;width:250px;padding:12px 14px;background:#101f8c9e;border:3px solid var(--brown);border-radius:10px;box-shadow:inset 0 0 0 2px var(--gold);font-size:13px}.hud-row{display:flex;justify-content:space-between;align-items:center;margin:2px 0}.hud-name{color:var(--gold);font-weight:700}.hud-shards{color:var(--sky)}.xpbar{height:9px;background:#00000059;border:2px solid var(--brown);border-radius:6px;overflow:hidden;margin:6px 0}.xpbar>span{display:block;height:100%;width:0%;background:var(--gold);transition:width .3s ease}.quest{margin-top:8px;padding-top:8px;border-top:2px dashed rgba(255,255,255,.2)}.quest-title{color:#fff}.quest-prog{color:var(--sky);font-size:12px}.quest-claim{margin-top:6px;padding:5px 10px;font-size:12px;font-weight:700;background:var(--amber);color:var(--ink);border:2px solid var(--brown);border-radius:7px;cursor:pointer}.quest-claim:disabled{opacity:.45;cursor:default}#chat{position:absolute;left:12px;bottom:12px;width:340px;max-width:46vw}.chat-log{height:168px;overflow-y:auto;padding:8px 10px;background:#101f8c80;border:3px solid var(--brown);border-radius:10px 10px 0 0;font-size:12.5px;line-height:1.45}.chat-log::-webkit-scrollbar{width:8px}.chat-log::-webkit-scrollbar-thumb{background:var(--burnt);border-radius:6px}.chat-msg{margin:1px 0;word-wrap:break-word}.chat-from{color:var(--gold);font-weight:700}.chat-zone .chat-from{color:var(--sky)}.chat-input{width:100%;padding:9px 10px;font-size:13px;color:#fff;background:#101f8cd9;border:3px solid var(--brown);border-top:none;border-radius:0 0 10px 10px;outline:none}.chat-input::placeholder{color:#bfe3f099}#toasts{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center}.toast{padding:9px 16px;font-size:13px;font-weight:700;border:3px solid var(--brown);border-radius:10px;background:var(--cobalt-dark);box-shadow:0 4px #00000040;animation:pop .18s ease}.toast.good{background:#1f7a44}.toast.warn{background:#8a6d1f}.toast.error{background:#8a2436}.toast .r-common{color:#cfd3d8}.toast .r-uncommon{color:#6cff9e}.toast .r-rare{color:#7fb0ff}.toast .r-epic{color:#cf9bff}.toast .r-legendary{color:#ffc24d}.toast .r-mythic{color:#ff6f93}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.mute-btn{position:absolute;right:12px;top:54px;width:40px;height:40px;font-size:18px;line-height:1;cursor:pointer;color:#fff;background:#101f8c8c;border:2px solid var(--brown);border-radius:8px}.mute-btn:hover{background:#101f8ccc}.help{position:absolute;right:12px;top:12px;padding:8px 12px;font-size:12px;color:var(--sky);background:#101f8c80;border:2px solid var(--brown);border-radius:8px}