:root{--bg:#0b0d10;--panel:#11151b;--panel2:#0f1318;--panel3:#383838;--text:#f1f5fb;--muted:#666b73;--border:rgba(255,255,255,0.09);--neutral-bg:rgb(121,135,151);--type-bg:rgb(55,58,62);--type-active-bg:rgb(82,87,93);--locked-bg:rgb(121,135,151);--locked-border:rgb(121,135,151);--unlocked-bg:rgb(198,108,12);--unlocked-border:rgb(198,108,12);--bought-bg:rgb(120,222,165);--bought-border:rgb(120,222,165);--gemYellowColor:#efe139;--gemRedColor:#f32200;--gemBlueColor:#478de4;--num-font:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--content-max:1100px;--focus-ring:rgba(120,170,255,0.55)}*,:after,:before{box-sizing:border-box}body,html{height:100%;padding:0;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit}.mono{font-family:var(--num-font)}.small{color:var(--muted);font-size:.8rem;line-height:1.25rem}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.wrap{max-width:var(--content-max);margin:0 auto;height:100svh;padding:2%}.appShell{height:100%;display:grid;grid-template-rows:75px minmax(0,2fr) minmax(0,5fr) 40px;grid-gap:10px;gap:10px}.bentoPanel,.listPanel,.topPanel{min-height:0}.topPanel{max-width:96vw}.topHeader,.topPanel{display:flex;flex-direction:column;gap:4px}.brandTitle{font-weight:760;letter-spacing:.2px;font-size:1.15rem}.brandMark{display:flex;gap:4px;align-items:flex-end;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brandMain,.brandSub{position:relative;display:inline-block;text-transform:uppercase;font-weight:900;letter-spacing:.06em;transform:skewX(-12deg);line-height:1;white-space:nowrap}.brandMain{font-size:1.45rem;color:#f5f7ff;text-shadow:0 2px 0 rgba(0,0,0,.65),0 10px 26px rgba(0,0,0,.55)}.brandMain:before{content:attr(data-text);position:absolute;inset:0;color:rgba(0,0,0,0);-webkit-text-stroke:6px rgba(0,0,0,.88);text-shadow:none;z-index:-2}.brandSub{font-size:.85rem;letter-spacing:.18em;color:rgba(210,220,235,.92);opacity:.95}.brandSub:before{content:attr(data-text);position:absolute;inset:0;color:rgba(0,0,0,0);-webkit-text-stroke:4px rgba(0,0,0,.85);z-index:-1}@media(max-width:800px){.brandMain{font-size:1rem}.appShell{grid-template-rows:60px minmax(0,2fr) minmax(0,5fr) 40px}}@media(max-width:420px){.bentoIcon{width:16px;height:16px}.bentoTile .bentoTitleRow .bentoTitle{font-weight:500;font-size:.7rem;margin-bottom:4px}.bentoTitleRow{gap:2px}.brandMain{font-size:.8rem}.brandSub{font-size:.6rem}}.progressBar{display:flex;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--panel2);min-height:42px}.progressBar .seg{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;min-width:72px;border-right:1px solid rgba(255,255,255,.06)}.progressBar .seg .segLabel{font-size:.85rem;color:var(--text)}.progressBar .seg .segValue{font-size:.95rem;font-weight:700}.progressBar .seg:last-child{border-right:0}.progressBar .seg.locked{background:var(--locked-bg)}.progressBar .seg.unlocked{background:var(--unlocked-bg)}.progressBar .seg.bought{background:var(--bought-bg)}.totalCard{border:1px solid var(--border);background:var(--panel2);border-radius:12px;padding:10px}.totalCard .totalLabel{color:var(--muted);font-size:.85rem;margin-bottom:6px}.totalCard .totalValue{font-size:.95rem;font-weight:700;letter-spacing:.2px}.bentoPanel{flex-direction:column}.bentoPanel,.tabs{display:flex}.tabs .tab{text-transform:uppercase;flex:1 1;padding:4px;background:none;color:gray;cursor:pointer;font-weight:650;border-radius:unset;border:none;border-bottom:1px solid #fff}.tabs .tab.active{color:#e7eef7;border-bottom:2px solid #f0f8ff}.bentoGrid{flex:1 1;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;border-bottom:1px solid var(--locked-border)}@media(min-width:720px){.bentoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1050px){.bentoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bentoIcon{display:inline;width:20px;height:20px;border-radius:8px;object-fit:cover;flex-shrink:0;margin-bottom:6px}.bentoTitleRow{display:flex;align-items:center;gap:6px}.bentoTile{text-align:left;padding:10px;border-radius:4px;border:unset;background:var(--type-bg);cursor:pointer;border:1px solid rgba(0,0,0,0)}.bentoTile .bentoTitle{font-weight:720;font-size:.8rem;line-height:1.1rem;margin-bottom:6px;display:inline}.bentoTile.active{background:var(--type-active-bg);border:1px solid var(--border)}.bentoMiniBar{display:flex;height:8px;border-radius:4px;overflow:hidden;border:1px solid var(--neutral-bg);background:var(--panel2)}.bentoMiniBar .miniSeg.locked{background:var(--neutral-bg)}.bentoMiniBar .miniSeg.unlocked{background:var(--unlocked-bg)}.bentoMiniBar .miniSeg.bought{background:var(--bought-bg)}.listPanel{display:flex;flex-direction:column;position:relative}.listPanel:after,.listPanel:before{content:"";position:absolute;left:0;right:0;height:10px;pointer-events:none;opacity:.55}.listPanel:before{top:0;z-index:1;background:linear-gradient(0deg,rgba(255,255,255,0),rgb(0,0,0))}.listPanel:after{bottom:0;background:linear-gradient(0deg,rgb(0,0,0),rgba(255,255,255,0))}input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--text);outline:none}textarea{min-height:96px;resize:vertical}.itemsScroll{flex:1 1;overflow:auto}.itemsGrid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}@media(min-width:1050px){.itemsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--text);background:rgba(0,0,0,0);text-transform:uppercase;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer}button.primary{border-color:rgba(120,170,255,.35);background:rgba(120,170,255,.12)}button:disabled{opacity:.55;cursor:not-allowed}.item{position:relative;border-radius:6px;border:1px solid var(--border);background:var(--panel3);padding:4px 4px 4px 20px;overflow:hidden}.item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:rgba(121,135,151,.85)}.item.unlocked{border-color:var(--unlocked-border)}.item.unlocked:before{background:var(--unlocked-bg)}.item.bought{border-color:var(--bought-border)}.item.bought:before{background:var(--bought-bg)}.footerBar{display:flex;gap:10px;align-items:center}.footerBar .FiltersButton{width:50%}.footerBar .OptionsButton{width:100%}.footerBar button{height:100%}