@font-face{font-family:Luckiest Guy;src:url(/fonts/LuckiestGuy-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Fira Sans;src:url(/fonts/FiraSans-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Fira Sans;src:url(/fonts/FiraSans-Black.ttf)format("truetype");font-weight:900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1e1e;--panel:#2a2a2a;--line:#444;--text:#eee;--muted:#999;--accent:#3c82e6;--bad:#e6503c;--missing:#f0f;color:var(--text);background:var(--bg);font-family:Fira Sans,system-ui,sans-serif;font-size:14px;font-weight:500}body{background:var(--bg);margin:0}button,input,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:4px 8px}button:not(:disabled){cursor:pointer}button:disabled{opacity:.4}button.on,button.hand.left{border-color:var(--accent);background:#24406a}a{color:var(--accent)}.page{max-width:900px;margin:0 auto;padding:16px}.page table{border-collapse:collapse;width:100%}.page th,.page td{text-align:left;border-bottom:1px solid var(--line);padding:4px 8px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1}.center{text-align:center}.hint{color:var(--muted)}.error{color:var(--bad)}.dot{border-radius:50%;width:10px;height:10px}.online{color:#46be5a}.offline{color:var(--muted)}.game{grid-template:"top top""field side"1fr/1fr 280px;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:16px;padding:6px 12px;display:flex}.field{grid-area:field;min-width:0;min-height:0;position:relative}.field canvas{width:100%;height:100%;display:block}.side{border-left:1px solid var(--line);grid-area:side;overflow-y:auto}.panel{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:8px;display:flex}.panel h3{margin:0;font-size:14px}.feed{color:var(--muted);font-size:12px}.banner,.toast{background:#000000bf;border-radius:4px;padding:8px 16px;position:absolute;left:50%;transform:translate(-50%)}.banner{font-size:20px;top:16px}.toast{bottom:16px}h1,h2,h3,.num,.stat,.banner{letter-spacing:.03em;font-family:Luckiest Guy,Fira Sans,system-ui,sans-serif;font-weight:400}.stat{align-items:center;gap:4px;font-size:18px;display:flex}.icon,.portrait,.thumb{object-fit:contain;flex:none;display:inline-block}.icon{width:24px;height:24px}.icon.big{width:40px;height:40px}.portrait{width:64px;height:64px}.thumb{width:128px;height:128px}.missing{background:var(--missing)}.shop{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.shop button,.maps button{flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}button.ability{align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}button.ability .cooldown{pointer-events:none;background:#00000080;position:absolute;inset:0 auto 0 0}.maps{flex-basis:100%;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px;display:grid}.shop button.greyed .icon{filter:grayscale()}.maps button:focus-visible,.shop button:focus-visible{outline:2px solid var(--accent)}.banner.notice{align-items:center;gap:12px;font-family:inherit;font-size:14px;display:flex;top:64px}.hero{flex-direction:column;gap:4px;display:flex}.xp{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.xp>div{background:var(--accent);height:100%}.heroes{flex-basis:100%;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin-top:8px;display:grid}.heroes button{flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.heroes button:disabled .icon{filter:grayscale()}.heroes button:focus-visible{outline:2px solid var(--accent)}.knowledge{flex-basis:100%;margin-top:8px}.knowledge fieldset{border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px 8px;margin-top:6px;display:grid}.knowledge label{align-items:center;gap:4px;font-size:13px;display:flex}.knowledge label.off{color:var(--muted)}.knowledge-list{margin:0;padding-left:18px;font-size:13px}.knowledge-pop{position:relative}.knowledge-pop .popover{z-index:10;background:var(--panel);border:1px solid var(--line);min-width:200px;max-height:60vh;padding:8px;position:absolute;top:100%;right:0;overflow-y:auto}