:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#eff3ff;background:#090f1d;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#0d1425;border-right:1px solid #263044;padding:34px 19px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:950;letter-spacing:1.3px;line-height:1.18;padding:0 12px 43px}.logo small{font-weight:650;font-size:9px;letter-spacing:2.05px;color:#a6b1c9}.logoicon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#f2c657;color:#1c2338;font-size:26px}.navlabel,.overline,.statlabel{font-size:10px;color:#8191b0;font-weight:850;letter-spacing:1.7px}.navlabel{padding:0 14px 13px}.nav{padding:14px 13px;margin:2px 0;border-radius:10px;color:#9caaca;display:flex;gap:14px;font-size:13px;font-weight:650}.nav.active,.nav:hover{background:#24304a;color:#f9cc64}.sidestick{margin-top:auto;border:1px solid #2e3b50;background:#152037;border-radius:14px;padding:18px}.season{font-size:9px;letter-spacing:1.4px;color:#e8bb58;font-weight:850}.sidestick b{display:block;font-size:20px;margin-top:10px}.sidestick p,.sidestick small{font-size:11px;color:#aab4c9}.side­bar-progress,.sidebar-progress,.bar{background:#344156;height:7px;border-radius:50px;overflow:hidden}.sidebar-progress span,.bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#f5c560,#ffdb8e);border-radius:50px;transition:width .25s}.sidestick small{display:block;margin-top:10px}main{min-width:0;padding:0 36px 20px;max-width:1700px;width:100%;margin:auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202b40;margin-bottom:29px}.bread{font-size:11px;color:#75849f;letter-spacing:1.2px;font-weight:800}.bread span{margin:0 11px;color:#59657c}.bread strong{color:#d3daeb}.topright{font-size:12px;color:#a5b4ce;display:flex;align-items:center;gap:8px}.statusdot{width:7px;height:7px;border-radius:50%;background:#64d6aa}.hero{border:1px solid #374463;min-height:267px;position:relative;overflow:hidden;border-radius:20px;padding:36px 42px;background:radial-gradient(circle at 90% 58%,#2e3d68 0,#172543 38%,#17223a 68%,#18233a 100%)}.hero>*:not(.orb){position:relative;z-index:1}.eyebrow{color:#f5cd70;font-size:11px;letter-spacing:2px;font-weight:900}.chip{margin-left:12px;padding:6px 10px;border-radius:25px;border:1px solid #b5935390;color:#f3d69a;font-size:9px;letter-spacing:1px;white-space:nowrap}.hero h1{font-size:clamp(32px,4vw,54px);margin:20px 0 8px;letter-spacing:-2px}.hero h1 span{color:#f0c45c}.hero p{font-size:13px;color:#bbc6dd;max-width:500px;line-height:1.6}.heroActions{display:flex;gap:11px;margin-top:21px}.primary,.ghost,.danger{border:1px solid transparent;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#f4ca6b;color:#182139}.primary:hover{background:#ffe2a1}.ghost{border-color:#506078;background:#ffffff09;color:#e6ecfa}.ghost:hover{background:#ffffff17}.orb{position:absolute;border-radius:50%;border:25px solid #7182ad0f;right:5%;top:-130px;width:400px;height:400px}.orb2{right:13%;top:70px;width:145px;height:145px;border-width:15px}.stats{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px;margin:19px 0 41px}.stat{border:1px solid #28364d;background:#131d30;border-radius:15px;padding:22px}.stat.featured{border-color:#655437;background:#1b2537}.statnum{font-weight:850;letter-spacing:-1px;font-size:39px;margin:9px 0}.statdenom{color:#8392ac;font-size:23px}.statfoot{font-size:11px;color:#a4b1c8;display:flex;justify-content:space-between;gap:8px;margin-top:13px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:0 0 19px}.sectionhead h2,.backup h2{margin:7px 0 0;font-size:24px;letter-spacing:-.7px}.sectionhead h2 span{vertical-align:middle;font-size:11px;color:#96a5c2;font-weight:500;margin-left:8px}.toggleview{display:flex;border-radius:9px;background:#1c2840;padding:4px}.toggleview button{border:0;background:transparent;color:#8190ab;padding:8px 13px;border-radius:6px}.toggleview button.selected{color:#ffd97f;background:#35445e}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.searchBox{min-width:230px;flex:1;position:relative}.searchBox span{position:absolute;left:14px;top:6px;color:#97a4c0;font-size:27px}.searchBox input,.toolbar select{height:43px;border:1px solid #35415a;background:#182338;border-radius:9px;color:#edf1ff;outline:none;font-size:12px}.searchBox input{width:100%;padding:0 16px 0 43px}.toolbar select{padding:0 29px 0 11px;min-width:125px}.searchBox input:focus,.toolbar select:focus{border-color:#efca74}.quickfilter{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.pill{border:1px solid #2b3a52;background:#172237;color:#9eacc5;padding:9px 14px;border-radius:50px;font-size:11px;font-weight:750}.pill.on{background:#edc76d;color:#1b273e;border-color:#edc76d}.cardsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(157px,1fr));gap:15px}.card{border:1px solid #29364b;background:#151f32;border-radius:13px;overflow:hidden;transition:transform .14s,border .14s;position:relative}.card:hover{transform:translateY(-3px);border-color:#a58a53}.cardimg{display:block;position:relative;width:100%;aspect-ratio:0.72;background:linear-gradient(145deg,#263653,#131d2c);border:0;padding:10px;cursor:pointer}.cardimg img{width:100%;height:100%;object-fit:contain;display:block}.cardimg .noimg{position:absolute;inset:10px;display:none;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #56637d;border-radius:7px;color:#f0cf83;font-size:45px;text-align:center}.noimg small{font-size:11px;color:#a8b5ce;padding:8px}.cardimg.badimage img{display:none}.cardimg.badimage .noimg{display:flex}.ownedflag{position:absolute;top:11px;right:11px;background:#43b894;color:#071a1b;padding:5px 8px;font-size:10px;border-radius:30px;font-weight:950}.carddetails{padding:11px}.num{font-size:10px;color:#edc774;font-weight:850;letter-spacing:1px}.cardname{font-size:13px;font-weight:850;margin:6px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rarity{font-size:10px;color:#9eabc3}.cardbottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #2b374c}.have{display:flex;align-items:center;gap:6px;color:#b8c4da;font-size:11px;font-weight:700;cursor:pointer}.have input{accent-color:#f0c96c;width:16px;height:16px}.detailBtn{background:#2b3953;color:#e3ebff;border:0;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.cardsgrid.listview{display:flex;flex-direction:column;gap:8px}.listview .card{display:flex;align-items:center;min-height:83px}.listview .cardimg{width:60px;min-width:60px;height:80px;aspect-ratio:auto;padding:4px}.listview .carddetails{display:grid;grid-template-columns:65px minmax(90px,1fr) 140px 175px;align-items:center;gap:10px;width:100%}.listview .cardname{margin:0}.listview .cardbottom{margin:0;padding:0;border:0}.listview .ownedflag{top:3px;right:3px;padding:2px 4px;font-size:8px}.empty{padding:60px;text-align:center;color:#9daaca}.backup{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:47px;border:1px solid #314159;border-radius:16px;background:#141f32;padding:25px}.backup>div:first-child{max-width:600px}.backup p{font-size:12px;color:#a6b5cc;line-height:1.7}.backup .hint{font-size:11px;color:#dbbf87}.backupbuttons{display:flex;flex-direction:column;gap:9px;min-width:190px}.importlabel{cursor:pointer}.danger{background:transparent;border-color:#6b3b46;color:#f5a6a9}.danger:hover{background:#5e263133}footer{text-align:center;color:#6a7a94;font-size:10px;letter-spacing:1.1px;padding:34px 0 8px}footer span{padding:0 8px}dialog{border:1px solid #455574;background:#101b2d;border-radius:18px;color:#f3f6ff;width:min(640px,calc(100% - 25px));padding:0;max-height:90vh;overflow:auto}dialog::backdrop{background:#020610bf}.modal{padding:22px}.modalheader{display:flex;justify-content:space-between;gap:10px;align-items:start}.modal h2{margin:4px 0}.closeBtn{font-size:23px;border:0;color:#d9e4fa;background:#27354d;border-radius:10px;padding:3px 10px}.modalBody{display:flex;align-items:start;gap:24px;margin-top:20px}.modalpic{width:45%;max-width:220px;aspect-ratio:.72;object-fit:contain;border-radius:10px;background:#27344b}.modalFields{flex:1;display:flex;flex-direction:column;gap:18px}.modalFields label{display:flex;gap:10px;align-items:center;font-weight:700;font-size:13px}.modalFields input[type=checkbox]{width:18px;height:18px;accent-color:#f5cd6c}.qty{display:flex;align-items:center;gap:15px}.qty button{border:1px solid #506079;background:#2c3b54;color:white;border-radius:7px;font-size:20px;width:37px;height:35px}.qty span{min-width:25px;text-align:center;font-size:20px;font-weight:800}.smallnote{font-size:11px;line-height:1.6;color:#aab6cf}.modalFooter{border-top:1px solid #30405b;padding-top:15px;margin-top:22px;text-align:right}#toast{position:fixed;bottom:18px;right:18px;background:#f1ce7d;color:#142139;padding:13px 17px;border-radius:10px;font-size:12px;font-weight:800;box-shadow:0 12px 30px #0008;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.show{opacity:1}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;width:100%;height:auto;padding:12px 18px;display:flex;flex-direction:row;align-items:center;gap:12px;border-right:none;border-bottom:1px solid #24334c}.logo{padding:0;margin-right:auto;font-size:12px}.logoicon{width:34px;height:34px}.nav{padding:8px;font-size:18px}.nav span,.sidebar .navlabel,.sidestick{display:none}main{padding:0 18px 20px}.topbar{height:58px}.stats{grid-template-columns:repeat(3,1fr)}.hero{padding:30px}.backup{align-items:start}}@media(max-width:620px){.topright{font-size:10px}.hero{padding:26px 20px;min-height:265px}.hero h1{font-size:35px}.heroActions{flex-wrap:wrap}.eyebrow{font-size:9px}.chip{display:inline-block;margin:8px 0 0}.stats{grid-template-columns:1fr 1fr;margin-bottom:30px}.stat{padding:17px}.stat.featured{grid-column:1/-1}.statnum{font-size:29px}.statdenom{font-size:17px}.cardsgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.carddetails{padding:10px}.toolbar select{flex:1;min-width:calc(50% - 6px)}.searchBox{flex-basis:100%}.listview .carddetails{grid-template-columns:49px 1fr;gap:4px}.listview .rarity{display:none}.listview .cardbottom{grid-column:2;justify-content:start;gap:16px}.backup{flex-direction:column}.backupbuttons{width:100%}.modalBody{gap:13px}.modalpic{width:42%}.modalFields{gap:13px}.modalFields label{font-size:12px}}