:root{color-scheme:dark;--bg:#0b1020;--surface:#121b2c;--surface2:#162139;--surface3:#1b2a43;--line:#253147;--text:#f1f5ff;--muted:#8492aa;--primary:#65d5f1;--primaryDeep:#267cbb;--gold:#ffc567;--radius:16px;--shadow:0 12px 40px rgba(0,0,0,.19)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.47;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:31px}h2{font-size:23px}p{line-height:1.65}.muted{color:var(--muted)}.accent{color:var(--primary)}.eyebrow{display:inline-block;font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--primary)}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;flex:0 0 245px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;padding:31px 18px 22px;background:#101829;border-right:1px solid #1c2739;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:-.055em;font-weight:850;white-space:nowrap;padding-left:12px}.brand-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#73deee,#3178cc);color:#061523;transform:rotate(-8deg);box-shadow:0 0 23px rgba(69,181,232,.15);font-size:23px}.side-label{margin:49px 0 14px 16px;color:#5d6b82;font-size:10px;font-weight:850;letter-spacing:.12em}.side-label.extra-label{margin-top:36px}.side-nav{display:grid;gap:5px}.nav-link{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#9faac0;border-radius:11px;padding:13px 15px;font-weight:650;font-size:13px;display:flex;align-items:center;gap:12px;transition:background .15s,color .15s}.nav-link span{display:inline-flex;width:22px;font-size:19px;align-items:center;justify-content:center;font-weight:400}.nav-link:hover{background:#182438;color:#fff}.nav-link.active{background:linear-gradient(100deg,rgba(68,185,230,.18),rgba(51,112,194,.08));color:#80e1fa;border-color:rgba(78,199,243,.15)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 12px 0}.sync-mini{display:flex;align-items:center;gap:8px;color:#9eacc2;font-size:11px}.online-dot{width:7px;height:7px;border-radius:50%;background:#67d9a4;box-shadow:0 0 8px rgba(103,217,164,.5)}.sidebar-version{color:#5b6a80;font-size:10px;display:block;margin-top:17px}.page-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:78px;flex:0 0 78px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #1e2a3d;background:rgba(13,19,33,.88)}.topbar-path{display:flex;gap:13px;align-items:center;font-size:12px}.topbar-path>span:first-child{color:#596d8d;font-size:10px;font-weight:800;letter-spacing:.1em}.crumb{color:#45516a}.topbar-path strong{font-weight:700}.top-actions{display:flex;align-items:center;gap:20px}.top-private{font-size:11px;color:#74caaa}.user-chip{display:flex;align-items:center;gap:8px;color:#d2ddef;font-size:12px;font-weight:650}.user-chip:first-letter{color:var(--primary)}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#172138;color:#a7b8ce;font-size:18px}.mobile-menu{display:none}.main-content{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:42px 45px 72px}.app-footer{font-size:10px;color:#607089;text-align:center;padding:0 24px 24px}.app-footer a{color:#a1b3cd}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.page-heading h1{margin:0 0 7px;font-size:29px;font-weight:800}.page-heading p{margin:0;color:var(--muted);font-size:12px}.page-heading-actions{display:flex;gap:10px}.btn{border-radius:10px;min-height:41px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:800;border:1px solid transparent;white-space:nowrap;transition:transform .15s,filter .15s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.09)}.btn.primary{background:linear-gradient(105deg,#6fdbf1,#57b8e7);color:#062037;border-color:#85e7ff}.btn.secondary{background:#1a273c;color:#dde9f5;border-color:#35425a}.btn.full{width:100%;min-height:46px}.hero{min-height:254px;border:1px solid #2a3d55;background:radial-gradient(ellipse 70% 140% at 89% 0%,rgba(38,129,181,.28),transparent 65%),linear-gradient(110deg,#162740,#142038 55%,#11223a);border-radius:20px;display:flex;position:relative;overflow:hidden;margin-bottom:25px}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 62% 35%,rgba(110,201,238,.08) 1px,transparent 2px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 45%,#000)}.hero-body{position:relative;z-index:1;padding:32px 37px;max-width:620px}.hero-kicker{display:inline-flex;align-items:center;gap:9px;color:#7de0ed;font-size:10px;letter-spacing:.13em;font-weight:800}.small-glow{width:7px;height:7px;border-radius:99px;background:var(--primary);box-shadow:0 0 12px var(--primary)}.hero h2{margin:14px 0 9px;font-size:31px;line-height:1.21;font-weight:850}.hero h2 span{color:#7edcef}.hero p{color:#a0b6cc;font-size:12px;max-width:470px;margin-bottom:17px}.hero-art{width:340px;position:relative;margin-left:auto;flex-shrink:0;min-height:254px}.art-circle{position:absolute;width:230px;height:230px;border:1px solid rgba(122,208,255,.15);border-radius:50%;left:45px;top:17px}.art-two{width:165px;height:165px;left:75px;top:49px;border-style:dashed}.art-card{position:absolute;width:143px;height:197px;border-radius:14px;border:6px solid rgba(175,221,249,.75);box-shadow:0 14px 38px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}.art-back{background:linear-gradient(145deg,#365a85,#0d2b50);left:92px;top:12px;transform:rotate(18deg);font-size:65px;color:#8fe8ff}.art-front{flex-direction:column;gap:15px;background:radial-gradient(circle at 50% 40%,#377da4,#132a48 65%);left:27px;top:56px;transform:rotate(-13deg)}.art-front>div{font-size:60px;color:#c2edf8}.art-front span{color:#e8faff;font-size:15px;text-align:center;font-weight:900;letter-spacing:.13em;line-height:1.3}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{border:1px solid var(--line);background:#151e30;border-radius:15px;padding:19px 22px;min-height:138px;position:relative}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;margin-bottom:14px;font-size:21px}.stat-icon.cyan{background:#163b51;color:#66d6ef}.stat-icon.gold{background:#3c332f;color:#e4b65c}.stat-icon.pink{background:#3b2941;color:#ef91bf}.stat-icon.purple{background:#2b2e4c;color:#a4a4f7}.stat-value{font-size:27px;line-height:1.2;font-weight:850;letter-spacing:-.04em;margin-bottom:6px}.stat-label{color:#8d9cb3;font-size:11px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:38px 0 19px}.section-title h2{margin:0 0 5px;font-size:20px}.section-title p{margin:0;color:var(--muted);font-size:12px}.section-title.section-tight{margin-top:33px}.small-link{border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:800;white-space:nowrap}.small-link:hover{text-decoration:underline}.sets-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.set-tile{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid #293750;border-radius:15px;overflow:hidden;background:#151f32;color:var(--text);min-width:0;transition:border-color .2s,transform .2s}.set-tile:hover{transform:translateY(-3px);border-color:#4d8ba8}.set-img{height:131px;display:flex;align-items:center;justify-content:center;padding:22px 20px;position:relative;background:radial-gradient(ellipse at 50% 70%,rgba(46,111,177,.27),transparent 75%),linear-gradient(145deg,#192c43,#132033);overflow:hidden}.set-img-glow{position:absolute;width:160px;height:160px;border:1px solid rgba(91,185,233,.12);border-radius:50%}.set-img .asset-image{position:relative;max-width:100%;max-height:95px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.4))}.set-bottom{padding:19px 17px 17px;flex:1}.set-code{font-size:9px;letter-spacing:.11em;color:#71bccc;font-weight:800}.set-bottom h3{font-size:15px;margin:9px 0 15px;line-height:1.24;min-height:37px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.set-meta,.set-progress-text{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#8998ad;font-size:10px}.set-progress-text{font-size:10px;color:#79c6d9;font-weight:700;margin-top:7px}.set-progress-text span{font-size:15px}.progress-track{height:5px;border-radius:30px;background:#2c3951;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3faacf,#7ae6d8);border-radius:30px;min-width:0}.set-bottom .progress-track{margin-top:14px}.notice-strip{display:flex;align-items:center;gap:15px;padding:19px 23px;border:1px solid #344458;background:#162238;border-radius:14px;margin-top:28px}.notice-strip>span{font-size:23px;color:#6dd4ec}.notice-strip>div{flex:1}.notice-strip strong{font-size:12px}.notice-strip p{font-size:11px;color:#a5b2c3;margin:5px 0 0}.filterbar{display:flex;align-items:center;gap:12px;padding:16px;margin:18px 0 19px;background:#131d2e;border-radius:13px;border:1px solid var(--line);flex-wrap:wrap}.filterbar select,.filterbar input{background:#1c2940;border:1px solid #2d3c54;color:#dce9fc;min-height:39px;border-radius:9px;padding:0 12px;outline:none;font-size:12px}.filterbar select:focus,.filterbar input:focus{border-color:#6bd6ee}.filterbar select{min-width:145px;max-width:220px}.search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:225px}.search-wrap>span{position:absolute;left:13px;font-size:23px;color:#9ab0c6}.search-wrap input{width:100%;padding-left:40px}.result-count{color:#8799af;font-size:11px;white-space:nowrap;font-weight:700}.big-filter{margin-top:2px;margin-bottom:23px}.center{text-align:center;margin:28px 0}.set-banner{border:1px solid #2a3c55;border-radius:18px;background:radial-gradient(ellipse at 0 70%,#25476a80,transparent 43%),linear-gradient(100deg,#172740,#131f33);display:flex;align-items:center;gap:25px;padding:26px;min-height:225px}.set-banner-logo{flex:0 0 210px;display:flex;align-items:center;justify-content:center;min-height:150px}.set-banner-logo img{max-width:190px;max-height:134px;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.45))}.set-banner-content{flex:1;min-width:200px}.text-back{border:0;background:transparent;color:#8ea7bd;font-size:11px;padding:0;margin-bottom:16px}.text-back:hover{color:#fff}.set-banner h1{font-size:30px;margin:7px 0 10px}.set-banner-meta{display:flex;gap:13px;flex-wrap:wrap;color:#9cabbd;font-size:11px}.banner-progress{display:flex;gap:18px;align-items:center;margin:24px 0 9px;font-size:12px}.banner-progress span{color:#8e9eb4;font-size:11px}.set-banner-content .progress-track{max-width:330px;height:7px}.set-banner-actions{align-self:flex-start}.cards-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}.card-tile{display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:0;background:#141e31;border:1px solid #28374e;border-radius:13px;color:var(--text);text-align:left;transition:transform .2s,border-color .2s}.card-tile:hover{transform:translateY(-4px);border-color:#518aa4}.card-tile.is-owned{border-color:#2b5e60}.card-picture{min-height:0;aspect-ratio:0.72;position:relative;display:flex;align-items:center;justify-content:center;padding:11px;background:radial-gradient(ellipse,#21324c,#111e30 75%)}.card-picture img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 6px 11px rgba(0,0,0,.4))}.card-status{position:absolute;top:9px;left:8px;right:8px;max-width:max-content;border-radius:6px;font-size:8px;font-weight:850;letter-spacing:.07em;padding:5px 7px;z-index:1}.card-status.have{background:#184a45;color:#83e8ba}.card-status.want{background:#313d53;color:#a7b8d0}.card-bottom{padding:12px 13px 15px;min-height:100px}.card-number{color:#6ecde4;font-size:10px;font-weight:800}.card-bottom h3{font-size:13px;letter-spacing:-.01em;margin:6px 0;line-height:1.25;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-variant-info{font-size:10px;color:#93a2b7;line-height:1.3}.image-fallback{width:100%;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#526d8e;text-align:center}.image-fallback>span{font-size:54px;color:#37567c}.image-fallback small{font-size:10px}.footnote{color:#708199;font-size:11px;margin-top:20px}.empty-state{padding:55px 23px;text-align:center;border:1px dashed #34445e;border-radius:16px;background:#131d2c}.empty-icon{font-size:47px;color:#60bbd8}.empty-state h3{margin:11px 0 7px;font-size:21px}.empty-state p{color:#8d9cb2;max-width:510px;margin:0 auto 18px;font-size:12px}.notice-mini{display:flex;align-items:center;gap:12px;background:#172a3b;border:1px solid #2c4657;padding:13px 17px;color:#a7becb;font-size:12px;border-radius:11px}.notice-mini span{font-size:19px;color:#83ddec}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-panel{padding:27px;border-radius:16px;border:1px solid var(--line);background:#151f32}.settings-icon{display:grid;place-items:center;font-size:21px;color:#78d7e9;border-radius:12px;background:#193b51;width:42px;height:42px;margin-bottom:19px}.settings-panel h2{font-size:19px;margin-bottom:10px}.settings-panel>p{font-size:12px;color:#9dadbd;min-height:58px}.settings-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:23px 0;gap:10px;font-size:11px;color:#8ea5b6}.settings-line strong{color:#ddeaf5}.button-row{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}.file-label{display:block;border:1px dashed #446179;background:#1a2c42;padding:13px;border-radius:9px;font-size:12px;margin-bottom:12px}.file-label input{display:block;color:#90b3c8;margin-top:12px;max-width:100%}.password-form{display:grid;gap:11px}.password-form label,.auth-card form label{display:grid;gap:9px;color:#b6c2d3;font-size:12px;font-weight:750}.password-form input,.auth-card input{width:100%;height:43px;border-radius:9px;background:#1a2940;border:1px solid #304159;color:#fff;padding:0 13px;outline:none}.password-form input:focus,.auth-card input:focus{border-color:#6dccdf}.settings-panel .password-form button{justify-self:start;margin-top:3px}.loading-area{padding:110px 10px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;color:#99b0c6}.spinner{display:inline-block;width:19px;height:19px;border:2px solid #385171;border-top-color:#8deaf5;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:30;padding:20px}.modal-root.hidden{display:none}.modal-open{overflow:hidden}.modal-overlay{position:absolute;inset:0;background:#03070ece;backdrop-filter:blur(6px)}.modal-window{width:min(860px,100%);max-height:min(780px,calc(100vh - 40px));background:#162138;border:1px solid #3a4a62;box-shadow:0 30px 100px rgba(0,0,0,.6);border-radius:19px;z-index:1;position:relative;display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);overflow-y:auto}.loading-modal{min-height:200px;display:flex;align-items:center;justify-content:center;gap:13px;color:#9dacc1}.error-modal{display:block;padding:30px}.modal-x{position:absolute;right:16px;top:15px;z-index:5;border:1px solid #44536c;border-radius:9px;background:#1e2c42;color:#d9e9f4;width:34px;height:34px;font-size:24px;line-height:1}.modal-left{background:radial-gradient(circle,#2c4461,#101a2b 72%);padding:28px 26px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-card-image{width:min(260px,100%);aspect-ratio:.72;display:flex;align-items:center;justify-content:center}.modal-card-image .asset-image{max-width:100%;max-height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 15px 19px rgba(0,0,0,.49))}.modal-code{font-size:10px;color:#93b0c4;text-align:center;margin-top:17px;font-weight:800;line-height:1.5}.modal-code span{padding:0 7px;color:#60c7da}.modal-right{padding:37px 33px 29px}.modal-right h2{font-size:27px;margin:11px 0 13px;line-height:1.22;padding-right:18px}.detail-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border-radius:7px;display:inline-flex;align-items:center;padding:6px 10px;line-height:1;white-space:nowrap;font-size:10px;font-weight:800}.pill.dark{color:#a9c4d6;background:#26384f}.pill.golden{color:#ffd18a;background:#413627}.pill.good{color:#9cead3;background:#1b4a44}.modal-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:32px;margin-bottom:16px}.modal-section-header h3{font-size:16px;margin:0 0 6px}.modal-section-header p{font-size:11px;color:#94a8b9;margin:0;line-height:1.5}.variants-list{display:grid;gap:9px}.variant-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid #35445d;background:#1c2a42;border-radius:11px}.variant-name{display:flex;align-items:center;gap:12px;min-width:0}.variant-bullet{font-size:23px;color:#7edbe8}.variant-name strong,.variant-name small{display:block}.variant-name strong{font-size:12px}.variant-name small{color:#94a3b6;font-size:10px;margin-top:5px}.stepper{display:flex;align-items:center;gap:10px}.stepper button{background:#2a3b55;color:#d9e9ff;width:28px;height:28px;border:1px solid #3d516f;border-radius:7px;font-size:19px;display:grid;place-items:center;line-height:1}.qty-display{width:25px;text-align:center;font-weight:850;font-size:13px}.empty-variants{color:#a1b2c7;font-size:12px;padding:14px}.modal-hint{background:#1d3046;border-radius:9px;padding:12px;display:flex;gap:9px;margin-top:15px;color:#96b6c7;line-height:1.5;font-size:10px}.modal-hint span{font-size:17px}.modal-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:27px}.modal-bottom>span{font-size:10px;color:#81bcaf}.toast-root{position:fixed;bottom:23px;right:24px;z-index:40;display:grid;gap:10px;max-width:calc(100vw - 35px)}.toast{background:#1c443d;border:1px solid #389a8a;box-shadow:var(--shadow);color:#c5f4df;padding:13px 17px;border-radius:11px;font-size:12px;max-width:400px}.toast-error{background:#543038;border-color:#96515e;color:#ffe1e4}.auth-body{display:flex;align-items:center;justify-content:center;padding:35px 18px;background:radial-gradient(ellipse 550px 400px at 50% 30%,#1e3b59,#0b1221 90%)}.auth-card{width:min(450px,100%);padding:38px;background:#141f31;border:1px solid #334057;border-radius:20px;box-shadow:0 30px 70px #02070c75}.auth-card.install-card{width:min(500px,100%)}.auth-brand{justify-content:center;padding:0;margin-bottom:30px}.auth-icon{font-size:46px;color:#77dcef;margin:0 0 20px;text-align:center}.auth-card .eyebrow{display:block;text-align:center}.auth-card h1{font-size:29px;text-align:center;line-height:1.2;margin:12px 0}.auth-card>.muted{text-align:center;font-size:12px;margin-bottom:27px}.auth-card form{display:grid;gap:18px}.auth-card form .btn{margin-top:4px}.auth-foot{text-align:center;margin:25px 0 0;color:#667f93;font-size:10px}.requirements{margin-bottom:20px;padding:16px;background:#1a2a3c;border:1px solid #2b465a;border-radius:10px;display:grid;gap:12px}.req{font-size:12px;color:#b4c5d8;display:flex;gap:9px}.req .good{color:#69d4a4}.req .bad{color:#f5a5ab}.error-panel{background:#583035;border:1px solid #9e4c54;padding:12px 14px;border-radius:8px;font-size:12px;color:#ffe2e2}.settings-panel input[type=file]{padding:0;border:0;background:transparent}
@media(max-width:1300px){.sidebar{width:220px;flex-basis:220px}.main-content{padding:37px 31px 65px}.topbar{padding:0 30px}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-sets{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-art{width:280px}}
@media(max-width:1030px){.sidebar{width:205px;flex-basis:205px;padding-left:11px;padding-right:11px}.top-private{display:none}.sets-grid,.dashboard-sets{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{display:none}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.set-banner{flex-wrap:wrap}.set-banner-actions{margin-left:auto}.settings-grid{grid-template-columns:1fr}}
@media(max-width:750px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .2s;width:250px;height:100vh;box-shadow:16px 0 50px #0008}.sidebar.sidebar-open{transform:translateX(0)}.mobile-menu{display:inline-flex;margin-right:10px}.topbar{height:63px;flex-basis:63px;padding:0 15px;gap:6px}.topbar-path{margin-right:auto}.topbar-path>span:first-child,.crumb{display:none}.top-actions{gap:8px}.main-content{padding:24px 15px 55px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.sets-grid,.dashboard-sets{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stats-grid{gap:11px}.stat-card{min-height:120px;padding:16px}.hero-body{padding:26px 23px}.hero h2{font-size:25px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.card-picture{padding:6px}.card-bottom{padding:11px 8px}.card-bottom h3{font-size:12px}.set-banner{gap:10px;padding:19px}.set-banner-logo{flex:0 0 100%;min-height:93px}.set-banner-logo img{max-height:85px}.set-banner h1{font-size:25px}.set-banner-actions{margin:16px 0 0}.filterbar{gap:8px}.filterbar select{flex:1;min-width:125px}.notice-strip{flex-wrap:wrap}.notice-strip>div{flex:1 1 80%}.modal-window{max-height:calc(100vh - 20px);display:block}.modal-root{padding:10px}.modal-left{padding:20px 25px 8px}.modal-card-image{width:145px;height:200px}.modal-code{margin-top:5px}.modal-right{padding:22px}.modal-right h2{font-size:23px}.modal-section-header{margin-top:22px}.modal-x{top:10px;right:10px}}
@media(max-width:460px){.topbar-path{font-size:11px}.user-chip{font-size:11px}.user-chip>span{display:none}.hero{min-height:260px}.hero-body{padding:26px 18px}.hero h2{font-size:23px}.hero p{font-size:11px}.stat-value{font-size:25px}.stat-label{font-size:10px}.sets-grid,.dashboard-sets{gap:10px}.set-img{height:100px;padding:14px}.set-img .asset-image{max-height:67px}.set-bottom{padding:14px 12px}.set-bottom h3{font-size:13px}.set-meta{font-size:9px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-picture{padding:9px}.variant-row{padding:9px}.stepper{gap:5px}.detail-pills{gap:4px}.settings-panel{padding:20px}}

/* PokéCollection v1.2.0 — identità bianco / nero / blu / giallo */
:root{color-scheme:light;--bg:#f5f8fe;--surface:#fff;--surface2:#f0f5ff;--surface3:#e8f0fc;--line:#dce5f0;--text:#101828;--muted:#5b6e85;--primary:#2a75bb;--primaryDeep:#135293;--gold:#ffcb05;--radius:16px;--shadow:0 12px 32px rgba(22,56,97,.08)}
body{background:var(--bg);color:var(--text)}
.sidebar{background:linear-gradient(180deg,#164f96 0%,#12467e 100%);border-right:0;color:#fff}
.sidebar .brand{color:#fff}.brand-mark{background:#ffcb05;color:#143e75;box-shadow:0 5px 18px rgba(255,203,5,.3)}
.accent{color:#ffcb05}.sidebar .side-label{color:#c5dcf6}.nav-link{color:#edf5ff}.nav-link:hover{background:#2865ad;color:#fff}.nav-link.active{color:#122e57;background:#ffcb05;border-color:#ffcb05;font-weight:800}
.sidebar-bottom{border-color:rgba(255,255,255,.25)}.sync-mini,.sidebar-version{color:#e5f0fb}.online-dot{background:#ffcb05;box-shadow:none}
.topbar{background:#fff;border-bottom:1px solid var(--line)}.topbar-path>span:first-child{color:#2a75bb}.crumb{color:#a6b2c2}.topbar-path strong,.user-chip{color:#1d3150}.top-private{color:#2a75bb}
.icon-btn{background:#eaf2fe;border-color:#ccdef1;color:#164f96}.main-content{background:var(--bg)}.app-footer,.app-footer a{color:#6c829d}
.page-heading h1,.section-title h2{color:#101828}.page-heading p{color:#596e86}.eyebrow,.small-link{color:#2a75bb}
.btn.primary{background:#ffcb05;border-color:#efba00;color:#152b4b;box-shadow:0 3px 0 rgba(225,168,0,.18)}.btn.primary:hover:not(:disabled){filter:brightness(1.04)}
.btn.secondary{background:#fff;color:#175899;border-color:#9fc1e4}.btn.secondary:hover:not(:disabled){background:#f0f7ff}
.hero{background:radial-gradient(ellipse at 85% 18%,rgba(255,203,5,.20),transparent 55%),linear-gradient(110deg,#1b5fa7,#12447f 66%,#143865);border-color:#2d6eaf;color:white}
.hero-kicker{color:#ffdf53}.small-glow{background:#ffcb05;box-shadow:0 0 11px #ffcb05}.hero h2 span{color:#ffcb05}.hero p{color:#e4efff}.art-circle{border-color:rgba(255,203,5,.35)}.art-card{border-color:#f3cf3a}.art-back{background:linear-gradient(145deg,#28599b,#0e2d6c);color:#ffd436}.art-front{background:radial-gradient(circle,#397ccc,#1b4f92 70%)}.art-front>div{color:#ffcb05}.hero .btn.primary{border-color:#ffe470}
.stat-card,.settings-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.stat-label{color:#62758c}.stat-icon.cyan,.stat-icon.pink,.stat-icon.purple{background:#e1efff;color:#256daf}.stat-icon.gold{background:#fff4bd;color:#7b5900}
.set-tile,.card-tile{background:#fff;color:#14253d;border-color:#d5e2f1;box-shadow:0 7px 20px rgba(16,50,90,.055)}.set-tile:hover,.card-tile:hover{border-color:#2a75bb;box-shadow:0 10px 25px rgba(42,117,187,.16)}
.set-img{background:radial-gradient(circle at 55% 90%,rgba(255,203,5,.19),transparent 65%),linear-gradient(150deg,#eef6ff,#e5f0fd)}.set-img-glow{border-color:rgba(42,117,187,.17)}.set-code,.set-progress-text,.card-number{color:#1b67ab}.set-meta,.card-variant-info{color:#617389}.progress-track{background:#dfeaf6}.progress-fill{background:linear-gradient(90deg,#2a75bb,#ffcb05)}
.notice-strip,.notice-mini{background:#eaf4ff;border-color:#c8dff5;color:#213e60}.notice-strip>span,.notice-mini span{color:#2166ad}.notice-strip p{color:#546d88}
.filterbar{background:#fff;border-color:#dce5f0}.filterbar select,.filterbar input,.language-variant select{background:#f7faff;border-color:#cddded;color:#243c5b}.filterbar select:focus,.filterbar input:focus{border-color:#2a75bb}.result-count{color:#315d91}
.set-banner{background:linear-gradient(115deg,#1b5fa7,#12477d);border-color:#2e72b3;color:#fff}.set-banner h1,.set-banner-meta,.banner-progress,.banner-progress span{color:#fff}.set-banner .eyebrow,.text-back{color:#ffdc4f}.set-banner .progress-track{background:rgba(255,255,255,.22)}
.card-picture{background:#e9f2fd}.card-status.have{background:#ffe270;color:#493900}.card-status.want{background:#f1f6ff;color:#245a90}.card-bottom h3{color:#18324e}.card-tile.is-owned{border-color:#e6bb20}
.empty-state,.modal-window,.edit-modal{background:#fff;color:#172c48;border-color:#d5e2f1}.empty-state p{color:#6a7e92}.empty-icon{background:#e9f4ff;color:#2a75bb}
.settings-icon{background:#e5f1ff;color:#286cb0}.settings-panel h2{color:#173451}.settings-panel>p{color:#596d86}.settings-line{border-color:#e4edf6;color:#526d89}.settings-line strong{color:#162b44}.password-form input,.auth-card input{background:#f8fbff;border-color:#c6d9ef;color:#24354a}.password-form input:focus,.auth-card input:focus{border-color:#2a75bb}
.modal-overlay{background:rgba(10,26,47,.65)}.modal-left{background:#e5f1ff}.modal-right h2,.modal-section-header h3{color:#172b45}.pill.dark{background:#e6f1ff;color:#225c98}.pill.golden{background:#fff1b3;color:#755600}.pill.good{background:#ffdf58;color:#2e2a13}.variant-row{background:#f7faff;border-color:#d7e5f4}.variant-name strong{color:#173655}.variant-name small,.modal-section-header p,.modal-hint,.modal-bottom>span{color:#647991}.variant-bullet{color:#2165a7}.stepper button{background:#ffcb05;color:#172e51;border-color:#e4b000}.qty-display{color:#172c4a}.toast{background:#124f91;color:#fff}.toast-error{background:#a33d30}
.auth-body{background:radial-gradient(circle at 85% 18%,rgba(255,203,5,.2),transparent 32%),linear-gradient(140deg,#e7f2ff,#f9fbff)}.auth-card{background:#fff;color:#152e4c;border:1px solid #ccdfef;box-shadow:0 22px 55px rgba(25,76,129,.15)}.auth-brand .accent{color:#2a75bb}.auth-card h1{color:#142e4e}.auth-icon{background:#ffefaa;color:#245e9f}.auth-card .eyebrow{color:#2a75bb}.auth-card>.muted,.auth-foot{color:#667990}
.language-box{background:#fff;border:1px solid #d5e2f1;border-radius:15px;padding:13px 15px 12px;margin-bottom:17px;box-shadow:0 5px 16px rgba(22,56,97,.04)}
.language-tabs{display:flex;gap:9px;flex-wrap:wrap}.language-tab{border:1px solid #c9ddf1;background:#f4f9ff;border-radius:10px;padding:12px 18px;font-weight:800;color:#245d99;white-space:nowrap}.language-tab:hover{background:#e5f2ff}.language-tab.selected{border-color:#e9b900;background:#ffcb05;color:#122d53}.language-variant{margin-top:15px;padding-top:13px;border-top:1px solid #e0ebf6;display:flex;gap:13px;align-items:center;flex-wrap:wrap}.language-variant label{font-size:12px;font-weight:750;color:#496685}.language-variant select{min-height:39px;border-radius:9px;padding:0 15px}
.edit-modal{width:min(510px,calc(100% - 28px));max-height:calc(100vh - 32px);overflow-y:auto;position:relative;z-index:10;border:1px solid #d3e2f0;border-radius:18px;padding:30px;box-shadow:0 22px 70px rgba(7,33,74,.25);margin:auto}.edit-modal h2{margin:0 0 7px;color:#193755}.edit-modal>p{font-size:12px;color:#647b95}.edit-modal form{display:grid;gap:15px;margin-top:24px}.edit-modal label{display:grid;gap:8px;font-weight:700;font-size:12px}.edit-modal input:not([type=checkbox]){width:100%;border:1px solid #cdddec;border-radius:9px;min-height:42px;padding:9px 12px;color:#1e395b;background:#f9fbff}.edit-modal input[type=file]{font-size:11px}.edit-modal label small{color:#657a92;font-weight:500}.edit-modal .checkline{display:flex;align-items:center;gap:9px}.edit-modal .checkline input{accent-color:#2a75bb}.edit-preview{background:#eaf3ff;border-radius:12px;min-height:95px;padding:13px;display:flex;justify-content:center;align-items:center}.edit-preview img{max-height:78px;max-width:90%;object-fit:contain}.edit-modal .button-row{justify-content:flex-end}.modal-root:not(.hidden){display:flex;align-items:center;justify-content:center}
@media(max-width:750px){.language-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.language-tab{padding:11px 5px}.edit-modal{padding:22px}.set-banner-actions{flex-wrap:wrap}.set-banner-actions .btn{max-width:100%;flex:1}}
@media(max-width:460px){.language-box{padding:11px}.language-tabs{gap:7px}.language-tab{font-size:11px}.edit-modal{padding:18px}}