:root{--bg: #0c0f14;--bg-panel: #141922;--bg-card: #1a2030;--border: #2a3245;--text: #dbe2ef;--muted: #8a94a8;--accent: #4f8cff;--green: #3ecf7a;--amber: #e8b33d;--red: #e5534b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,Segoe UI,Roboto,sans-serif}.btn{display:inline-block;padding:.42rem .9rem;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.9rem;text-decoration:none}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{border-color:var(--red);color:var(--red)}.btn.armed{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:transparent}.muted{color:var(--muted)}.error{color:var(--red)}.badge{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.05rem .4rem;font-size:.75rem}.badge.ok{border-color:var(--green);color:var(--green)}.badge.bad{border-color:var(--red);color:var(--red)}.modmap{display:flex;flex-direction:column;gap:.5rem}.modmap-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);padding:.8rem}.modmap-bar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.modmap-opt{display:flex;gap:.35rem;align-items:center;font-size:.85rem;color:var(--muted)}.modmap-opt select,.modmap-search input{padding:.35rem .5rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.88rem}.modmap-count{margin-left:auto;font-size:.85rem}.modmap-search{position:relative}.modmap-search input{width:220px}.modmap-search input:focus{outline:none;border-color:var(--accent)}.modmap-search ul{position:absolute;z-index:5;top:100%;left:0;min-width:320px;margin:2px 0 0;padding:.2rem 0;list-style:none;background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.modmap-search li{padding:.3rem .6rem;cursor:pointer;font-size:.86rem}.modmap-search li:hover{background:var(--bg-panel)}.modmap-crumbs{font-size:.85rem;color:var(--muted);min-height:1.2rem}.modmap-body{display:flex;gap:.8rem;height:68vh;min-height:420px}.modmap-full .modmap-body{height:auto;flex:1}.modmap-canvas{position:relative;flex:1;min-width:0;background:#0a0d12;border:1px solid var(--border);border-radius:10px;overflow:hidden}.modmap-canvas canvas{display:block;cursor:grab}.modmap-canvas canvas:active{cursor:grabbing}.modmap-tip{position:absolute;pointer-events:none;display:flex;flex-direction:column;gap:.1rem;max-width:260px;padding:.35rem .55rem;background:#141922f2;border:1px solid var(--border);border-radius:6px;font-size:.8rem;color:var(--muted)}.modmap-tip strong{color:var(--text)}.modmap-side{width:340px;flex-shrink:0;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:.9rem}.modmap-detail h3{margin:.1rem 0 .4rem;font-size:1.05rem}.modmap-detail h4{margin:1rem 0 .4rem;font-size:.88rem}.modmap-detail p{margin:.4rem 0;font-size:.9rem}.modmap-detail .small,.modmap .small{font-size:.8rem}.modmap-kind{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.modmap-stats{padding-left:1.1rem;font-size:.9rem}.modmap-list,.modmap-feats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.modmap-feats .badge{margin-left:.3rem}.modmap-effects{list-style:disc;margin:.15rem 0 .25rem 1.1rem;padding:0;font-size:.78rem}.modmap-badges{display:flex;gap:.3rem;flex-wrap:wrap}.modmap-mod-head{display:flex;gap:.7rem;align-items:center}.modmap-mod-head img{width:56px;height:56px;border-radius:8px;background:var(--bg-card)}.linklike{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;font:inherit;text-align:left}.linklike:hover{text-decoration:underline}.modmap-detail .modname{color:var(--text);font-weight:600}html,body,#root{height:100%}.modmap-full{padding:.7rem .9rem .4rem;gap:.45rem}.site-head{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.site-head h1{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:.01em;white-space:nowrap}.site-head .logo{color:var(--accent)}.site-head .game{font-weight:500;font-size:.95rem;margin-left:.3rem}.site-head .modmap-bar{flex:1}.site-foot{font-size:.74rem;text-align:center;padding-bottom:.1rem}.page-msg{padding:2rem;text-align:center}@media (max-width: 800px){.modmap-body{flex-direction:column}.modmap-side{width:auto;max-height:40vh}.modmap-count{margin-left:0}}