:root{--bg-dark:#090a14;--bg-card:#121626d9;--bg-card-owned:#1c243ef2;--bg-panel:#0d101de6;--border-gold:#c9a86a;--border-gold-glow:#c9a86a66;--border-subtle:#c9a86a40;--text-gold:#f3d89d;--text-light:#e8ecf4;--text-dim:#7f8fa4;--tag-missing:#ffffff14;--tag-owned:#c9a86a33;--color-surplus:#4ade80;--color-single:#38bdf8;--color-zero:#f87171;--color-warning:#fbbf24}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-light);min-height:100vh;padding:1.5rem 1rem calc(2.5rem + env(safe-area-inset-bottom));background-image:radial-gradient(at 50% 0,#3b5bdb2e 0%,#0000 60%),radial-gradient(at 80% 100%,#7952b326 0%,#0000 60%);background-attachment:fixed;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.container,.compare-container{width:100%;max-width:1400px;margin:0 auto}header{text-align:center;margin-bottom:1.25rem}.title{color:var(--text-gold);letter-spacing:1.5px;text-shadow:0 0 20px var(--border-gold-glow);margin-bottom:.35rem;font-family:Cinzel,serif;font-size:clamp(1.6rem,5vw,2.75rem);line-height:1.2}.subtitle{color:var(--text-dim);padding:0 .5rem;font-size:clamp(.85rem,2.5vw,.95rem)}.btn{border:1px solid var(--border-subtle);color:var(--text-light);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;min-height:38px;padding:.55rem 1rem;font-family:inherit;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:hover{border-color:var(--border-gold);color:var(--text-gold);background:#c9a86a26}.btn.active{border-color:var(--border-gold);color:var(--text-gold);box-shadow:0 0 12px var(--border-gold-glow);background:linear-gradient(135deg,#c9a86a4d,#c9a86a1a)}.btn-sm{min-height:34px;padding:.4rem .75rem;font-size:.82rem}.search-box{border:1px solid var(--border-subtle);min-width:220px;min-height:38px;color:var(--text-light);background:#00000059;border-radius:8px;outline:none;padding:.55rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search-box:focus{border-color:var(--border-gold);box-shadow:0 0 10px #c9a86a33}.uid-bar{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.65rem 1.15rem;display:flex;box-shadow:0 4px 20px #0000004d}.uid-info{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.uid-profile-trigger{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.2rem 0;font-family:inherit;display:inline-flex}.uid-name{color:var(--text-gold);letter-spacing:.5px;font-family:Cinzel,serif;font-size:.92rem;font-weight:700}.uid-id-label{color:var(--text-dim);font-size:.78rem}.badge-chip{border:1px solid var(--border-subtle);color:var(--text-light);background:#ffffff0f;border-radius:6px;align-items:center;gap:.25rem;padding:2px 7px;font-size:.72rem;font-weight:600;line-height:1.2;display:inline-flex}.badge-chip.badge-ar{color:var(--color-warning);background:#fbbf2414;border-color:#fbbf2459}.badge-chip.badge-abyss{color:#ffd782;border-color:var(--border-gold);background:#c9a86a26;box-shadow:0 0 8px #c9a86a33}.badge-chip.badge-achieve{color:var(--color-surplus);background:#4ade8014;border-color:#4ade804d}.uid-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dashboard{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;margin-bottom:1.25rem;padding:1.1rem;box-shadow:0 8px 32px #0006}.progress-labels{justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.88rem;display:flex}.progress-count{color:var(--text-gold);font-size:1rem;font-weight:700}.progress-copies{color:var(--text-dim);font-size:.8rem;font-weight:400}.progress-bar-container{background:#ffffff14;border:1px solid #c9a86a33;border-radius:20px;width:100%;height:7px;margin-bottom:.85rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#c9a86a,#ffd782);width:0%;height:100%;transition:width .4s;box-shadow:0 0 10px #ffd782}.tools-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.filters-group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.card{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card.owned{background:var(--bg-card-owned);border-color:var(--border-gold);box-shadow:0 4px 18px var(--border-gold-glow)}.card:not(.owned) .card-img{filter:grayscale(85%)opacity(50%)}.card-badge{border:1px solid var(--border-gold);color:var(--text-gold);z-index:2;pointer-events:none;background:#090a14e0;border-radius:5px;padding:2px 6px;font-family:Cinzel,serif;font-size:.75rem;font-weight:700;position:absolute;top:8px;left:8px}.card-img-wrap{aspect-ratio:3/4;cursor:pointer;background:#0b0e18;justify-content:center;align-items:center;width:100%;height:auto;max-height:290px;display:flex;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .4s}.card:hover .card-img{transform:scale(1.04)}.card-info{flex-direction:column;flex-grow:1;justify-content:space-between;gap:.6rem;padding:.85rem;display:flex}.card-name{color:var(--text-light);cursor:pointer;font-family:Cinzel,serif;font-size:1rem;font-weight:700;line-height:1.3}.card-name:hover,.card.owned .card-name{color:var(--text-gold)}.card-controls{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.4rem;padding-top:.6rem;display:flex}.status-tag{text-transform:uppercase;letter-spacing:.4px;-webkit-user-select:none;user-select:none;border-radius:5px;padding:3px 6px;font-size:.7rem;font-weight:600}.status-tag.missing{background:var(--tag-missing);color:var(--text-dim)}.status-tag.owned{background:var(--tag-owned);color:var(--text-gold);border:1px solid #c9a86a66}.counter-box{background:#00000073;border:1px solid #ffffff26;border-radius:8px;align-items:center;display:flex;overflow:hidden}.counter-box.readonly{background:#ffffff0a;border-color:#ffffff1a;min-height:34px;padding:0 .75rem}.card.owned .counter-box{border-color:#c9a86a66}.counter-btn{width:36px;height:34px;color:var(--text-light);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.15rem;transition:background .15s,color .15s;display:flex}.counter-btn:active:not(:disabled){background:var(--border-gold);color:#090a14}.counter-btn:disabled{opacity:.3;cursor:not-allowed}.counter-val{text-align:center;min-width:26px;color:var(--text-light);-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:700}.card.owned .counter-val{color:var(--text-gold)}.empty-state{text-align:center;color:var(--text-dim);grid-column:1/-1;padding:3rem 1rem;font-size:.95rem;font-style:italic}.compare-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.25rem;display:flex}.add-uid-bar{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.15rem;padding:.75rem 1rem;display:flex}.add-uid-bar .search-box{flex:1}.add-uid-bar form{flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;display:flex}.players-list{flex-wrap:wrap;gap:.5rem;margin-bottom:1.15rem;display:flex}.player-chip{border:1px solid var(--border-gold);background:#1c243ee6;border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.82rem;display:inline-flex;box-shadow:0 4px 12px #0000004d}.player-chip .remove-uid{cursor:pointer;opacity:.7;padding:0 4px;font-weight:700}.player-chip .remove-uid:active{color:var(--color-zero)}.player-ar{color:var(--color-warning);font-size:.72rem;font-weight:600}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.summary-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:12px;padding:1rem;box-shadow:0 8px 24px #0000004d}.summary-card h4{color:var(--text-gold);letter-spacing:.5px;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:.92rem}.trade-alert{border-left:3px solid var(--color-warning);background:#fbbf2414;border-radius:0 6px 6px 0;margin:.3rem 0;padding:.5rem .7rem;font-size:.8rem;line-height:1.4}.matrix-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:12px;width:100%;margin-top:.85rem;overflow-x:auto}.matrix-table{border-collapse:separate;border-spacing:0;width:100%}.matrix-table th,.matrix-table td{text-align:center;border-bottom:1px solid #ffffff12;padding:.65rem .55rem}.matrix-table th{color:var(--text-gold);letter-spacing:.5px;white-space:nowrap;background:#1a1c2a;font-family:Cinzel,serif;font-size:.82rem}.matrix-sticky-img{z-index:2;background:#0d101d;width:44px;min-width:44px;max-width:44px;position:sticky;left:0;text-align:center!important;padding:.45rem .25rem!important}thead th.matrix-sticky-img{z-index:4}.matrix-card-img{object-fit:cover;border-radius:4px;width:28px;height:38px;margin:0 auto;display:block}.matrix-sticky-name{z-index:2;width:175px;min-width:175px;max-width:175px;position:sticky;left:44px;text-align:left!important}thead th.matrix-sticky-name{z-index:3}.matrix-card-info{white-space:nowrap;align-items:center;gap:.35rem;font-size:.86rem;font-weight:600;display:flex;overflow:hidden}.matrix-roman{color:var(--border-gold);flex-shrink:0}.matrix-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-light);overflow:hidden}.matrix-player-col{text-overflow:ellipsis;white-space:nowrap;min-width:95px;max-width:130px;overflow:hidden}.qty-tag{-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;min-width:28px;padding:.2rem .5rem;font-size:.82rem;font-weight:700;display:inline-flex}.qty-surplus{color:var(--color-surplus);background:#4ade8026;border:1px solid #4ade8059}.qty-single{color:var(--color-single);background:#38bdf826;border:1px solid #38bdf859}.qty-zero{color:var(--color-zero);background:#f8717126;border:1px solid #f871714d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#05060ce0;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:none;position:fixed;top:0;left:0}.modal-overlay.open{display:flex}.dossier-card{border:1px solid var(--border-gold);box-shadow:0 0 35px var(--border-gold-glow);background:#121626fa;border-radius:16px;grid-template-columns:320px 1fr;width:100%;max-width:860px;max-height:90dvh;animation:.25s ease-out modalFadeIn;display:grid;position:relative;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dossier-img-col{border-right:1px solid var(--border-subtle);background:#090b14;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:hidden}.dossier-img{object-fit:contain;border:1px solid #c9a86a59;border-radius:8px;width:100%;max-height:420px;transition:opacity .3s}.dossier-info-col{-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.75rem;display:flex;overflow-y:auto}.dossier-header{border-bottom:1px solid var(--border-subtle);padding-bottom:.6rem;padding-right:2.5rem}.dossier-roman{color:var(--border-gold);letter-spacing:2px;text-transform:uppercase;font-family:Cinzel,serif;font-size:.8rem}.dossier-title{color:var(--text-gold);margin-top:.2rem;font-family:Cinzel,serif;font-size:1.5rem;line-height:1.25}.dossier-desc-box{color:#dbe4f0;white-space:pre-line;margin-top:1rem;padding:1.2rem;font-size:.95rem;font-style:italic;line-height:1.6}.dossier-controls{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.modal-close-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:40px;height:40px;color:var(--text-dim);cursor:pointer;z-index:10;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#090a14b3;border:1px solid #c9a86a4d;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close-btn:hover{color:var(--text-gold);border-color:var(--border-gold);background:#c9a86a26}.modal-close-btn:active{transform:scale(.92)}#auth-modal .dossier-card{flex-direction:column;gap:1rem;max-width:400px;min-height:auto;padding:1.75rem;display:flex}#auth-modal .search-box{width:100%}#player-modal .dossier-card{grid-template-columns:220px 1fr;max-width:740px}.player-avatar-box{text-align:center;flex-direction:column;align-items:center;gap:.8rem;width:100%;display:flex}.player-avatar-circle{border:2px solid var(--border-gold);background:#090a14;border-radius:50%;width:86px;height:86px;overflow:hidden}.player-avatar-circle img{object-fit:cover;width:100%;height:100%}.player-stat-grid{border:1px solid var(--border-subtle);background:#00000040;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.75rem;display:grid}.player-stat-item{flex-direction:column;gap:.15rem;display:flex}.player-stat-label{color:var(--text-dim);text-transform:uppercase;font-size:.7rem}.player-stat-val{color:var(--text-light);font-size:.88rem;font-weight:600}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.5rem;margin-top:.4rem;display:grid}.showcase-item{border:1px solid var(--border-subtle);text-align:center;background:#ffffff0a;border-radius:6px;padding:.3rem .2rem;font-size:.7rem}.showcase-item .cons-tag{color:var(--text-gold);font-weight:700}.modal-toast{bottom:calc(20px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-gold);z-index:1200;pointer-events:none;text-align:center;background:#0d101df5;border-radius:10px;align-items:center;gap:.5rem;width:auto;max-width:calc(100vw - 32px);padding:.65rem 1rem;font-size:.82rem;font-weight:500;animation:.28s cubic-bezier(.16,1,.3,1) toastSlideUp;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #000000b3}.modal-toast.warning{color:var(--color-warning);border-color:#fbbf2480}.modal-toast.success{color:var(--color-surplus);border-color:#4ade8080}.modal-toast.error{color:var(--color-zero);border-color:#f8717180}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (width<=768px){body{padding:.75rem .5rem calc(1.75rem + env(safe-area-inset-bottom))}header{margin-bottom:.65rem}.title{margin-bottom:.15rem;font-size:clamp(1.3rem,6vw,1.8rem)}.subtitle{padding:0;font-size:.78rem}.uid-bar{gap:.45rem;margin-bottom:.65rem;padding:.55rem .65rem}.uid-info{gap:.3rem;font-size:.82rem}.uid-profile-trigger{gap:.3rem;padding:0}.uid-name{font-size:.85rem}.uid-id-label{color:var(--text-dim);font-size:.72rem}.badge-chip{padding:1px 5px;font-size:.65rem}.uid-actions{flex-wrap:wrap;gap:.35rem;width:100%;display:flex}.uid-actions .btn{white-space:nowrap;flex:auto;min-height:32px;padding:.3rem .45rem;font-size:.76rem}.uid-actions .btn-lang{flex:none}.dashboard{margin-bottom:.75rem;padding:.65rem .75rem}.progress-labels{margin-bottom:.3rem;font-size:.78rem}.progress-count{font-size:.88rem}.progress-copies{font-size:.72rem}.progress-bar-container{height:5px;margin-bottom:.55rem}.tools-section{flex-direction:column;gap:.4rem}.filters-group{gap:.3rem;width:100%}.btn-filter{flex:1;min-height:32px;padding:.3rem .2rem;font-size:.78rem}.search-box{width:100%;min-width:0;min-height:32px;padding:.35rem .65rem;font-size:.82rem}.cards-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.card-img-wrap{max-height:180px}.card-info{gap:.4rem;padding:.65rem}.card-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.card-controls{flex-direction:column;align-items:stretch;gap:.4rem}.status-tag{text-align:center}.card-controls .counter-box{justify-content:space-between;width:100%}.counter-btn{flex:1;height:34px}.compare-header,.add-uid-bar{flex-direction:column;align-items:stretch}.add-uid-bar .search-box{flex:auto;width:100%}.add-uid-bar form{justify-content:center}.matrix-sticky-img{width:36px!important;min-width:36px!important;max-width:36px!important;padding:.4rem .2rem!important}.matrix-card-img{width:22px;height:30px}.matrix-sticky-name{z-index:1!important;width:auto!important;min-width:110px!important;max-width:none!important;padding:.45rem .4rem!important;position:static!important;left:auto!important}thead th.matrix-sticky-name{z-index:1!important;position:static!important}.matrix-card-info{font-size:.78rem}.matrix-roman{font-size:.75rem}.matrix-name{font-size:.78rem}.matrix-player-col{min-width:75px;font-size:.75rem;padding:.45rem .3rem!important}.matrix-table td{padding:.45rem .3rem}.qty-tag{min-width:24px;padding:.15rem .35rem;font-size:.74rem}.dossier-card{border-radius:14px;flex-direction:column;max-height:88dvh;margin:auto 0;display:flex}#player-modal .dossier-card{grid-template-columns:1fr;max-height:85dvh}.modal-close-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090a14bf;width:44px;height:44px;top:8px;right:8px}.dossier-img-col{border-right:none;border-bottom:1px solid var(--border-subtle);background:radial-gradient(circle,#141829 0%,#090a14 100%);flex-shrink:0;max-height:190px;padding:.75rem}.dossier-img{border:none;max-height:160px}.dossier-info-col{-webkit-overflow-scrolling:touch;gap:.85rem;padding:.9rem 1rem;overflow-y:auto}.dossier-header{padding-right:.5rem}.dossier-title{font-size:1.25rem}.dossier-desc-box{margin-top:.6rem;padding:.85rem;font-size:.85rem}.dossier-controls{margin-top:auto;padding-top:.75rem}.player-stat-grid{grid-template-columns:1fr 1fr}}@media (width<=380px){.cards-grid{grid-template-columns:1fr}.card-img-wrap{max-height:240px}.uid-actions .btn{padding:.25rem .35rem;font-size:.72rem}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}