@layer reset{*,:before,:after{box-sizing:border-box}html{color-scheme:dark;font-synthesis:none;background:#080d11;font-family:Inter,SF Pro Display,Avenir Next,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}img,svg{display:block}[hidden]{display:none!important}}@layer tokens{:root{--bg:#080d11;--bg-deep:#05090d;--surface:#11171c;--surface-raised:#171e24;--surface-hover:#1c252c;--text:#f4f7f8;--text-soft:#c2c9ce;--muted:#87929a;--border:#2a353d;--border-strong:#414d55;--accent:#17b9ed;--accent-strong:#08a8df;--accent-soft:#17b9ed24;--violet:#c291ff;--danger:#ff747f;--success:#61d7b0;--shadow-lg:0 28px 72px #00000085;--shadow-card:0 18px 38px #00000047;--radius-sm:7px;--radius-md:11px;--radius-lg:17px;--sidebar-width:188px;--drawer-width:400px}}@layer base{body{color:var(--text);background:radial-gradient(circle at 75% 2%,#235b741a,#0000 27rem),linear-gradient(140deg,#080d11 0%,#090f13 54%,#070b0f 100%)}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px);background-size:100% 4px;position:fixed;inset:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:var(--text);background:#17b9ed59}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}@layer components{.app-shell{min-height:100vh}.sidebar{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--border);backdrop-filter:blur(18px);background:#060b0ff0;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{min-height:110px;color:var(--text);letter-spacing:-.04em;align-items:center;gap:10px;padding:0 26px;font-size:26px;font-weight:730;text-decoration:none;display:flex}.brand-mark{filter:drop-shadow(0 6px 14px #00000061);flex:0 0 48px;width:48px}.brand-chest-lid{fill:#a65f25;stroke:#d7e0e6;stroke-width:1.7px}.brand-chest-body{fill:#75401e;stroke:#d7e0e6;stroke-width:1.7px}.brand-chest-planks{fill:none;stroke:#3f1c0db8;stroke-width:1px}.brand-chest-bands{fill:none;stroke:#aebbc4;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.brand-chest-lock{fill:#cbd5dc;stroke:#53616a;stroke-width:1.2px;stroke-linejoin:round}.brand-chest-letter{fill:#4b2916}.nav-list{gap:8px;padding-top:7px;display:grid}.nav-item,.mobile-nav-item{background:0 0;border:0}.nav-item{min-height:78px;color:var(--text-soft);text-align:left;align-items:center;gap:17px;padding:0 26px;font-size:15px;font-weight:560;transition:color .16s,background-color .16s;display:flex;position:relative}.nav-item:before{content:"";background:0 0;width:3px;position:absolute;inset:0 auto 0 0}.nav-item:hover{color:var(--text);background:#ffffff06}.nav-item.is-active{color:var(--text);background:linear-gradient(90deg,#17b9ed1a,#ffffff09)}.nav-item.is-active:before{background:var(--accent);box-shadow:0 0 16px #17b9ed59}.nav-item svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:24px}.nav-item.is-active svg{color:var(--accent)}.account-wrap{margin:auto 20px 24px;position:relative}.account-button{width:100%;color:var(--text-soft);text-align:left;background:0 0;border:0;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:7px 5px;display:grid}.account-button:hover{color:var(--text)}.account-avatar{border:1px solid var(--border-strong);width:38px;height:38px;color:var(--text);background:#27323c;border-radius:50%;place-items:center;font-size:15px;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.account-button>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:18px}.account-menu{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:230px;box-shadow:var(--shadow-lg);background:#12191f;padding:10px;position:absolute;bottom:54px;left:0}.account-menu p{color:var(--muted);text-overflow:ellipsis;margin:4px 8px 10px;font-size:12px;overflow:hidden}.account-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text-soft);text-align:left;background:0 0;border:0;padding:10px 9px;font-size:13px}.account-menu button:hover{background:var(--surface-hover);color:var(--text)}.mobile-header,.mobile-nav,.mobile-account-menu{display:none}.main-content{min-height:100vh;margin-left:var(--sidebar-width);padding:42px 42px 80px;transition:margin-right .22s}body.drawer-open .main-content{margin-right:calc(var(--drawer-width) + 20px)}.page-heading{justify-content:space-between;align-items:end;gap:24px;max-width:1220px;margin:0 auto 24px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,3.2vw,48px);font-weight:740;line-height:1.05}.page-heading p{color:var(--text-soft);letter-spacing:-.01em;margin:12px 0 0;font-size:16px}.primary-button,.secondary-button,.load-more-button{border-radius:var(--radius-sm);min-height:48px;font-size:14px;font-weight:650}.primary-button{color:#041016;background:linear-gradient(#20bfef 0%,#08a5db 100%);border:1px solid #2cc8f5;justify-content:center;align-items:center;gap:12px;padding:0 20px;transition:transform .16s,filter .16s;display:inline-flex;box-shadow:0 8px 25px #00a9de2b}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{cursor:default;filter:saturate(.35)brightness(.72);transform:none}.primary-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:20px}.catalog-tools{max-width:1220px;margin:0 auto 24px}.search-row{gap:12px;display:flex}.search-field{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#141b20d1;align-items:center;gap:12px;width:min(530px,100%);min-height:52px;padding:0 16px;transition:border-color .16s,box-shadow .16s;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field svg{fill:none;width:21px;stroke:var(--muted);stroke-linecap:round;stroke-width:1.8px;flex:0 0 21px}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:15px}.search-field input::placeholder{color:var(--muted)}.filter-button{display:none}.filter-row{align-items:center;gap:12px;margin-top:14px;display:flex}.filter-row label{position:relative}.filter-row label:after{border-right:1.5px solid var(--text-soft);border-bottom:1.5px solid var(--text-soft);content:"";pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:14px;transform:translateY(-70%)rotate(45deg)}.filter-row select{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:170px;min-height:48px;color:var(--text);padding:0 42px 0 14px;font-size:14px}.filter-row select:hover{border-color:var(--border-strong);background:var(--surface-raised)}.result-count{color:var(--text-soft);white-space:nowrap;margin-left:auto;font-size:14px}.page-status{max-width:1220px;min-height:18px;color:var(--muted);margin:0 auto 20px;font-size:13px}.page-status:empty{min-height:0;margin-bottom:0}.page-status.is-error,.auth-status.is-error{color:var(--danger)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px 22px;max-width:1220px;margin:0 auto;display:grid}.collection-card{min-width:0;position:relative}.card-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.card-image-wrap{aspect-ratio:.716;background:#111820;border:1px solid #0000;border-radius:10px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden;box-shadow:0 10px 24px #0003}.card-open:hover .card-image-wrap,.collection-card.is-selected .card-image-wrap{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 0 0 2px #17b9ed1f,0 18px 38px #00000061,0 0 24px #17b9ed1c}.card-image-wrap img{object-fit:contain;width:100%;height:100%}.card-image-wrap:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff1f 47%,#0000 62%);transition:opacity .18s,transform .52s;position:absolute;inset:0;transform:translate(-100%)}.card-open:hover .card-image-wrap:after{opacity:.45;transform:translate(100%)}.card-caption{gap:3px;padding:11px 2px 0;display:grid}.card-caption h2{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:650;overflow:hidden}.card-caption p,.card-caption span{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.card-caption-meta{justify-content:space-between;gap:8px;display:flex}.card-heart{z-index:2;color:#e9eef1;backdrop-filter:blur(10px);background:#050a0ec2;border:1px solid #fff3;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:border-color .16s,background-color .16s,color .16s;display:grid;position:absolute;top:9px;right:9px}.card-heart:hover,.card-heart.is-active{border-color:var(--accent);color:#fff;background:#0497c7e6}.card-heart svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:18px}.card-heart.is-active svg{fill:currentColor}.quantity-mark{z-index:2;min-width:28px;color:var(--text);text-align:center;backdrop-filter:blur(8px);background:#04090dc7;border:1px solid #ffffff29;border-radius:999px;padding:5px 7px;font-size:11px;font-weight:700;position:absolute;bottom:9px;right:9px}.set-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;max-width:1220px;margin:0 auto;display:grid}.set-card{border:1px solid var(--border);border-radius:var(--radius-md);min-height:190px;color:inherit;text-align:left;background:#11171cc7;grid-template-rows:100px auto;padding:18px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.set-card:hover{border-color:var(--border-strong);background:var(--surface-raised);transform:translateY(-2px)}.set-logo-wrap{place-items:center;padding:6px;display:grid}.set-logo-wrap img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:84px}.set-card h2{letter-spacing:-.02em;margin:12px 0 5px;font-size:16px}.set-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.empty-state{text-align:center;align-content:center;place-items:center;max-width:520px;min-height:410px;margin:12px auto 0;display:grid}.empty-state>svg{fill:none;width:68px;stroke:var(--border-strong);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;margin-bottom:22px}.empty-state h2{letter-spacing:-.035em;margin:0 0 9px;font-size:25px}.empty-state p{max-width:390px;color:var(--muted);margin:0 0 24px;line-height:1.6}.load-more-button{border:1px solid var(--border-strong);background:var(--surface);min-width:150px;color:var(--text-soft);margin:42px auto 0;padding:0 22px;display:block}.load-more-button:hover{border-color:var(--accent);color:var(--text)}.detail-drawer{z-index:40;width:var(--drawer-width);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);backdrop-filter:blur(22px);background:#12181df7;animation:.22s both drawer-enter;position:fixed;inset:16px 16px 16px auto;overflow:auto}@keyframes drawer-enter{0%{opacity:0;transform:translate(24px)}}.drawer-handle{display:none}.drawer-close{z-index:2;width:34px;height:34px;color:var(--text-soft);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:18px;right:18px}.drawer-close:hover{background:var(--surface-hover);color:var(--text)}.drawer-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6px;width:22px}.detail-inner{padding:34px 28px 30px}.detail-heading{padding-right:34px}.detail-heading h2{letter-spacing:-.035em;margin:0;font-size:25px;font-weight:720}.detail-heading p{color:var(--text-soft);margin:7px 0 0;font-size:14px}.rarity-label{color:#dcbcff;border:1px solid #c291ff73;border-radius:999px;margin-top:11px;padding:4px 9px;font-size:11px;line-height:1;display:inline-block}.detail-image{aspect-ratio:.716;object-fit:contain;filter:drop-shadow(0 15px 30px #00000057);border-radius:10px;width:min(100%,304px);margin:20px auto 22px;display:block}.detail-control-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.detail-control-row>span{color:var(--text-soft);font-size:13px}.quantity-control{border:1px solid var(--border-strong);border-radius:var(--radius-sm);grid-template-columns:44px 70px 44px;display:grid;overflow:hidden}.quantity-control button,.quantity-control span{border:0;border-right:1px solid var(--border);min-height:42px;color:var(--text);background:0 0;place-items:center;font-size:15px;display:grid}.quantity-control button:last-child{border-right:0}.quantity-control button:hover{background:var(--surface-hover);color:var(--accent)}.detail-actions{gap:9px;display:grid}.detail-actions .primary-button,.detail-actions .secondary-button{width:100%}.secondary-button{border:1px solid var(--border-strong);color:var(--text);background:0 0;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:inline-flex}.secondary-button:hover{border-color:var(--text-soft);background:#ffffff08}.secondary-button svg,.primary-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:19px}.remove-card-button{color:var(--muted);background:0 0;border:0;justify-self:center;padding:8px 10px;font-size:12px}.remove-card-button:hover{color:var(--danger)}.detail-meta{border-top:1px solid var(--border);gap:12px;margin:20px 0 0;padding:18px 0 0;display:grid}.detail-meta div{grid-template-columns:92px 1fr;gap:12px;font-size:13px;display:grid}.detail-meta dt{color:var(--muted)}.detail-meta dd{color:var(--text-soft);text-align:right;margin:0}.detail-section{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.detail-section h3{margin:0 0 11px;font-size:13px;font-weight:650}.detail-section p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.55}.auth-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(440px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-lg);backdrop-filter:blur(24px);background:#11171cfa;padding:32px}.auth-dialog::backdrop{backdrop-filter:blur(10px);background:#020609c7}.auth-brand{letter-spacing:-.03em;align-items:center;gap:8px;margin-bottom:24px;font-size:20px;font-weight:720;display:flex}.auth-brand .brand-mark{flex-basis:52px;width:52px}.auth-dialog h2{letter-spacing:-.04em;margin:0;font-size:29px}.auth-dialog>p{color:var(--muted);margin:9px 0 22px;font-size:14px;line-height:1.5}.auth-tabs{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;margin-bottom:20px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;padding:11px 5px;font-size:13px;font-weight:620;position:relative}.auth-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-tabs button.is-active{color:var(--text)}.auth-tabs button.is-active:after{background:var(--accent)}.auth-dialog form{gap:15px;display:grid}.auth-dialog label{color:var(--text-soft);gap:7px;font-size:12px;display:grid}.auth-dialog input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-deep);min-height:46px;color:var(--text);outline:0;padding:0 13px;font-size:14px}.auth-dialog input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-submit{width:100%;margin-top:3px}.auth-divider{border-top:1px solid var(--border);text-align:center;margin:22px 0;position:relative}.auth-divider span{background:var(--surface);color:var(--muted);padding:0 10px;font-size:11px;position:relative;top:-9px}.auth-dialog>.secondary-button{width:100%}.auth-status{min-height:18px;margin:16px 0 0!important;font-size:12px!important}.toast{z-index:80;border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-width:min(360px,100vw - 32px);color:var(--text-soft);box-shadow:var(--shadow-lg);background:#182127;padding:13px 16px;font-size:13px;animation:.18s both toast-in;position:fixed;bottom:24px;right:24px}.toast.is-error{color:#ffc2c7;border-color:#ff747f73}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}}@layer responsive{@media (width<=1240px){:root{--sidebar-width:172px;--drawer-width:360px}.main-content{padding-left:28px;padding-right:28px}.brand{padding-left:22px;padding-right:22px}.nav-item{padding:0 22px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));column-gap:18px}}@media (width<=980px){body.drawer-open .main-content{margin-right:0}.detail-drawer{background:#12181dfc}}@media (width<=760px){:root{--mobile-header-height:72px;--mobile-nav-height:70px}body{padding-bottom:var(--mobile-nav-height)}body.drawer-open{overflow:hidden}.sidebar{display:none}.mobile-header{z-index:25;min-height:var(--mobile-header-height);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);background:#080d11eb;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:sticky;top:0}.mobile-header .brand{gap:7px;min-height:auto;padding:0;font-size:21px}.mobile-header .brand-mark{flex-basis:44px;width:44px}.icon-button,.filter-button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-soft);background:0 0;flex:0 0 44px;place-items:center;padding:0;display:grid}.icon-button svg,.filter-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:21px}.main-content{min-height:calc(100vh - var(--mobile-header-height));margin-left:0;padding:30px 18px 52px}.page-heading{align-items:center;margin-bottom:23px}.page-heading h1{font-size:32px}.page-heading p{display:none}#add-cards-button{width:44px;min-height:44px;padding:0}#add-cards-button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.search-field{min-height:50px}.search-field input{font-size:14px}.filter-row{scrollbar-width:none;align-items:stretch;gap:8px;width:calc(100vw - 36px);padding-bottom:3px;display:none;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row.is-open{display:flex}.filter-row label{flex:none}.filter-row select{min-width:145px;min-height:44px;font-size:13px}.result-count{margin-top:57px;margin-left:0;font-size:13px;position:absolute}.catalog-tools:has(.filter-row.is-open){margin-bottom:55px}.page-status{margin-top:0;margin-bottom:18px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.card-caption{padding-top:9px}.card-caption h2{font-size:13px}.card-caption p,.card-caption span{font-size:11px}.card-heart{width:32px;height:32px;top:7px;right:7px}.quantity-mark{bottom:7px;right:7px}.set-grid{grid-template-columns:1fr 1fr;gap:12px}.set-card{grid-template-rows:78px auto;min-height:165px;padding:14px}.set-card h2{font-size:14px}.detail-drawer{z-index:80;overscroll-behavior:contain;background:#0a0f13;border:0;border-radius:0;width:100%;height:100dvh;max-height:none;animation-name:mobile-detail-enter;inset:0}@keyframes mobile-detail-enter{0%{opacity:0;transform:translateY(18px)}}.drawer-handle{display:none}.drawer-close{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));backdrop-filter:blur(14px);background:#080d11d1;width:44px;height:44px;position:fixed;box-shadow:0 8px 24px #0000004d}.detail-inner{min-height:100%;padding:calc(68px + env(safe-area-inset-top)) 18px calc(36px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.detail-heading{margin-bottom:24px;padding-right:0}.detail-heading h2{font-size:28px}.detail-image{border-radius:12px;order:-1;width:min(100%,430px);height:auto;margin:0 auto 30px}.detail-control-row{gap:16px;margin-bottom:14px;display:flex}.quantity-control{grid-template-columns:44px 68px 44px}.quantity-control button,.quantity-control span{min-height:40px}.detail-actions{gap:10px}.detail-actions .primary-button,.detail-actions .secondary-button{min-height:43px;padding:0 16px;font-size:14px}.remove-card-button{display:inline-flex}.detail-meta{margin-top:28px}.mobile-nav{z-index:50;height:var(--mobile-nav-height);border-top:1px solid var(--border);backdrop-filter:blur(20px);background:#0a0f13f5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav-item{color:var(--muted);align-content:center;place-items:center;gap:4px;font-size:10px;font-weight:620;display:grid}.mobile-nav-item.is-active{color:var(--accent)}.mobile-nav-item svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:22px}.mobile-account-menu{inset:calc(var(--mobile-header-height) + 8px) 16px auto auto;z-index:70;border:1px solid var(--border-strong);border-radius:var(--radius-md);width:min(250px,100vw - 32px);box-shadow:var(--shadow-lg);background:#12191f;padding:10px;display:block;position:fixed}.mobile-account-menu p{color:var(--muted);text-overflow:ellipsis;margin:5px 8px 10px;font-size:12px;overflow:hidden}.mobile-account-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text-soft);text-align:left;background:0 0;border:0;padding:11px 9px;font-size:13px}.mobile-account-menu button:hover{background:var(--surface-hover);color:var(--text)}.toast{right:16px;bottom:calc(var(--mobile-nav-height) + 14px)}}@media (width<=440px){.main-content{padding-left:14px;padding-right:14px}.card-grid{column-gap:10px}.card-caption-meta span:last-child{display:none}.set-grid{grid-template-columns:1fr}.detail-inner{padding-left:14px;padding-right:14px}.detail-heading h2{font-size:25px}.auth-dialog{padding:25px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}