/* BG Home redesign - dashboard/cards/sleeves */
:root{--bg:#08101c;--bg2:#0c1422;--panel:#121b2c;--panel2:#172236;--text:#edf4ff;--muted:#9fb0c9;--line:rgba(255,255,255,.11);--soft:rgba(255,255,255,.055);--accent:#7c5cff;--accent2:#18d39e;--warn:#f7a928;--bad:#ff6262;--shadow:0 20px 60px rgba(0,0,0,.34);--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(124,92,255,.18),transparent 34rem),radial-gradient(circle at top right,rgba(24,211,158,.12),transparent 28rem),linear-gradient(180deg,var(--bg),#050914);color:var(--text)}a{color:inherit;text-decoration:none}.emoji-fallback{display:none}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;border-right:1px solid var(--line);background:rgba(5,10,18,.68);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-weight:950;font-size:1.1rem;margin-bottom:24px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#29d5a4);box-shadow:0 12px 34px rgba(124,92,255,.35)}.nav-links{display:flex;flex-direction:column;gap:7px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:13px;color:var(--muted);font-weight:800}.nav-link:hover,.nav-link.active{background:rgba(124,92,255,.16);color:var(--text)}.nav-link i{width:20px;text-align:center}.main{min-width:0;padding:24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{font-size:.86rem;color:var(--muted);font-weight:800}.page-title{font-size:2rem;line-height:1.1;margin:4px 0 4px}.muted,.small{color:var(--muted)}.small{font-size:.88rem}.actions-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn,.pill,button{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:var(--text);border-radius:13px;padding:10px 13px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:8px;width:auto}.btn.primary{background:linear-gradient(135deg,var(--accent),#315dff);border-color:rgba(255,255,255,.18)}.btn.good{background:linear-gradient(135deg,#0ba879,#15c79a)}.btn.danger{background:linear-gradient(135deg,#ba3845,#ff6262)}.btn:hover,.pill:hover,button:hover{border-color:rgba(255,255,255,.26);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.panel,.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:16px}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.stat{padding:15px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.055);display:flex;gap:12px;align-items:center}.stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(124,92,255,.18);color:#b6a7ff}.stat.good .stat-icon{background:rgba(24,211,158,.16);color:#54ffc9}.stat.warn .stat-icon{background:rgba(247,169,40,.17);color:#ffc46b}.stat.bad .stat-icon{background:rgba(255,98,98,.16);color:#ff8d8d}.stat strong{font-size:1.35rem;display:block}.toolbar{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(5,minmax(120px,1fr));gap:10px;margin:14px 0}.input,.select,input,select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:rgba(6,12,22,.72);color:var(--text);padding:11px 12px;outline:none}textarea{resize:vertical}label{display:block;color:var(--muted);font-size:.9rem;font-weight:800;margin-bottom:6px}input:focus,select:focus,textarea:focus{border-color:rgba(124,92,255,.65);box-shadow:0 0 0 4px rgba(124,92,255,.16)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.game-card{position:relative;overflow:hidden}.cover{aspect-ratio:16/10;background:#0a0f1a;overflow:hidden;border-radius:17px 17px 0 0}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover.placeholder{display:grid;place-items:center;color:var(--muted)}.game-body{padding:12px}.game-title{font-weight:950;line-height:1.25;margin-bottom:5px}.badge-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:900;background:rgba(255,255,255,.055);color:var(--muted)}.badge.good{color:#65ffc8;background:rgba(24,211,158,.12);border-color:rgba(24,211,158,.26)}.badge.warn{color:#ffc56d;background:rgba(247,169,40,.13);border-color:rgba(247,169,40,.25)}.badge.bad{color:#ff9797;background:rgba(255,98,98,.12);border-color:rgba(255,98,98,.25)}.badge.neutral{color:#c6d0df}.type-pill.is-expansion{color:#d7bbff;background:rgba(124,92,255,.15)}.type-pill.is-component{color:#ffc16c;background:rgba(247,169,40,.13)}.game-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.icon-btn{width:34px;height:34px;padding:0;border-radius:11px;display:grid;place-items:center;background:rgba(5,10,18,.72);backdrop-filter:blur(8px)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.data-table{width:100%;border-collapse:collapse;min-width:860px}.data-table th,.data-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-size:.83rem;text-transform:uppercase;letter-spacing:.04em;background:rgba(0,0,0,.18)}.data-table tr:hover td{background:rgba(255,255,255,.035)}.notice{padding:12px 14px;border:1px solid rgba(24,211,158,.28);background:rgba(24,211,158,.08);border-radius:14px;margin:12px 0}.notice.warn{border-color:rgba(247,169,40,.32);background:rgba(247,169,40,.1)}.notice.bad{border-color:rgba(255,98,98,.34);background:rgba(255,98,98,.1)}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.check-card{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:11px;background:rgba(255,255,255,.045)}.check-card input{width:auto;margin-top:2px}.mobile-top{display:none}.mobile-nav{display:none}.sleeve-calc-row{display:grid;grid-template-columns:auto minmax(0,1fr) 110px 110px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.sleeve-calc-row:last-child{border-bottom:0}.sleeve-calc-row input[type=checkbox]{width:auto}.total-box{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border-radius:14px;background:rgba(24,211,158,.09);border:1px solid rgba(24,211,158,.22);margin-top:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tab{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid var(--line);font-weight:900}.tab.active{background:rgba(124,92,255,.18);border-color:rgba(124,92,255,.35)}.detail-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}.detail-cover{border-radius:18px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid var(--line)}.detail-cover img{width:100%;display:block}.list-chips{display:flex;gap:8px;flex-wrap:wrap}.list-chip-form{margin:0}.list-chip-form input{width:auto}.clear-box{border-color:rgba(255,98,98,.32);background:rgba(255,98,98,.08)}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-top{display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(5,10,18,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.mobile-nav{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;background:rgba(5,10,18,.55);border-bottom:1px solid var(--line)}.mobile-nav .nav-link{white-space:nowrap;padding:9px 11px}.main{padding:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{grid-template-columns:1fr 1fr}.two-col,.detail-hero{grid-template-columns:1fr}.detail-cover{max-width:220px}.form-grid{grid-template-columns:1fr}.span-12,.span-8,.span-6,.span-4,.span-3{grid-column:auto}.sleeve-calc-row{grid-template-columns:auto minmax(0,1fr);}.sleeve-calc-row .calc-count,.sleeve-calc-row .calc-result{text-align:right}.data-table{min-width:720px}}@media(max-width:620px){.page-title{font-size:1.55rem}.stats{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.grid-cards{grid-template-columns:1fr}.actions-row .btn{flex:1;justify-content:center}.main{padding:12px}.panel{padding:12px}.data-table{min-width:640px}.game-card{display:grid;grid-template-columns:96px minmax(0,1fr)}.game-card .cover{border-radius:17px 0 0 17px;aspect-ratio:1/1;height:100%}.game-card .game-actions{right:6px;top:6px}.game-body{padding-right:46px}.badge-row{gap:5px}.badge{font-size:.72rem}.sleeve-calc-row{font-size:.92rem}}

/* Fix 2 additions: redesigned utility pages and cover thumbs */
.page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.feature-card{border:1px solid var(--line);border-radius:17px;padding:14px;background:rgba(255,255,255,.045)}.feature-card .feature-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(124,92,255,.17);color:#b6a7ff;margin-bottom:10px}.form-panel{padding:16px}.result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.045);margin:8px 0;cursor:pointer;font-weight:850}.result:after{content:'Select';font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 8px}.result:hover{border-color:rgba(124,92,255,.45);background:rgba(124,92,255,.11)}.selected-cover{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center}.selected-cover img{width:110px;height:78px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05)}.helper-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.helper-strip .badge{font-size:.82rem}.spin-wrap{margin-top:16px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at top left,rgba(124,92,255,.18),transparent 22rem),linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));padding:24px;box-shadow:var(--shadow);text-align:center}.spin-title{color:var(--muted);font-weight:900;margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.spin-slot{font-size:clamp(1.5rem,4vw,3.4rem);font-weight:950;line-height:1.08;min-height:4.2rem;display:grid;place-items:center}.spin-slot.is-spinning{filter:blur(.2px)}.spin-result{margin-top:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.chip-toggle{display:inline-flex;align-items:center;gap:8px;margin:0;border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.045);color:var(--text)}.chip-toggle input{width:auto}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.share-link{display:flex;align-items:center;gap:8px;min-width:0}.share-link code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:10px;padding:8px;color:var(--muted);display:block;min-width:0}.cover img,.game-card .cover img{height:100%;object-fit:cover}.cover{min-height:150px}.game-card .cover{height:160px;aspect-ratio:auto}.compact-list{display:grid;gap:10px}.compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.045)}.compact-row-title{font-weight:950}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.copy-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}.thumb-note{font-size:.82rem;color:var(--muted);margin-top:8px}.cover-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:900px){.feature-grid,.share-grid,.cover-tool-grid{grid-template-columns:1fr}.selected-cover{grid-template-columns:82px minmax(0,1fr)}.selected-cover img{width:82px;height:82px}.game-card .cover{height:112px;min-height:112px}}@media(max-width:620px){.compact-row{grid-template-columns:1fr}.copy-field{grid-template-columns:1fr}.spin-wrap{padding:18px}.game-card .cover{height:auto;min-height:96px}.feature-card{padding:12px}}

/* Fix 3: collection thumbnails, game cover preview and redesigned edit page */
.grid-cards .game-card{min-height:0 !important;}
.grid-cards .game-card > .cover,
.grid-cards .game-card a.cover{
  height:150px !important;
  min-height:150px !important;
  aspect-ratio:auto !important;
  display:block;
}
.grid-cards .game-card > .cover img,
.grid-cards .game-card a.cover img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block;
}
.detail-cover{max-width:210px; padding:0; border-radius:18px; overflow:hidden;}
.detail-cover a{display:block;}
.detail-cover img{width:100%; height:auto; max-height:260px; object-fit:cover; display:block;}
.detail-cover .thumb-note{padding:8px 10px; background:rgba(0,0,0,.18);}
.edit-game-panel{padding:18px;}
.edit-layout{display:grid; grid-template-columns:230px minmax(0,1fr); gap:18px; align-items:start;}
.edit-cover-card{border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.045); padding:14px;}
.edit-cover-preview{width:100%; max-height:300px; object-fit:cover; border-radius:14px; border:1px solid var(--line); display:block; background:rgba(0,0,0,.22);}
.edit-cover-card input[type=file]{margin-top:8px; padding:10px;}
@media(max-width:900px){
  .edit-layout{grid-template-columns:1fr;}
  .edit-cover-card{max-width:260px;}
}
@media(max-width:620px){
  .grid-cards .game-card > .cover,
  .grid-cards .game-card a.cover{height:96px !important; min-height:96px !important; border-radius:17px 0 0 17px;}
  .detail-cover{max-width:190px;}
}

