:root{--bg:#080c12;--panel:#101722;--line:#233044;--muted:#94a2b7;--ink:#e9eef6;--amber:#ffbb45;--green:#5ce5ac;--red:#ff6d81;--cyan:#5dcddd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,sans-serif}button,select,input{font:inherit}button,select{background:#141e2c;border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:9px 13px;cursor:pointer}button:hover,button.active{border-color:var(--amber);color:var(--amber)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}header{height:90px;display:flex;align-items:center;gap:12px;padding:0 28px;border-bottom:1px solid var(--line)}a{color:var(--cyan)}.brand{text-decoration:none;color:var(--amber);font-size:29px;letter-spacing:-1px;font-weight:900}.brand span{color:var(--ink)}small{display:block;color:var(--muted);font:10px/1.6 ui-monospace,monospace;letter-spacing:1.3px}.brand small{font-size:9px;letter-spacing:2px}.feed{margin-left:auto;display:flex;align-items:center;gap:9px;color:var(--muted);font:11px ui-monospace,monospace}.feed i,.legend i{width:7px;height:7px;border-radius:50%;background:var(--amber);display:inline-block}.metrics{display:flex;border-bottom:1px solid var(--line);padding:15px 28px;gap:38px;background:#0c111a}.metrics strong{font:17px/1.8 ui-monospace,monospace}.metrics em{font:9px ui-monospace,monospace;color:var(--muted);font-style:normal}nav{display:flex;gap:8px;padding:12px 28px;border-bottom:1px solid var(--line)}nav button{background:transparent;border-color:transparent}nav button.active{background:#ffbb4510}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;max-width:1800px;margin:auto}.workspace{min-width:0;padding:25px 28px}h1{font-size:32px;line-height:1.15;margin:9px 0 22px;letter-spacing:-1px}h1 span{color:var(--muted);font-weight:400}h2{font-size:19px;margin:4px 0 10px}h3{color:var(--amber);font-size:15px;margin-top:27px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar>div{flex:1;min-width:230px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:9px;border-radius:6px;color:var(--amber)}input{background:transparent;border:0;color:var(--ink);width:180px;outline:0}.toolbar select{max-width:190px}.mapbar{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:9px 9px 0 0;font:10px ui-monospace,monospace;color:var(--muted)}.mapbar button{padding:7px 10px;font-size:11px}.mapbar b{color:var(--cyan)}.mapwrap{position:relative;border:1px solid var(--line);border-top:0;background:radial-gradient(ellipse at 50% 50%,#10242d,#080e17 80%);overflow:hidden}#map{width:100%;display:block;touch-action:none;min-height:280px}.territory{stroke:#36828a;stroke-width:.45;fill:#142f36;cursor:pointer;vector-effect:non-scaling-stroke}.territory:hover,.territory.chosen{fill:#405d57;stroke:var(--amber);stroke-width:1.5}.territory.affected{fill:#533440;stroke:var(--red)}.graticule{fill:none;stroke:#29424b;stroke-width:.35;opacity:.55}.eventpin{cursor:pointer;stroke:#101722;stroke-width:1.2;fill:var(--amber)}.eventpin.selected{fill:white;stroke:var(--amber);stroke-width:3}.mapnote{position:absolute;bottom:9px;left:12px;font:10px ui-monospace,monospace;color:#9ab5bd;pointer-events:none}.legend{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding:12px 0}.legend i{margin-right:5px}.legend .red{background:var(--red)}.legend .green{background:var(--green)}.selection{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel);margin:8px 0 16px}.selection p{color:var(--muted);margin:5px 0;font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.card{border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#172130,#0f1722);padding:15px;position:relative;cursor:pointer;min-width:0}.card:hover{border-color:#81949e;transform:translateY(-2px)}.card .star{position:absolute;right:7px;top:7px;padding:3px 8px;background:#0c111a;font-size:17px}.ball{width:76px;height:76px;display:block;margin:0 auto 12px;object-fit:contain}.card h3{margin:0;color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card small{font-size:9px;letter-spacing:.4px}.price{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px;font:19px ui-monospace,monospace}.delta{font:11px ui-monospace,monospace;color:var(--muted)}.up{color:var(--green)}.down{color:var(--red)}.compact .card{display:flex;gap:10px;align-items:center}.compact .ball{width:43px;height:43px;margin:0}.compact .card .star{display:none}.compact .price{font-size:15px;margin-top:5px}.compact{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.listhead{display:flex;justify-content:space-between;color:var(--muted);padding:10px 0}.wide{display:block;margin:20px auto}aside{border-left:1px solid var(--line);padding:25px 20px;background:#0c121b}.asidehead{display:flex;align-items:center;justify-content:space-between;gap:5px}.asidehead select{max-width:115px;font-size:11px}.asideintro{font:10px/1.7 ui-monospace,monospace;color:var(--muted)}.event{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 4px}.event.active{background:#ffbb4509}.event .eyebrow{color:var(--amber);font:9px ui-monospace,monospace;letter-spacing:.7px}.event strong{display:block;margin:7px 0;font-size:14px}.event p{margin:0;color:var(--muted);font-size:11px}.event .match{color:var(--cyan);margin-top:8px;font:10px ui-monospace,monospace}footer{padding:15px 28px;display:flex;gap:22px;border-top:1px solid var(--line);color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.5px}footer b{color:var(--amber)}#ticker{margin-left:auto}dialog{background:#101924;color:var(--ink);border:1px solid #536173;border-radius:15px;width:min(600px,94vw);padding:30px;max-height:90vh}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.close{float:right;font-size:20px}.detailball{width:130px;height:130px;margin:10px 0}.detailprice{font:38px ui-monospace,monospace;color:var(--amber)}.traits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.traits div{background:#192637;padding:10px;border-radius:5px}.audit{padding:12px;border-bottom:1px solid var(--line);font-size:12px}.audit small{letter-spacing:0}.rules{max-width:850px;color:var(--muted);font-size:15px}.rules h2{color:var(--ink)}.health{padding:12px;background:var(--panel);margin:8px 0;border-left:3px solid var(--amber)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--amber);color:#111;padding:10px 20px;border-radius:7px;display:none;z-index:100}[hidden]{display:none!important}.empty{padding:35px;color:var(--muted);border:1px dashed var(--line);border-radius:8px}.spark{width:100%;height:60px;display:block;margin-top:20px}@media(min-width:1000px){aside{max-height:calc(100vh - 210px);overflow:auto;position:sticky;top:0}}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 280px}.workspace{padding:20px 15px}.metrics{gap:20px;overflow:auto;white-space:nowrap}.toolbar .search{flex:1}.toolbar select{max-width:160px}header{padding:15px;height:auto}.feed{font-size:9px}}@media(max-width:760px){header{flex-wrap:wrap;gap:8px}.brand{font-size:25px;flex:1}.feed{order:4;width:100%;margin:0}header button{font-size:11px;padding:8px}.metrics{padding:10px 15px;gap:25px}.metrics small{font-size:8px}.metrics strong{font-size:14px}nav{padding:8px;gap:2px;overflow:auto;white-space:nowrap}nav button{font-size:12px;padding:10px}main{display:block}.toolbar h1{font-size:27px}.toolbar>div{width:100%}.toolbar input{width:100%}.search{min-width:170px}.toolbar select{max-width:140px}.mapbar{font-size:8px;padding:7px}.mapbar button{font-size:10px;padding:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.compact{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}.mapnote{font-size:8px}.legend{gap:12px;font-size:9px}footer{flex-wrap:wrap;padding:15px;gap:9px}footer span:last-child{margin:0;width:100%}#map{min-height:260px}.event{padding:14px 4px}.ball{width:68px;height:68px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.sprite{background-size:400% 200%;background-repeat:no-repeat;flex-shrink:0;border-radius:8px}.detailball.sprite{margin:10px 0}

.compact .card{flex-wrap:wrap}.eventeffect{width:100%;border-top:1px solid var(--line);padding-top:8px;font:11px ui-monospace,monospace}.eventeffect small{font:10px/1.6 system-ui;letter-spacing:0;margin-top:5px}