:root{color:#eef2f5;background:#0d1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0d1117}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:22px;padding:22px;color:#f8fafc;border-right:1px solid #202833;background:#111821}.brand{display:flex;align-items:center;gap:12px;padding-bottom:6px}.brandMark{display:grid;width:42px;height:42px;place-items:center;border:1px solid #2d3948;border-radius:10px;background:#182231;color:#6ee7b7;font-weight:900}.brand h1,.brand p,.pageHeader h2,.pageHeader p,.heroBand h2,.heroBand p{margin:0}.brand h1{color:#f8fafc;font-size:1.05rem}.brand p,.sidebarNote span,.pageHeader p{color:#94a3b8;font-size:.82rem}nav{display:grid;gap:6px}.navButton{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:8px;color:#cbd5e1;background:transparent;text-align:left}.navButton:hover{background:#16202c;color:#f8fafc}.navButton.active{border-color:#2e4f47;background:#16352f;color:#d1fae5}.sidebarNote{display:grid;gap:4px;margin-top:auto;padding:13px;border:1px solid #253142;border-radius:8px;background:#0d141d}.sidebarNote strong{color:#d1fae5}.workspace{display:grid;align-content:start;gap:18px;padding:28px}.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pageHeader h2{color:#f8fafc;font-size:clamp(1.55rem,2vw,2.25rem);line-height:1.12}.pageHeader p{color:#6ee7b7;font-weight:700;text-transform:uppercase}.heroBand{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px;border:1px solid #222c38;border-radius:12px;background:#121a24}.statusPill{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;padding:7px 10px;border:1px solid #2e4f47;border-radius:999px;background:#10241f;color:#a7f3d0;font-size:.8rem;font-weight:700}.statusPill span{width:7px;height:7px;border-radius:999px;background:#34d399}.heroBand h2{max-width:760px;color:#f8fafc;font-size:clamp(1.9rem,3.7vw,4rem);line-height:1.02}.heroBand p{max-width:660px;margin-top:14px;color:#b6c2cf;font-size:1rem;line-height:1.6}.heroStats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.heroStats span{padding:8px 10px;border:1px solid #253142;border-radius:999px;background:#0f1720;color:#cbd5e1;font-size:.84rem;font-weight:650}.featureGrid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.featureTile{display:grid;gap:13px;justify-items:start;min-height:116px;padding:16px;border:1px solid #222c38;border-radius:10px;background:#121a24;color:#eef2f5;text-align:left}.featureTile:hover{border-color:#304052;background:#151f2b}.featureTile span{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#10241f;color:#6ee7b7}.primaryButton,.iconButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #2e7d68;border-radius:8px;background:#1f6f5c;color:#f8fafc;font-weight:750}.primaryButton:hover,.iconButton:hover{background:#25816c}.primaryButton{padding:0 15px;white-space:nowrap}.primaryButton.compact{min-height:38px}.iconButton{width:40px;padding:0}.controlRow,.toolbar{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:10px}label{display:grid;gap:6px;color:#94a3b8;font-size:.76rem;font-weight:750;text-transform:uppercase}input,select{height:38px;min-width:120px;border:1px solid #2b3747;border-radius:8px;padding:0 11px;background:#0f1720;color:#eef2f5;outline:none}input:focus,select:focus,.searchField:focus-within{border-color:#3f9f85;box-shadow:0 0 0 3px #3f9f8529}select option{background:#0f1720}.searchField{display:flex;align-items:center;min-width:min(100%,360px);height:40px;padding:0 10px;border:1px solid #2b3747;border-radius:8px;background:#0f1720;color:#94a3b8;text-transform:none}.searchField input{width:100%;min-width:0;height:36px;border:0;padding:0 4px;background:transparent}.searchField input:focus{box-shadow:none}.toolbar{justify-content:space-between}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #2b3747;border-radius:8px;background:#121a24;color:#cbd5e1}.segmented button:hover{background:#16202c}.segmented button.active{border-color:#2e7d68;background:#16352f;color:#d1fae5;font-weight:750}.tableWrap,.panel,.detailPanel,.stateBox{border:1px solid #222c38;border-radius:10px;background:#121a24}.tableWrap{overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:13px 14px;border-bottom:1px solid #202a36;text-align:left;vertical-align:top}th{color:#94a3b8;font-size:.74rem;font-weight:800;text-transform:uppercase;background:#0f1720}td{color:#dbe4ec}td strong{display:block;color:#f8fafc}td span,.contentList span{display:block;margin-top:3px;color:#94a3b8;font-size:.85rem}.itemLabel,.detailTitle,.playerLabel{display:flex;align-items:center;gap:11px}.itemLabel>div,.detailTitle h3{min-width:0}.playerFace{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;overflow:hidden;border:1px solid #253142;border-radius:7px;background:#0f1720;color:#94a3b8}.playerFace img{width:32px;height:32px;image-rendering:pixelated}.itemIcon{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border:1px solid #253142;border-radius:8px;background:#0f1720}.itemIcon.large{width:54px;height:54px;border-radius:10px}.itemIcon img{width:26px;height:26px;image-rendering:pixelated;object-fit:contain}.itemIcon.large img{width:42px;height:42px}.itemIcon.fallback{color:#94a3b8}tbody tr:hover{background:#151f2b}.splitGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:16px;align-items:start}.twoColumn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.playerHero{display:grid;gap:18px;padding:28px;border:1px solid #222c38;border-radius:12px;background:#121a24}.playerHero p,.playerHero h2,.playerHero span{margin:0}.playerHero p{color:#6ee7b7;font-size:.82rem;font-weight:750;text-transform:uppercase}.playerHero h2{margin-top:4px;color:#f8fafc;font-size:clamp(2rem,4vw,4rem);line-height:1}.playerHero span{display:block;margin-top:10px;color:#94a3b8}.playerSearch{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px;border:1px solid #2b3747;border-radius:12px;background:#0f1720;color:#94a3b8}.playerSearch input{width:100%;height:40px;min-width:0;border:0;background:transparent;font-size:1rem}.playerSearch input:focus{box-shadow:none}.playerCard{display:grid;gap:16px;padding:18px;border:1px solid #222c38;border-radius:12px;background:#121a24}.playerCardHeader{display:flex;align-items:center;gap:12px}.playerAvatar,.infoChip>span,.statTile>span{display:grid;flex:0 0 auto;place-items:center;border:1px solid #253142;background:#10241f;color:#6ee7b7}.playerAvatar{width:52px;height:52px;border-radius:12px}.playerCardHeader p,.playerCardHeader h3{margin:0}.playerCardHeader p{color:#94a3b8;font-size:.82rem;font-weight:700;text-transform:uppercase}.playerCardHeader h3{margin-top:3px;color:#f8fafc;font-size:1.45rem}.lookupStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.infoChip{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #253142;border-radius:10px;background:#0f1720}.infoChip>span,.statTile>span{width:34px;height:34px;border-radius:8px}.infoChip dt,.infoChip dd{margin:0}.infoChip dt{color:#94a3b8;font-size:.76rem;font-weight:750;text-transform:uppercase}.infoChip dd{margin-top:2px;color:#eef2f5;overflow-wrap:anywhere}.playerStatsGrid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.statTile{display:flex;align-items:center;gap:11px;min-height:78px;padding:13px;border:1px solid #253142;border-radius:10px;background:#0f1720}.statTile p,.statTile strong{margin:0}.statTile p{color:#94a3b8;font-size:.78rem;font-weight:750}.statTile strong{display:block;margin-top:4px;color:#f8fafc;font-size:1rem;overflow-wrap:anywhere}.panel,.detailPanel,.stateBox{padding:18px}.panel h3,.detailPanel h3,.detailPanel h4{margin:0 0 12px;color:#f8fafc}.detailPanel{display:grid;gap:14px;position:sticky;top:18px}.detailTitle h3{margin:0;overflow-wrap:anywhere}.detailPanel p{margin:0;color:#94a3b8;line-height:1.55}.keyValues{display:grid;gap:8px;margin:0}.keyValues div{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #202a36}.keyValues dt{color:#94a3b8;font-weight:750}.keyValues dd{margin:0;color:#eef2f5;overflow-wrap:anywhere}.loreList,.contentList{display:grid;gap:8px;margin:0;padding:0;list-style:none}.loreList li,.contentList div{padding:10px;border:1px solid #253142;border-radius:8px;background:#0f1720;color:#dbe4ec}.jsonBlock{max-height:420px;margin:0;overflow:auto;padding:14px;border:1px solid #253142;border-radius:8px;background:#0b1017;color:#cce7dd;font-size:.82rem;line-height:1.55}.stateBox{color:#94a3b8}.stateBox.error{border-color:#7f3434;background:#241516;color:#fca5a5}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}@media (max-width: 980px){.shell{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:1px solid #202833;padding:18px}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebarNote{display:none}.featureGrid,.twoColumn,.lookupStrip,.splitGrid{grid-template-columns:1fr}.playerStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailPanel{position:static}}@media (max-width: 680px){.workspace{padding:18px 14px}.pageHeader,.heroBand{align-items:stretch;flex-direction:column}.controlRow,.toolbar{justify-content:stretch}.controlRow label,.controlRow input,.controlRow .primaryButton,.toolbar select,.searchField{width:100%}.playerSearch{grid-template-columns:auto minmax(0,1fr)}.playerSearch .primaryButton{grid-column:1 / -1;width:100%}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.navButton{justify-content:center}.featureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.playerStatsGrid{grid-template-columns:1fr}.keyValues div{grid-template-columns:1fr;gap:4px}}