.import-progress{margin-top:18px}
.import-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.progressbar{height:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin:12px 0 16px}
.progressbar span{display:block;height:100%;background:linear-gradient(90deg,#6d5dfc,#2bd4bd);border-radius:999px;transition:width .25s ease}
.import-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}
@media (max-width: 800px){.import-progress-head{display:block}.import-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rename-size-box{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(15,23,42,.42)}
.rename-size-box label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.86rem}.rename-size-box .small{grid-column:1/-1}@media(max-width:820px){.rename-size-box{grid-template-columns:1fr}.rename-size-box .btn{width:100%}}

/* Sleeve overview live/grouped refinements */
.data-table tr.is-selected-row td{background:rgba(124,92,255,.10);}
.sleeve-live-area.is-loading{opacity:.68; pointer-events:none;}
.sleeve-live-area .panel + .panel{margin-top:16px;}

/* Game detail related sleeve lookup */
.sleeve-row-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mini-action{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:var(--text);border-radius:999px;padding:6px 9px;font-weight:800;font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.mini-action:hover,.mini-action.is-active{background:rgba(124,92,255,.22);border-color:rgba(124,92,255,.55)}
.related-sleeve-panel{margin-top:14px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(15,23,42,.42);padding:14px}
.related-sleeve-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.related-sleeve-head h3{margin:0 0 4px;font-size:1.05rem}
.related-sleeve-list{display:grid;gap:8px}
.related-sleeve-game{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:14px}
.related-sleeve-game:hover{background:rgba(124,92,255,.12);border-color:rgba(124,92,255,.35)}
.related-sleeve-thumb{width:54px;height:42px;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.22);display:grid;place-items:center;border:1px solid rgba(255,255,255,.08)}
.related-sleeve-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.related-sleeve-count{text-align:right;min-width:60px}
@media(max-width:720px){.related-sleeve-head{display:block}.related-sleeve-head .btn{margin-top:10px}.related-sleeve-game{grid-template-columns:46px minmax(0,1fr);}.related-sleeve-count{grid-column:2;text-align:left}.sleeve-row-links{display:grid;grid-template-columns:1fr}.mini-action{justify-content:center}}


/* Fix 11: mobile collection compaction, public sharing, auth and invites */
.auth-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(124,92,255,.22),transparent 28rem),linear-gradient(135deg,#050914,#0b1524 55%,#07221f);padding:18px;color:var(--text)}
.auth-shell{max-width:980px;margin:7vh auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.auth-hero{display:flex;flex-direction:column;justify-content:center;min-height:360px}.auth-brand{margin-bottom:28px}.auth-card-new{align-self:center}.auth-card-new .form-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.auth-card-new input{width:100%}
.public-page{background:radial-gradient(circle at top left,rgba(124,92,255,.14),transparent 28rem),linear-gradient(135deg,#050914,#0b1524 55%,#061d1c);min-height:100vh;color:var(--text)}.public-shell{max-width:1440px;margin:0 auto;padding:18px}.public-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:12px;border:1px solid var(--line);background:rgba(8,13,24,.78);border-radius:22px;backdrop-filter:blur(14px)}.public-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.public-links .active{background:rgba(124,92,255,.22);border-color:rgba(124,92,255,.45)}.public-hero{margin-bottom:14px}.public-filters{margin-bottom:16px}.public-grid{margin-top:16px}.public-game-card .cover{height:140px;min-height:140px}.public-game-card .game-actions{display:none}.invite-list code{font-size:1rem;color:#dbeafe}.check-card input[type=checkbox]{width:auto;min-width:18px}.copy-field button.btn{white-space:nowrap}
@media(max-width:820px){.auth-shell{grid-template-columns:1fr;margin:0 auto}.auth-hero{min-height:auto}.public-header{align-items:flex-start}.public-links{width:100%;justify-content:flex-start}.public-header{display:grid}.public-shell{padding:12px}}
@media(max-width:620px){
  .mobile-top{padding:8px 12px}.mobile-top .brand-mark{width:36px;height:36px;border-radius:13px}.mobile-top .brand span:last-child{font-size:1rem}.mobile-top .btn{padding:8px 10px;font-size:.86rem}.mobile-nav{padding:6px 12px;gap:6px}.mobile-nav .nav-link{padding:7px 9px;font-size:.82rem}.main{padding:10px}
  .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;margin-bottom:10px}.topbar .eyebrow{font-size:.74rem}.page-title{font-size:1.35rem;line-height:1.08}.topbar .small{font-size:.86rem;line-height:1.22}.topbar .actions-row{display:grid;grid-template-columns:1fr;gap:7px;min-width:118px}.topbar .actions-row .btn{padding:9px 10px;border-radius:14px;font-size:.84rem;line-height:1.1}
  #collection-stats.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}.stats .stat{padding:10px;min-height:64px;border-radius:18px}.stat-icon{width:38px;height:38px;border-radius:13px}.stat strong{font-size:1.25rem}.stat .small{font-size:.78rem}.live-collection-filter.panel{padding:10px;border-radius:18px}.toolbar{gap:8px}.toolbar input,.toolbar select{min-height:42px}.live-collection-filter .actions-row{gap:8px}.live-collection-filter .actions-row input{max-width:none!important;flex:1;min-width:0}.live-collection-filter .actions-row .btn{flex:0 0 auto}.grid-cards{margin-top:10px!important}
  .public-game-card .cover{height:105px;min-height:105px}.public-links .btn{flex:1;justify-content:center}.auth-page{padding:12px}.auth-shell{gap:12px}.auth-hero,.auth-card-new{padding:14px}
}
@media(max-width:390px){#collection-stats.stats{grid-template-columns:1fr}.topbar{grid-template-columns:1fr}.topbar .actions-row{grid-template-columns:1fr 1fr}.page-title{font-size:1.25rem}}

.cardset-manager .card-count-input{max-width:110px;font-weight:900;text-align:center}.compact-actions{gap:8px;flex-wrap:nowrap}.btn-danger{border-color:rgba(255,98,98,.35)!important;background:rgba(255,98,98,.10)!important}.btn-danger:hover{background:rgba(255,98,98,.18)!important}.data-table tr.is-muted-row td{opacity:.55}@media(max-width:760px){.compact-actions{display:grid;grid-template-columns:1fr}.cardset-manager .card-count-input{max-width:100%;width:100%}}
.inline-status{margin:12px 0 0 0}
.js-reimport-sleeves[disabled]{opacity:.72;cursor:wait}

.remove-game-form{margin:0;display:inline-flex}.remove-game-form .btn{white-space:nowrap}@media(max-width:620px){.remove-game-form{width:100%}.remove-game-form .btn{width:100%;justify-content:center}}

/* Manual card-set add form */
.add-cardset-form{margin:12px 0 16px;padding:14px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(15,23,42,.45)}
.add-cardset-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(110px,.35fr) minmax(180px,1fr) auto;gap:12px;align-items:end}
.add-cardset-grid label span{display:block;margin:0 0 6px;color:#b9c8e6;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.add-cardset-grid input{width:100%;min-height:42px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#07111f;color:#f8fafc;padding:0 12px;font-weight:700}
.add-cardset-grid .align-end{align-self:end}
.cardset-empty{margin-top:12px}
@media (max-width: 760px){.add-cardset-grid{grid-template-columns:1fr}.add-cardset-grid .btn{width:100%}}

/* Fix 24: completed import A-Z game list */
.import-game-list{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.10)}
.import-game-list h3{margin:0 0 6px;font-size:1.05rem;display:flex;align-items:center;gap:8px}
.import-game-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:12px;max-height:420px;overflow:auto;padding-right:4px}
.import-game-chip{display:block;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);color:var(--text);text-decoration:none;font-weight:700;line-height:1.25}
.import-game-chip:hover{background:rgba(124,92,255,.14);border-color:rgba(124,92,255,.35);transform:translateY(-1px)}
@media(max-width:720px){.import-game-list-grid{grid-template-columns:1fr;max-height:320px}}

.import-game-comma-list{line-height:1.8;font-size:0.95rem;margin:10px 0 0;word-break:normal;overflow-wrap:anywhere}
.import-game-comma-list a{color:#dce8ff;text-decoration:none;font-weight:700}
.import-game-comma-list a:hover{text-decoration:underline}
.sleeve-import-panel{margin-top:16px}
.sleeve-version-review{margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
.version-card{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(8,14,25,.42);padding:14px;margin:12px 0}
.version-card h4{margin:0 0 10px;color:#fff}
.version-choice{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin:8px 0;background:rgba(255,255,255,.03);cursor:pointer}
.version-choice:hover{background:rgba(124,92,255,.12)}
.version-choice input{margin-top:4px}
.version-choice small{color:#aebdda}

/* Stage 28 additions */
.stack-list{display:flex;flex-direction:column;gap:10px}.mini-row{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035)}.code-block{white-space:pre-wrap;max-height:260px;overflow:auto;background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:14px;padding:12px}.is-muted-row{opacity:.58}.fa-kickstarter-k{color:inherit}.admin-pill{display:inline-flex;align-items:center;gap:6px}.form-grid .check-card{height:100%}.data-table input[type="number"]{min-width:70px}.danger,.btn.danger{border-color:rgba(255,122,122,.45);color:#ffd0d0}.btn-danger{border-color:rgba(255,122,122,.45);color:#ffd0d0}
@media (max-width: 720px){.topbar .actions-row{justify-content:flex-start}.data-table{font-size:.92rem}.public-links{gap:6px;flex-wrap:wrap}.form-grid .span-6,.form-grid .span-4,.form-grid .span-3,.form-grid .span-2{grid-column:span 12!important}}

/* Stage 31 sleeve version choices */
.version-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px}
.version-choice{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(170,190,230,.18);border-radius:14px;background:rgba(5,12,24,.38)}
.version-choice input{margin-top:4px;accent-color:#6f5cff}.version-choice span{line-height:1.35}.version-choice small{color:var(--muted)}
.version-card.warn{border-color:rgba(255,190,90,.35);background:rgba(255,170,40,.08)}
.sleeve-version-box{border-color:rgba(111,92,255,.28)}

/* Fix 37: cleaner sleeve version/customise controls */
.sleeve-requirements-panel .section-head,
.sleeve-version-box .section-head {
  align-items: flex-start;
  gap: 14px;
}
.version-choice-grid-improved {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
.version-choice.improved {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 16px;
  background: rgba(15,23,42,.58);
  min-height: 92px;
}
.version-choice.improved:has(input:checked) {
  border-color: rgba(124,92,255,.72);
  background: linear-gradient(135deg, rgba(124,92,255,.20), rgba(20,184,166,.10));
}
.version-choice.improved input {
  margin-top: 3px;
}
.version-choice.improved strong {
  display: block;
  line-height: 1.25;
}
.cardset-manager[hidden],
.sleeve-version-box[hidden] { display: none !important; }
@media (max-width: 720px) {
  .sleeve-requirements-panel .section-head { flex-direction: column; }
  .sleeve-requirements-panel .actions-row { width: 100%; }
  .sleeve-requirements-panel .actions-row .btn { flex: 1; justify-content: center; }
}

/* Fix 39: clearer separated import workflows */
.import-step-card .section-head h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.step-pill{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#3867ff);color:#fff;font-weight:900;font-size:.95rem;box-shadow:0 8px 24px rgba(90,91,255,.25)}
.collection-import-card{border-color:rgba(88,166,255,.25)}
.sleeve-import-panel{border-color:rgba(124,92,255,.34)}
.sleeve-version-review .actions-row{margin:10px 0 14px}
.version-card .version-choice{margin-top:8px}

/* Fix 43: clearer sleeve import review layout */
.sleeve-version-review{margin-top:18px;padding:18px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:rgba(15,23,42,.72)}
.review-subtitle{margin:18px 0 10px;font-size:1rem;color:#eaf2ff;display:flex;gap:8px;align-items:center}.review-subtitle.warn{color:#ffd98a}
.version-review-list{display:grid;gap:14px}.version-review-card{border:1px solid rgba(139,92,246,.32);border-radius:16px;background:linear-gradient(135deg,rgba(88,28,135,.18),rgba(15,23,42,.82));padding:14px}.version-review-card h5{margin:0 0 12px;font-size:1rem}.sleeve-version-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.sleeve-version-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:rgba(2,6,23,.38);cursor:pointer}.sleeve-version-option:hover{border-color:rgba(129,140,248,.55);background:rgba(49,46,129,.26)}.sleeve-version-option input{margin-top:4px}.version-option-body{display:flex;flex-direction:column;gap:3px;line-height:1.35}.version-option-body small{color:#a9bad7}.no-sleeve-list{display:grid;gap:8px}.no-sleeve-row{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:12px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.08)}.no-sleeve-row span{color:#c8d5ef;font-size:.9rem}@media(max-width:720px){.sleeve-version-options{grid-template-columns:1fr}.no-sleeve-row{display:block}.version-review-card{padding:12px}}

/* Fix 44: sleeve review grouping */
.review-group-title{
  margin:16px 0 8px;
  font-size:0.95rem;
  letter-spacing:.02em;
  color:var(--muted, #aebbd0);
}
.version-review-card.single-version{
  border-color:rgba(74,222,128,.28);
}
.version-review-card.multi-version{
  border-color:rgba(251,191,36,.32);
}
.warn-text{ color:#fbbf24; }

/* Fix 45: compact BGG sleeve edition review */
.sleeve-choice-list{display:grid;gap:12px;margin:14px 0}
.sleeve-choice-game{border:1px solid rgba(255,255,255,.12);background:rgba(8,13,26,.48);border-radius:16px;padding:14px}
.sleeve-choice-game h5{margin:0 0 10px;font-size:1rem}
.sleeve-choice-options{display:grid;gap:7px}
.sleeve-choice-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.03);cursor:pointer}
.sleeve-choice-row:hover{background:rgba(124,92,255,.10);border-color:rgba(124,92,255,.35)}
.sleeve-choice-title{font-weight:700;color:var(--text)}
.sleeve-choice-count{font-size:.86rem;color:var(--muted);white-space:nowrap}
.no-sleeve-list.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px}
.no-sleeve-list.compact .no-sleeve-row{padding:9px 10px;border-radius:12px}
@media(max-width:700px){.sleeve-choice-row{grid-template-columns:auto 1fr}.sleeve-choice-count{grid-column:2;white-space:normal}}

/* Fix 46: compact sleeve version review */
.sleeve-choice-list.compact{display:grid;gap:12px;margin-top:12px}
.sleeve-choice-game.compact{border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:14px;background:rgba(15,23,42,.46)}
.sleeve-choice-game.compact h5{margin:0 0 8px;font-size:1rem}
.sleeve-choice-options.compact{display:grid;gap:7px}
.sleeve-choice-row.compact{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:rgba(2,6,23,.35)}
.sleeve-choice-row.compact .sleeve-choice-title{font-weight:800}
.sleeve-choice-row.compact .sleeve-choice-count{font-size:.85rem;color:var(--muted,#9fb0cc);white-space:nowrap}
.small-badge{font-size:.72rem;padding:2px 7px;margin-left:6px;vertical-align:middle}
@media (max-width:700px){.sleeve-choice-row.compact{grid-template-columns:auto 1fr}.sleeve-choice-row.compact .sleeve-choice-count{grid-column:2;white-space:normal}}


/* Game detail v2 - scoped page redesign */
.game-detail-v2{--gd-card:rgba(10,19,33,.78);--gd-card2:rgba(15,27,45,.68);--gd-border:rgba(148,163,184,.17);--gd-border-strong:rgba(45,212,191,.36);--gd-teal:#22f2df;--gd-purple:#9b7cff;--gd-red:#ff5570;--gd-orange:#f59e0b;display:block;max-width:1560px;margin:0 auto}
.gd-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}
.gd-back{display:inline-flex;align-items:center;gap:8px;color:var(--gd-teal);font-weight:900}
.gd-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gd-title-row{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}
.gd-title{font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.05;margin:0 0 10px;color:#fff;letter-spacing:-.04em}
.gd-badges .badge{padding:7px 12px;font-size:.86rem}
.gd-hero{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;align-items:stretch;margin-bottom:18px}
.gd-cover-card,.gd-card,.gd-overview-card{border:1px solid var(--gd-border);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.026));border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.26);overflow:hidden}
.gd-cover-card{padding:0;background:rgba(3,8,16,.42)}
.gd-cover-card a,.gd-cover-card img{display:block;width:100%;height:100%}
.gd-cover-card img{object-fit:cover;min-height:295px}
.gd-overview-card{padding:18px;display:flex;flex-direction:column;gap:14px}
.gd-section-head h2,.gd-card h2{margin:0;font-size:1.22rem;display:flex;align-items:center;gap:10px}
.gd-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gd-stat{border:1px solid var(--gd-border);background:rgba(6,14,26,.58);border-radius:17px;padding:16px;min-height:122px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px}
.gd-stat i{font-size:1.45rem;color:var(--gd-purple)}
.gd-stat:nth-child(2) i{color:#55b7ff}.gd-stat:nth-child(3) i{color:#ffb066}.gd-stat:nth-child(4) i{color:#93a5ff}
.gd-stat span{font-size:.88rem;color:#cbd5e1;font-weight:800}.gd-stat strong{display:block;font-size:1.65rem;color:#fff}.gd-stat small{color:var(--muted);font-size:.8rem}.gd-stat a{color:var(--gd-teal)}
.gd-bgg-summary{position:relative;border:1px solid var(--gd-border);background:rgba(7,15,28,.72);border-radius:17px;padding:16px 18px}
.gd-bgg-title{font-size:1.05rem;font-weight:950;color:#fff;display:flex;align-items:center;gap:10px}.gd-bgg-title i{color:#ff5b24}
.gd-bgg-link{position:absolute;right:18px;top:17px;color:var(--gd-teal);font-weight:900;font-size:.9rem}
.gd-bgg-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:16px}
.gd-bgg-items>div{padding:0 15px;border-left:1px solid rgba(148,163,184,.22)}
.gd-bgg-items>div:first-child{border-left:0;padding-left:0}
.gd-bgg-items span{display:block;color:#b9c7dc;font-size:.86rem;margin-bottom:6px}.gd-bgg-items strong{font-size:1.35rem;color:#fff}.gd-bgg-items .fa-star{color:#ffd24a;font-size:.9rem}
.gd-grid{display:grid;grid-template-columns:1.08fr .74fr 1.08fr;gap:14px;align-items:start}
.gd-card{padding:18px;min-width:0}
.gd-about{grid-row:span 2}.gd-sleeves{grid-column:span 1}.gd-expansions,.gd-related,.gd-lists,.gd-notes{min-height:0}
.gd-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.gd-card-head h2{margin:0}.gd-card-head>a{color:var(--gd-teal);font-weight:900}
.gd-card h2 i{color:#c4b5fd}.gd-desc{color:#dbe7f7;line-height:1.55;margin:14px 0 8px}
.gd-details summary{display:inline-flex;align-items:center;gap:7px;color:var(--gd-teal);cursor:pointer;font-weight:900;list-style:none}.gd-details summary::-webkit-details-marker{display:none}.gd-details div{margin-top:10px;color:#dbe7f7;line-height:1.55}
.gd-info-list{display:grid;gap:10px;border-top:1px solid rgba(148,163,184,.14);margin-top:14px;padding-top:14px}
.gd-info-list>div{display:grid;grid-template-columns:24px 135px minmax(0,1fr);gap:9px;align-items:start;color:#dce8f7}
.gd-info-list i{color:#cbd5e1;margin-top:2px}.gd-info-list strong{color:#9bdcff}.gd-info-list span{min-width:0}
.gd-chipline{display:flex;gap:6px;flex-wrap:wrap}.gd-chip{display:inline-flex;align-items:center;border:1px solid rgba(155,124,255,.28);background:rgba(155,124,255,.12);color:#d8ccff;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:800}
.gd-sleeve-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.gd-sleeve-summary>div{border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:12px;background:rgba(255,255,255,.035)}
.gd-sleeve-summary span{display:block;color:#b9c7dc;font-size:.82rem;margin-bottom:5px}.gd-sleeve-summary strong{font-size:1.05rem;color:#fff}.gd-sleeve-summary strong.good{color:#61ffd0}.gd-sleeve-summary strong.warn{color:#ffcf78}.gd-sleeve-summary strong.bad{color:#ff8c9e}.gd-sleeve-summary strong.neutral{color:#cbd5e1}
.gd-sleeve-table{border:1px solid rgba(148,163,184,.14);border-radius:16px;overflow:visible;background:rgba(2,6,23,.24)}
.gd-sleeve-row{display:grid;grid-template-columns:minmax(0,1.35fr) 80px 155px 42px;gap:10px;align-items:center;position:relative;padding:11px 12px;border-top:1px solid rgba(148,163,184,.12)}
.gd-sleeve-row:first-child{border-top:0}.gd-sleeve-head{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#9fb0c9;font-weight:900;background:rgba(255,255,255,.035)}
.gd-sleeve-row strong{display:block;color:#fff}.gd-sleeve-row small{display:block;color:#9fb0c9;margin-top:2px}.gd-sleeve-note{grid-column:1/-1;color:#9fb0c9;font-size:.8rem;display:none}.gd-sleeve-note:not(:empty){display:block}
.gd-status{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:6px 9px;font-size:.8rem;font-weight:900;white-space:nowrap}
.gd-status-fully_sleeved{color:#3fffc4;background:rgba(34,242,223,.08);border-color:rgba(34,242,223,.24)}.gd-status-part_sleeved{color:#ffd078;background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.28)}.gd-status-not_sleeved{color:#ff8da0;background:rgba(255,85,112,.09);border-color:rgba(255,85,112,.26)}.gd-status-no_sleeves_needed{color:#c4b5fd;background:rgba(155,124,255,.10);border-color:rgba(155,124,255,.24)}
.gd-menu{position:relative;z-index:6}.gd-menu summary{width:36px;height:36px;border:1px solid var(--gd-border);border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.04);cursor:pointer;list-style:none}.gd-menu summary::-webkit-details-marker{display:none}
.gd-menu[open] summary{border-color:rgba(34,242,223,.4);color:var(--gd-teal)}
.gd-menu-list{position:absolute;right:0;top:42px;width:238px;z-index:30;border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:8px;background:#081321;box-shadow:0 18px 60px rgba(0,0,0,.46)}
.gd-menu-list button{width:100%;justify-content:flex-start;background:transparent;border:0;border-radius:10px;padding:9px 10px;color:#e6eefc;font-weight:850;transform:none}.gd-menu-list button:hover{background:rgba(124,92,255,.14);border:0;transform:none}.gd-menu-list hr{border:0;border-top:1px solid rgba(148,163,184,.16);margin:6px 0}
.gd-small-link{margin-top:12px;border:1px solid rgba(34,242,223,.28);background:rgba(34,242,223,.06);color:var(--gd-teal);border-radius:12px;padding:9px 12px;font-weight:900}
.gd-link-list{display:grid;gap:8px;margin-top:9px}.gd-card h3{font-size:.92rem;color:#7fffea;margin:14px 0 8px}.gd-not-owned-title{color:#ffb3c0!important}
.gd-linked{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.035);font-weight:850;color:#eaf2ff}.gd-linked i{flex:none}.gd-owned{background:rgba(34,242,223,.08);border-color:rgba(34,242,223,.24);color:#83fff1}.gd-external{background:rgba(155,124,255,.08);border-color:rgba(155,124,255,.22)}
.gd-lists,.gd-notes{min-height:142px}.gd-notes p{color:#dbe7f7;line-height:1.45;margin:10px 0 0}
.gd-hidden-tool{margin-top:16px}
@media(max-width:1250px){.gd-hero{grid-template-columns:320px minmax(0,1fr)}.gd-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-bgg-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gd-bgg-items>div{border-left:0;border-top:1px solid rgba(148,163,184,.14);padding:10px 0 0}.gd-grid{grid-template-columns:1fr 1fr}.gd-about{grid-row:auto}.gd-sleeves{grid-column:auto}.gd-notes{grid-column:span 2}}
@media(max-width:820px){.gd-topline{align-items:flex-start}.gd-actions{justify-content:flex-end}.gd-hero{grid-template-columns:1fr}.gd-cover-card{max-width:420px}.gd-cover-card img{min-height:0}.gd-overview-card{padding:14px}.gd-grid{grid-template-columns:1fr}.gd-notes{grid-column:auto}.gd-info-list>div{grid-template-columns:22px minmax(100px,.42fr) minmax(0,1fr)}}
@media(max-width:620px){.game-detail-v2{padding-bottom:74px}.gd-topline{display:block}.gd-back{margin-bottom:10px}.gd-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gd-actions .btn,.gd-actions .remove-game-form,.gd-actions .remove-game-form button{width:100%;justify-content:center}.gd-title{font-size:2.05rem}.gd-badges .badge{font-size:.78rem;padding:6px 9px}.gd-cover-card{max-width:none}.gd-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gd-stat{min-height:102px;padding:12px}.gd-stat strong{font-size:1.38rem}.gd-bgg-link{position:static;display:inline-flex;margin-top:6px}.gd-bgg-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.gd-bgg-items>div{padding-top:8px}.gd-card{padding:14px;border-radius:18px}.gd-info-list>div{grid-template-columns:22px 1fr;gap:7px}.gd-info-list>div strong{grid-column:2}.gd-info-list>div span{grid-column:2}.gd-sleeve-summary{grid-template-columns:1fr}.gd-sleeve-row{grid-template-columns:minmax(0,1fr) 56px 42px;gap:7px}.gd-sleeve-head{display:none}.gd-sleeve-row>div:nth-child(3){grid-column:1/3}.gd-row-menu{grid-column:3;grid-row:1/3;justify-self:end}.gd-menu-list{right:-4px;width:min(248px,calc(100vw - 36px))}.gd-sleeve-note{grid-column:1/4}.gd-linked{padding:9px 10px}.gd-card-head{align-items:flex-start}.gd-card-head h2{font-size:1.1rem}}

/* Game detail v2 refinements from live testing */
.game-detail-v2 .gd-cover-card{width:350px;max-width:350px;max-height:350px;min-height:0;display:grid;place-items:center;align-self:start;background:rgba(3,8,16,.42);overflow:visible}
.game-detail-v2 .gd-cover-card a{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:auto!important;max-width:350px;max-height:350px}
.game-detail-v2 .gd-cover-card img{width:auto!important;height:auto!important;max-width:350px!important;max-height:350px!important;object-fit:contain!important;min-height:0!important;border-radius:18px}
.game-detail-v2 .gd-hero{grid-template-columns:350px minmax(0,1fr);align-items:start}
.game-detail-v2 .gd-card,.game-detail-v2 .gd-overview-card,.game-detail-v2 .gd-sleeve-table,.game-detail-v2 .gd-sleeve-row{overflow:visible}
.game-detail-v2 .gd-stat{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:12px;min-height:96px}
.game-detail-v2 .gd-stat i{flex:0 0 34px;text-align:center;margin:0}
.game-detail-v2 .gd-stat span{display:flex;flex-direction:column;gap:2px;min-width:0}
.game-detail-v2 .gd-stat em{font-style:normal;color:#cbd5e1;font-size:.86rem;font-weight:850}
.game-detail-v2 .gd-stat strong{font-size:1.45rem;line-height:1.15}
.game-detail-v2 .gd-stat small{font-size:.78rem;line-height:1.2}
.game-detail-v2 .gd-bgg-items{grid-template-columns:repeat(5,minmax(0,1fr))}
.game-detail-v2 .gd-quick-lists{border:1px solid var(--gd-border);background:rgba(6,14,26,.50);border-radius:17px;padding:14px 16px;margin-top:0}
.game-detail-v2 .gd-quick-lists h2{font-size:1.05rem;margin:0 0 10px;display:flex;align-items:center;gap:9px}.game-detail-v2 .gd-quick-lists h2 i{color:#c4b5fd}
.game-detail-v2 .gd-grid{grid-template-columns:minmax(360px,.85fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"about sleeves sleeves" "about expansions related" "notes notes notes";overflow:visible}
.game-detail-v2 .gd-about{grid-area:about}.game-detail-v2 .gd-sleeves{grid-area:sleeves;z-index:12}.game-detail-v2 .gd-expansions{grid-area:expansions}.game-detail-v2 .gd-related{grid-area:related}.game-detail-v2 .gd-notes{grid-area:notes}
.game-detail-v2 .gd-desc-wrap .gd-desc-full{color:#dbe7f7;line-height:1.55;margin:14px 0 8px}
.game-detail-v2 .gd-text-toggle{border:0;background:transparent;color:var(--gd-teal);padding:0;margin-top:2px;font-weight:950;display:inline-flex;gap:7px;align-items:center;transform:none}
.game-detail-v2 .gd-text-toggle:hover{border:0;background:transparent;transform:none;text-decoration:underline}
.game-detail-v2 .gd-ellipsis{display:inline-flex;align-items:center;justify-content:center;border:0;background:rgba(124,92,255,.14);color:#d8ccff;border-radius:999px;padding:1px 7px;margin:0 3px;font-weight:950;line-height:1.25;cursor:pointer;transform:none;width:auto}
.game-detail-v2 .gd-ellipsis:hover{background:rgba(34,242,223,.12);color:var(--gd-teal);transform:none;border:0}.game-detail-v2 .gd-more-inline[hidden]{display:none!important}.game-detail-v2 .gd-more-inline{display:inline;gap:6px}.game-detail-v2 .gd-chipline .gd-more-inline{display:inline-flex;flex-wrap:wrap;gap:6px}
.game-detail-v2 .gd-menu{z-index:60}.game-detail-v2 .gd-menu[open]{z-index:120}.game-detail-v2 .gd-menu-list{z-index:9999;max-height:none}.game-detail-v2 .gd-sleeves .gd-menu-list,.game-detail-v2 .gd-sleeve-row .gd-menu-list{right:0;top:40px}.game-detail-v2 .gd-row-menu{justify-self:end}
.game-detail-v2 .gd-hidden-tool .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
@media(max-width:1250px){.game-detail-v2 .gd-hero{grid-template-columns:350px minmax(0,1fr)}.game-detail-v2 .gd-bgg-items{grid-template-columns:repeat(3,minmax(0,1fr))}.game-detail-v2 .gd-grid{grid-template-columns:1fr 1fr;grid-template-areas:"about about" "sleeves sleeves" "expansions related" "notes notes"}.game-detail-v2 .gd-about{grid-row:auto}}
@media(max-width:820px){.game-detail-v2 .gd-hero{grid-template-columns:1fr}.game-detail-v2 .gd-cover-card{width:auto;max-width:350px;max-height:none;margin:0 auto}.game-detail-v2 .gd-cover-card a,.game-detail-v2 .gd-cover-card img{max-width:100%!important;max-height:380px!important}.game-detail-v2 .gd-grid{grid-template-columns:1fr;grid-template-areas:"about" "sleeves" "expansions" "related" "notes"}}
@media(max-width:620px){.game-detail-v2 .gd-cover-card{max-width:100%}.game-detail-v2 .gd-cover-card img{max-height:360px!important}.game-detail-v2 .gd-stat-grid{grid-template-columns:1fr 1fr}.game-detail-v2 .gd-stat{min-height:82px;padding:11px;gap:9px}.game-detail-v2 .gd-stat i{flex-basis:26px;font-size:1.15rem}.game-detail-v2 .gd-stat strong{font-size:1.2rem}.game-detail-v2 .gd-bgg-items{grid-template-columns:repeat(2,minmax(0,1fr))}.game-detail-v2 .gd-quick-lists{padding:12px}.game-detail-v2 .gd-menu-list{position:absolute;right:0;width:min(264px,calc(100vw - 30px))}.game-detail-v2 .gd-sleeve-row{grid-template-columns:minmax(0,1fr) 58px 44px}.game-detail-v2 .gd-sleeve-row>div:nth-child(3){grid-column:1/3}.game-detail-v2 .gd-row-menu{grid-column:3;grid-row:1/3}.game-detail-v2 .gd-hidden-tool .section-head{flex-direction:column}.game-detail-v2 .gd-hidden-tool .section-head .btn{width:100%;justify-content:center}}


/* Game detail final polish: full cover, BGG icon, base-game/ellipsis refinements */
.game-detail-v2 .gd-hero{
  grid-template-columns:minmax(220px,350px) minmax(0,1fr);
  align-items:start;
}
.game-detail-v2 .gd-cover-card{
  width:auto;
  max-width:350px;
  max-height:350px;
  justify-self:start;
  align-self:start;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(3,8,16,.42);
}
.game-detail-v2 .gd-cover-card a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:auto;
}
.game-detail-v2 .gd-cover-card img{
  width:auto!important;
  height:auto!important;
  max-width:350px!important;
  max-height:350px!important;
  min-height:0!important;
  object-fit:contain!important;
}
.game-detail-v2 .gd-bgg-title{
  display:flex;
  align-items:center;
  gap:10px;
}
.game-detail-v2 .gd-bgg-icon{
  width:20px;
  height:20px;
  object-fit:contain;
  display:inline-block;
  flex:0 0 auto;
}
.game-detail-v2 .gd-ellipsis.is-less{
  margin-left:6px;
}
.game-detail-v2 .gd-chipline .gd-ellipsis.is-less{
  align-self:center;
}
.game-detail-v2 .gd-more-inline:not([hidden]) + .gd-ellipsis.is-less,
.game-detail-v2 .gd-more-inline:not([hidden]) ~ .gd-ellipsis.is-less{
  vertical-align:baseline;
}
@media(max-width:820px){
  .game-detail-v2 .gd-hero{grid-template-columns:1fr}
  .game-detail-v2 .gd-cover-card{
    max-width:min(100%,350px);
    max-height:350px;
    justify-self:start;
  }
  .game-detail-v2 .gd-cover-card img{
    max-width:min(100%,350px)!important;
    max-height:350px!important;
  }
}
@media(max-width:620px){
  .game-detail-v2 .gd-cover-card{
    width:100%;
    max-width:100%;
    max-height:350px;
  }
  .game-detail-v2 .gd-cover-card a{width:100%}
  .game-detail-v2 .gd-cover-card img{
    max-width:100%!important;
    max-height:350px!important;
  }
}

/* Admin reset/delete utilities */
.admin-delete-user{position:relative;min-width:130px}
.admin-delete-user summary{list-style:none;cursor:pointer}
.admin-delete-user summary::-webkit-details-marker{display:none}
.admin-delete-user[open] summary{border-color:rgba(255,98,98,.45)}
.admin-delete-user form{position:absolute;right:0;top:44px;z-index:20;width:240px;padding:12px;border:1px solid rgba(255,98,98,.35);border-radius:16px;background:#081321;box-shadow:0 18px 60px rgba(0,0,0,.45)}
.admin-delete-user form label{margin-bottom:6px}.admin-delete-user form input{margin-bottom:8px}
@media(max-width:720px){.admin-delete-user form{position:static;margin-top:8px;width:100%}}

/* Stage 4: clickable BGG attribute text links */
.game-detail-v2 .gd-attr-text{display:inline;line-height:1.65}
.game-detail-v2 .gd-attr-link{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(226,241,255,.34);transition:color .15s ease,border-color .15s ease}
.game-detail-v2 .gd-attr-link:hover{color:#c9fffb;border-bottom-color:rgba(34,242,223,.8)}
.game-detail-v2 .gd-sep{color:rgba(226,241,255,.38)}
.game-detail-v2 .gd-attr-text .gd-ellipsis{margin-left:4px}

/* Stage 4: attribute browsing */
.attribute-toolbar{grid-template-columns:minmax(260px,1fr) 220px auto auto;align-items:end}
.attribute-browser .tabs{margin-top:4px;margin-bottom:14px}
.attribute-table .attribute-name-link{font-weight:950;color:#edf4ff;text-decoration:none;border-bottom:1px dotted rgba(226,241,255,.28)}
.attribute-table .attribute-name-link:hover{color:#c9fffb;border-bottom-color:rgba(34,242,223,.75)}
.attribute-stats{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
@media(max-width:820px){.attribute-toolbar{grid-template-columns:1fr}.attribute-browser .tab{font-size:.88rem}.attribute-table{min-width:760px}}

/* Stage 5: enhanced search and pretty-url browsing */
.search-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.enhanced-search-form .form-grid{gap:12px}
.enhanced-search-main{grid-template-columns:repeat(6,minmax(0,1fr))}
.enhanced-search-main label:first-child{grid-column:span 2}
.enhanced-search-main label:nth-child(2){grid-column:span 2}
.enhanced-search-main label{grid-column:span 1}
.enhanced-attribute-box{margin-top:16px;border:1px solid rgba(226,241,255,.12);border-radius:18px;background:rgba(255,255,255,.035);padding:12px}
.enhanced-attribute-box>summary{cursor:pointer;font-weight:900;display:flex;gap:10px;align-items:center;list-style:none}
.enhanced-attribute-box>summary::-webkit-details-marker{display:none}
.attribute-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.attribute-filter-grid label{display:flex;flex-direction:column;gap:7px}
.attribute-filter-grid select{min-height:150px}
.attribute-filter-grid span i{margin-right:6px;color:rgba(34,242,223,.9)}
#enhanced-search-results{margin-top:16px}
@media(max-width:1050px){.enhanced-search-main{grid-template-columns:repeat(2,minmax(0,1fr))}.enhanced-search-main label:first-child,.enhanced-search-main label:nth-child(2){grid-column:span 1}.attribute-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.enhanced-search-main,.attribute-filter-grid{grid-template-columns:1fr}.attribute-filter-grid select{min-height:130px}}

/* BGG rating overlay badge for collection/search/wishlist cards */
.game-card.is-cover-only .cover{border-radius:17px}.game-card.is-cover-only{background:transparent}.game-card.is-cover-only .game-actions{opacity:.92}
.cover{position:relative;display:block}.bgg-rating-badge{position:absolute;top:9px;left:9px;width:52px;height:58px;display:grid;place-items:center;z-index:4;color:#fff;text-align:center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}.bgg-rating-badge>i{position:absolute;inset:0;display:grid;place-items:center;font-size:54px;color:#171327;text-shadow:0 0 0 #a884ff,0 0 14px rgba(124,92,255,.65);-webkit-text-stroke:1.5px #a884ff}.bgg-rating-badge>span{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;margin-top:1px}.bgg-rating-badge strong{font-size:1.05rem;font-weight:950;letter-spacing:-.03em}.bgg-rating-badge em{font-style:normal;font-size:.52rem;font-weight:950;letter-spacing:.04em;color:#d8ccff;margin-top:3px}.bgg-rating-badge:before{content:'';position:absolute;inset:5px;background:linear-gradient(180deg,rgba(35,28,65,.95),rgba(12,17,31,.96));clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);z-index:1}.game-card .cover:hover .bgg-rating-badge{transform:translateY(-1px)}@media(max-width:620px){.bgg-rating-badge{width:45px;height:50px;top:6px;left:6px}.bgg-rating-badge>i{font-size:47px}.bgg-rating-badge strong{font-size:.92rem}.bgg-rating-badge em{font-size:.46rem}}

/* Game edit relationship search */
.relationship-search-form label { display:block; }
.relationship-search-results {
  margin-top:10px;
  display:grid;
  gap:8px;
}
.relationship-result {
  width:100%;
  border:1px solid var(--border, rgba(255,255,255,.12));
  background:rgba(255,255,255,.035);
  color:inherit;
  border-radius:12px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  cursor:pointer;
}
.relationship-result:hover,
.relationship-result:focus {
  border-color:rgba(139,92,246,.7);
  background:rgba(139,92,246,.12);
}
.relationship-result small,
.relationship-chip small { color:var(--muted, #9aa7bd); }
.relationship-selected {
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-height:34px;
}
.relationship-chip {
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(139,92,246,.45);
  background:rgba(139,92,246,.12);
  border-radius:999px;
  padding:7px 9px 7px 12px;
}
.relationship-chip button {
  border:0;
  width:24px;
  height:24px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:inherit;
  display:inline-grid;
  place-items:center;
  cursor:pointer;
}
.relationship-chip button:hover { background:rgba(239,68,68,.28); }

/* Mobile auth and collection filter polish - 2026-06-19 */
.collection-mobile-filter-toggle{display:none}
@media(max-width:700px){
  .auth-page{padding:12px;overflow-x:hidden}
  .auth-shell{display:block;width:100%;max-width:560px;margin:0 auto}
  .auth-hero.panel,.auth-card-new.panel{width:100%;margin:0 0 14px;padding:18px;border-radius:22px}
  .auth-hero{min-height:0!important}
  .auth-brand{margin-bottom:22px}
  .auth-card-new .topbar{display:grid!important;grid-template-columns:1fr;gap:12px;align-items:start}
  .auth-card-new .topbar .btn{width:100%;justify-content:center}
  .auth-card-new .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}
  .auth-card-new .form-grid label{grid-column:auto!important;margin:0!important;font-size:.95rem;line-height:1.25;position:relative;z-index:1}
  .auth-card-new input:not([type="checkbox"]){display:block;width:100%!important;max-width:none!important;min-height:48px;margin-top:7px;padding:12px 13px;border-radius:14px;font-size:16px;line-height:1.25}
  .auth-card-new .check-card{display:flex!important;align-items:flex-start;gap:12px;padding:12px;border-radius:15px}
  .auth-card-new .check-card input[type="checkbox"]{flex:0 0 20px;width:20px!important;min-width:20px;height:20px;margin-top:2px}
  .auth-card-new .btn.primary{width:100%;justify-content:center;min-height:48px;font-size:1rem}
  .auth-card-new h2{font-size:1.75rem}
  .auth-card-new .small{line-height:1.35}
}
@media(max-width:620px){
  .collection-mobile-filter-toggle{display:inline-flex;width:100%;justify-content:center}
  .live-collection-filter:not(.is-mobile-expanded) .toolbar> :not(:first-child):not(.collection-mobile-filter-toggle){display:none!important}
  .live-collection-filter:not(.is-mobile-expanded) .actions-row .btn:not(:first-child){display:none!important}
  .live-collection-filter:not(.is-mobile-expanded) .actions-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}
  .live-collection-filter:not(.is-mobile-expanded) .actions-row .btn:first-child{width:100%;justify-content:center}
  .live-collection-filter.is-mobile-expanded .toolbar{grid-template-columns:1fr!important}
  .live-collection-filter.is-mobile-expanded .toolbar input,
  .live-collection-filter.is-mobile-expanded .toolbar select,
  .live-collection-filter.is-mobile-expanded .toolbar button{max-width:none!important;width:100%}
  .live-collection-filter.is-mobile-expanded .actions-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
  .live-collection-filter.is-mobile-expanded .actions-row .btn{width:100%;justify-content:center}
}

/* Tablet/narrow desktop polish - 2026-06-19
   The full mobile layout is useful on phones, but it kicked in too early below 1100px.
   Use a compact icon sidebar for tablets/narrow desktops, then keep the existing phone layout below 760px. */
@media (min-width:761px) and (max-width:1100px){
  .app-shell{grid-template-columns:92px minmax(0,1fr)!important}
  .sidebar{display:block!important;position:sticky;top:0;height:100vh;padding:14px 10px;background:rgba(5,10,18,.72);border-right:1px solid var(--line);z-index:1200;overflow:visible}
  .mobile-top,.mobile-nav{display:none!important}
  .brand{justify-content:center;margin-bottom:18px;gap:0}
  .brand span:not(.brand-mark){display:none}
  .brand-mark{width:46px;height:46px;border-radius:16px}
  .nav-links{gap:7px;align-items:center;position:relative;z-index:1201}
  .nav-link{width:54px;height:48px;justify-content:center;padding:0;border-radius:16px;position:relative}
  .nav-link span,.nav-link .nav-text{display:none!important}
  .nav-link i{width:auto;font-size:1.05rem}
  .nav-link[data-label]:hover::after{content:attr(data-label);position:absolute;left:64px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#111827;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.36);padding:7px 10px;border-radius:11px;color:var(--text);font-size:.82rem;font-weight:900;z-index:2000;pointer-events:none}
  .main{padding:18px!important;min-width:0;position:relative;z-index:1}
  .topbar{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
  .topbar .actions-row{justify-content:flex-end;gap:8px}
  .topbar .actions-row .btn{padding:9px 11px;font-size:.88rem;white-space:nowrap}
  .page-title{font-size:1.75rem}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px;margin:12px 0}
  .stat{padding:12px;border-radius:16px;gap:10px}.stat-icon{width:38px;height:38px}.stat strong{font-size:1.2rem}.stat .small{font-size:.78rem;line-height:1.15}
  .toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px}
  .toolbar>input:first-child{grid-column:span 3}
  .toolbar input,.toolbar select,.toolbar button{min-width:0;max-width:none!important}
  .live-collection-filter .actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.live-collection-filter .actions-row .btn{flex:0 1 auto}
  .grid-cards{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px}
  .game-body{padding:10px}.game-title{font-size:.94rem}.badge{font-size:.72rem;padding:4px 7px}.small{font-size:.82rem}
  .two-col{grid-template-columns:1fr!important}.form-grid{grid-template-columns:repeat(12,1fr)}
  .data-table{min-width:760px}
  .sleeve-calc-row{grid-template-columns:auto minmax(0,1fr) 90px 90px}
}

@media (min-width:621px) and (max-width:760px){
  .main{padding:14px!important}
  .topbar{display:grid;grid-template-columns:1fr;gap:10px}.topbar .actions-row{justify-content:flex-start}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
  .grid-cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
}

/* Collapse the larger collection filter a little earlier, for small tablets as well as phones. */
@media(max-width:760px){
  .collection-mobile-filter-toggle{display:inline-flex;width:100%;justify-content:center}
  .live-collection-filter:not(.is-mobile-expanded) .toolbar> :not(:first-child):not(.collection-mobile-filter-toggle){display:none!important}
  .live-collection-filter:not(.is-mobile-expanded) .actions-row .btn:not(:first-child){display:none!important}
  .live-collection-filter:not(.is-mobile-expanded) .actions-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}
  .live-collection-filter:not(.is-mobile-expanded) .actions-row .btn:first-child{width:100%;justify-content:center}
  .live-collection-filter.is-mobile-expanded .toolbar{grid-template-columns:1fr!important}
  .live-collection-filter.is-mobile-expanded .toolbar input,
  .live-collection-filter.is-mobile-expanded .toolbar select,
  .live-collection-filter.is-mobile-expanded .toolbar button{max-width:none!important;width:100%}
  .live-collection-filter.is-mobile-expanded .actions-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
  .live-collection-filter.is-mobile-expanded .actions-row .btn{width:100%;justify-content:center}
}

/* Mobile sleeves + tablet form polish - 2026-06-19 */
html,body{max-width:100%;overflow-x:hidden}
@media (max-width:760px){
  .main{max-width:100vw;overflow-x:hidden}
  .sleeve-live-area,.sleeve-live-area .panel,#sleeve-calculator-panel,#sleeve-size-summary,#sleeve-type-summary{max-width:100%;overflow:hidden}
  #sleeve-calculator-panel .actions-row.js-sleeve-filter{display:grid!important;grid-template-columns:1fr!important;gap:10px;width:100%}
  #sleeve-calculator-panel .actions-row.js-sleeve-filter select,
  #sleeve-calculator-panel .actions-row.js-sleeve-filter button{width:100%!important;min-width:0!important;max-width:none!important;justify-content:center}
  #sleeve-calculator-panel .js-sleeve-calculator>.actions-row{display:grid;grid-template-columns:1fr;gap:8px}
  #sleeve-calculator-panel .js-sleeve-calculator label{max-width:none!important;width:100%}
  #sleeve-calculator-panel .js-pack-size{max-width:180px}
  .sleeve-calc-row{grid-template-columns:28px minmax(0,1fr)!important;gap:10px 12px;align-items:start;padding:14px 0}
  .sleeve-calc-row input[type=checkbox]{margin-top:4px;width:22px;height:22px}
  .sleeve-calc-row>div:nth-child(2){min-width:0;overflow:hidden}
  .sleeve-calc-row>div:nth-child(2) strong a{display:block;line-height:1.2;overflow-wrap:anywhere}
  .sleeve-calc-row .small{white-space:normal!important;overflow-wrap:anywhere;line-height:1.28}
  .sleeve-calc-row .calc-count{grid-column:2;justify-self:start;text-align:left!important;display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045)}
  .sleeve-calc-row .calc-count strong{font-size:1rem}.sleeve-calc-row .calc-count .small{font-size:.78rem}
  .sleeve-calc-row .calc-result{grid-column:2;justify-self:start;text-align:left!important}.sleeve-calc-row .calc-result .btn{padding:8px 11px}
  .total-box{display:grid!important;grid-template-columns:1fr!important;gap:10px;text-align:left}
  .total-box>div{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08)}.total-box>div:last-child{border-bottom:0}
  #sleeve-size-summary .table-wrap,#sleeve-type-summary .table-wrap{overflow:visible;border:0;border-radius:0}
  #sleeve-size-summary .data-table,#sleeve-type-summary .data-table{display:block;min-width:0!important;width:100%;border-collapse:separate}
  #sleeve-size-summary .data-table thead,#sleeve-type-summary .data-table thead{display:none}
  #sleeve-size-summary .data-table tbody,#sleeve-type-summary .data-table tbody{display:grid;gap:10px}
  #sleeve-size-summary .data-table tr,#sleeve-type-summary .data-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045);padding:12px}
  #sleeve-size-summary .data-table td,#sleeve-type-summary .data-table td{display:flex;flex-direction:column;gap:3px;border:0!important;padding:0!important;min-width:0;overflow-wrap:anywhere}
  #sleeve-size-summary .data-table td::before,#sleeve-type-summary .data-table td::before{font-size:.72rem;font-weight:950;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
  #sleeve-size-summary .data-table td:nth-child(1)::before{content:'Type'}
  #sleeve-size-summary .data-table td:nth-child(2)::before{content:'Size'}
  #sleeve-size-summary .data-table td:nth-child(3)::before{content:'Total'}
  #sleeve-size-summary .data-table td:nth-child(4)::before{content:'Sleeved'}
  #sleeve-size-summary .data-table td:nth-child(5)::before{content:'No sleeves'}
  #sleeve-size-summary .data-table td:nth-child(6)::before{content:'Unsleeved'}
  #sleeve-size-summary .data-table td:nth-child(7)::before{content:'Part-sleeved'}
  #sleeve-size-summary .data-table td:nth-child(8)::before{content:'Games'}
  #sleeve-size-summary .data-table td:nth-child(9){grid-column:1 / -1}.sleeve-live-area #sleeve-size-summary .data-table td:nth-child(9) .btn{width:100%;justify-content:center}
  #sleeve-type-summary .data-table td:nth-child(1)::before{content:'Type'}
  #sleeve-type-summary .data-table td:nth-child(2)::before{content:'Matching'}
  #sleeve-type-summary .data-table td:nth-child(3)::before{content:'Total'}
  #sleeve-type-summary .data-table td:nth-child(4)::before{content:'Sleeved'}
  #sleeve-type-summary .data-table td:nth-child(5)::before{content:'No sleeves'}
  #sleeve-type-summary .data-table td:nth-child(6)::before{content:'Unsleeved'}
  #sleeve-type-summary .data-table td:nth-child(7)::before{content:'Part-sleeved'}
  #sleeve-type-summary .data-table td:nth-child(8)::before{content:'Sizes'}
  #sleeve-type-summary .data-table td:nth-child(9)::before{content:'Games'}
  #sleeve-type-summary .data-table td:nth-child(10){grid-column:1 / -1}.sleeve-live-area #sleeve-type-summary .data-table td:nth-child(10) .btn{width:100%;justify-content:center}
}

@media (min-width:761px) and (max-width:1100px){
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #playFilters .form-grid,.form-panel .form-grid,.main>form.panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  #playFilters .span-4,#playFilters .span-3,#playFilters .span-2,.form-panel .span-4,.form-panel .span-3,.form-panel .span-2,.main>form.panel .span-4,.main>form.panel .span-3,.main>form.panel .span-2{grid-column:span 1!important}
  #playFilters .span-8,#playFilters .span-6,#playFilters .span-12,.form-panel .span-8,.form-panel .span-6,.form-panel .span-12,.main>form.panel .span-8,.main>form.panel .span-6,.main>form.panel .span-12{grid-column:span 2!important}
  #playFilters .actions-row,.form-panel .actions-row,.main>form.panel .actions-row{gap:8px}
  .share-grid{grid-template-columns:1fr!important}
  .copy-field{grid-template-columns:minmax(0,1fr) auto;min-width:0}.copy-field input{min-width:0}
  .compact-row{grid-template-columns:minmax(0,1fr);gap:10px}.compact-row .actions-row{justify-content:flex-start!important}
  .panel.form-panel,.main>form.panel{padding:18px;border-radius:20px}
}

@media (min-width:621px) and (max-width:760px){
  .feature-grid,.share-grid{grid-template-columns:1fr!important}
  #playFilters .form-grid,.form-panel .form-grid,.main>form.panel .form-grid{grid-template-columns:1fr!important}
  #playFilters [class*='span-'],.form-panel [class*='span-'],.main>form.panel [class*='span-']{grid-column:auto!important}
}

/* Menu order + mobile active centring polish - 2026-06-19 */
.mobile-nav{scroll-padding-inline:45vw;scroll-behavior:auto}
.mobile-nav .nav-link.active{scroll-snap-align:center}
@media(max-width:620px){.mobile-nav{scroll-snap-type:x proximity}}

/* Mobile active instant centring - 2026-06-19: avoid visible horizontal slide. */
.mobile-nav{scroll-behavior:auto}

/* Collection view modes + compact cover-only mobile layout - 2026-06-20 */
.collection-view-switch{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04)}
.collection-view-switch .icon-btn{position:static;width:38px;height:38px;background:transparent;border-color:transparent;box-shadow:none}
.collection-view-switch .icon-btn.active{background:linear-gradient(135deg,var(--accent),#315dff);border-color:rgba(255,255,255,.18);color:#fff}
.collection-list-view{display:grid;gap:9px}
.collection-list-row{display:grid;grid-template-columns:96px 66px minmax(0,1fr) auto;gap:14px;align-items:center;padding:9px 12px;border-radius:16px;overflow:visible}
.collection-list-row:hover{border-color:rgba(124,92,255,.35);background:linear-gradient(180deg,rgba(124,92,255,.10),rgba(255,255,255,.035))}
.collection-list-row .list-cover{width:96px;height:58px;border-radius:11px;overflow:hidden;background:#0a0f1a;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:var(--muted)}
.collection-list-row .list-cover img{width:100%;height:100%;object-fit:cover;display:block}
.collection-list-row .list-rating{min-height:48px;display:grid;place-items:center}.bgg-rating-badge.is-small{position:relative;top:auto;left:auto;width:44px;height:49px;filter:drop-shadow(0 5px 13px rgba(0,0,0,.45))}.bgg-rating-badge.is-small>i{font-size:46px}.bgg-rating-badge.is-small strong{font-size:.88rem}.bgg-rating-badge.is-small em{font-size:.43rem}
.collection-list-row .list-main{min-width:0}.collection-list-row .game-title{display:inline-block;margin:0 0 5px;font-size:1rem}.collection-list-row .badge-row{margin:0;gap:6px}.collection-list-row .list-sleeve-line{margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.collection-list-row .list-open{white-space:nowrap}
@media(max-width:1100px){.collection-view-switch{display:none!important}}
@media(max-width:620px){
  .grid-cards.is-mobile-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .grid-cards.is-mobile-cover-grid .game-card{display:block!important;min-height:0!important;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.035)}
  .grid-cards.is-mobile-cover-grid .game-card .cover{height:auto!important;min-height:0!important;aspect-ratio:1/1!important;border-radius:16px!important}
  .grid-cards.is-mobile-cover-grid .game-card .game-actions{right:6px;top:6px}
  .grid-cards.is-mobile-cover-grid .game-card .icon-btn{width:30px;height:30px;border-radius:10px}
  .grid-cards.is-mobile-cover-grid .bgg-rating-badge{width:42px;height:47px;top:6px;left:6px}.grid-cards.is-mobile-cover-grid .bgg-rating-badge>i{font-size:44px}.grid-cards.is-mobile-cover-grid .bgg-rating-badge strong{font-size:.86rem}.grid-cards.is-mobile-cover-grid .bgg-rating-badge em{font-size:.42rem}
}
@media(max-width:760px){.collection-list-row{grid-template-columns:72px minmax(0,1fr) auto;gap:10px}.collection-list-row .list-cover{width:72px;height:54px}.collection-list-row .list-rating{position:absolute;left:56px;top:8px;transform:scale(.78);transform-origin:top left}.collection-list-row .list-open{padding:9px 10px}.collection-list-row .list-open i+span{display:none}}

/* Import progress wake-lock/long-running import notes - 2026-06-20 */
.import-awake-note{margin:.35rem 0 0;color:#bfe8ff;display:inline-flex;gap:7px;align-items:center;flex-wrap:wrap}
.notice.soft{border-color:rgba(124,92,255,.26);background:rgba(124,92,255,.08)}
@media(max-width:760px){.import-progress{scroll-margin-top:86px}.import-progress-head{gap:10px}.import-progress-head .badge{width:100%;justify-content:center}.import-awake-note{font-size:.82rem}}

.add-results-more{width:100%;justify-content:center;margin-top:10px}.add-results-more .small{margin-left:4px}.result .result-type{font-size:.76rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 8px;white-space:nowrap}.result>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){.result{align-items:flex-start}.result .result-type{display:none}.add-results-more{padding:11px 12px}}

/* 2026-06-20: game sleeve menu polish */
.game-detail-v2 .gd-menu-list button{
  text-align:left;
  justify-content:flex-start;
  align-items:flex-start;
  white-space:normal;
  line-height:1.25;
}
.game-detail-v2 .gd-menu-list button i{
  flex:0 0 18px;
  width:18px;
  text-align:center;
  margin-top:1px;
}
.game-detail-v2 .gd-status[title]{cursor:help;}

/* Card set manager: bulk editing/add rows */
.cardset-edit-table-wrap{margin-bottom:14px}
.cardset-new-rows{display:grid;gap:10px;margin-top:12px}
.cardset-new-row{position:relative;margin:0;padding:12px;border:1px dashed rgba(148,163,184,.24);border-radius:16px;background:rgba(7,17,31,.34)}
.bulk-cardset-actions{margin-top:12px;gap:10px;align-items:center;flex-wrap:wrap}
.js-cardsets-bulk-message{font-weight:800;color:#b9c8e6}
.cardset-edit-table .card-count-input{min-width:88px}
@media (max-width: 760px){
  .cardset-new-row{grid-template-columns:1fr!important}
  .bulk-cardset-actions{display:grid;grid-template-columns:1fr}
  .bulk-cardset-actions .btn{width:100%}
}

/* Fix 55: import mobile layout and Samsung width guard */
html, body { max-width: 100%; overflow-x: hidden; }
* { box-sizing: border-box; }
.import-awake-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  line-height:1.35;
  max-width:100%;
}
.import-awake-note i{flex:0 0 20px;margin-top:2px;text-align:center;}
.import-awake-note[hidden]{display:none!important;}
@media (max-width: 760px){
  .main{max-width:100vw;overflow:hidden;}
  .topbar{display:grid!important;grid-template-columns:1fr!important;gap:14px;align-items:start;max-width:100%;}
  .topbar .actions-row{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:10px;}
  .topbar .actions-row .btn{width:100%;justify-content:center;min-width:0;}
  .two-col{display:grid!important;grid-template-columns:1fr!important;gap:14px;width:100%;max-width:100%;}
  .panel,.import-progress,.import-step-card,.sleeve-import-panel,.clear-box{width:100%;max-width:100%;min-width:0;padding:18px!important;border-radius:22px;overflow:hidden;}
  .import-step-card .section-head,.sleeve-import-panel .section-head{display:block!important;}
  .import-step-card .section-head h2,.sleeve-import-panel .section-head h2{display:flex!important;align-items:flex-start;gap:10px;font-size:1.55rem;line-height:1.12;}
  .import-step-card .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px;width:100%;}
  .import-step-card .form-grid > *, .import-step-card .form-grid .span-12, .import-step-card .form-grid .span-8, .import-step-card .form-grid .span-6, .import-step-card .form-grid .span-4{grid-column:auto!important;width:100%;max-width:100%;min-width:0;}
  .import-step-card input:not([type="checkbox"]), .import-step-card select, .import-step-card button, .sleeve-import-panel button, .sleeve-import-panel .btn{width:100%;max-width:100%;min-width:0;justify-content:center;}
  .import-step-card .notice,.sleeve-import-panel .notice{display:block;width:100%;max-width:100%;overflow-wrap:break-word;word-break:normal;font-size:.98rem;line-height:1.35;padding:13px 14px;}
  .import-step-card .check-card{width:100%;max-width:100%;display:flex!important;align-items:flex-start;gap:12px;}
  .import-progress-head{display:grid!important;grid-template-columns:1fr;gap:12px;}
  .import-progress-head .badge{width:100%;justify-content:center;white-space:normal;text-align:center;}
  .import-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;}
}
@media (max-width: 420px){
  .main{padding-left:10px!important;padding-right:10px!important;}
  .panel,.import-progress,.import-step-card,.sleeve-import-panel,.clear-box{padding:16px!important;border-radius:20px;}
  .import-stats{grid-template-columns:1fr!important;}
}

/* Sleeve calculator: mark games with other not-sleeved sizes still needed */
.sleeve-other-size-star{display:inline-flex;align-items:center;margin-left:6px;color:#ffd166;font-size:.82em;vertical-align:middle;text-shadow:0 0 10px rgba(255,209,102,.35)}

/* 2026-06-20: sleeve size text is a desktop-only collection card option. */
@media(max-width:1100px){
  .collection-grid .card-sleeve-line,
  .collection-list-view .list-sleeve-line{display:none!important}
}

@media (max-width: 700px){
  .mobile-hide-helper{display:none !important;}
}