:root{--bg:#15151a;--fg:#eee;--muted:#aaa;--soft:#bbb;--msg:#ffd166;--good:#7ddc7d;--bad:#ff7b7b;--line:#333;--table-line:#2a2a33;--box-bg:transparent;--panel:#22222a;--panel-border:transparent;--img-bg:#222;--dash:#555;--dash-text:#555;--frame:#333;--topbar-h:52px;--btn-bg:#2a2a33;--btn-bg-hover:#353542;--btn-border:#43435a;--btn-fg:#eee;--accent:#3b82f6;--accent-hover:#5b9bff;--accent-fg:#fff;--accent-shadow:#3b82f666;--gold:#e0a000}:root[data-theme=light]{--bg:#f4f4f7;--fg:#222;--muted:#666;--soft:#555;--msg:#9a6200;--good:#1b7f37;--bad:#c0392b;--line:#ccc;--table-line:#ddd;--box-bg:#fff;--panel:#fff;--panel-border:#ddd;--img-bg:#ddd;--dash:#aaa;--dash-text:#999;--btn-bg:#fff;--btn-bg-hover:#f1f1f6;--btn-border:#c9c9d4;--btn-fg:#222}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,sans-serif}.app{max-width:1100px;margin:0 auto;padding:12px}.meta{color:var(--muted);font-size:12px}.msg{color:var(--msg);font-size:13px}.good{color:var(--good)}.bad,.warn-text{color:var(--bad)}.spacer{flex:1}:where(button){font:inherit;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:8px 14px;font-size:14px;line-height:1.25;transition:background .15s,border-color .15s,box-shadow .15s,transform 50ms;box-shadow:0 1px 2px #0000002e}:where(button:active:not(:disabled)){box-shadow:none;transform:translateY(1px)}:where(button:focus-visible){outline:2px solid var(--accent);outline-offset:2px}:where(button:disabled){opacity:.45;cursor:not-allowed;box-shadow:none}@media (hover:hover){:where(button:hover:not(:disabled)){background:var(--btn-bg-hover);border-color:var(--accent)}}.primary{margin:0;padding:10px 16px;font-size:15px}.app>.primary{margin:4px 0 12px}.good .primary{margin-left:8px}.primary:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-fg);box-shadow:0 2px 6px var(--accent-shadow);font-weight:700}.primary:disabled{background:var(--btn-bg)}@media (hover:hover){.primary:not(:disabled):hover{background:var(--accent-hover);border-color:var(--accent-hover)}}.filters button{border-radius:999px;padding:7px 14px}.seg{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.seg button{border-radius:12px;padding:10px 20px;font-size:15px}.filters button.active,.seg button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:700}@media (hover:hover){.filters button.active:hover,.seg button.active:hover{background:var(--accent-hover)}}.seg button.active.win,.seg button.active.win:hover{color:#fff;background:#2f9e57;border-color:#2f9e57}.seg button.active.lose,.seg button.active.lose:hover{color:#fff;background:#c0392b;border-color:#c0392b}.mydeck-btns{gap:8px;display:flex}.mydeck-btns button{border-radius:10px;min-width:96px;margin:0;padding:10px 16px;font-size:15px}.stepper{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.stepper button{border-radius:10px;width:36px;height:36px;padding:0;font-size:18px}.count{text-align:center;min-width:28px;font-weight:700}.print-btn{border-radius:8px;width:100%;margin-top:4px;padding:4px;font-size:11px}.x-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #888;border-radius:50%;width:24px;height:24px;padding:0;font-size:14px;line-height:1;position:absolute;top:-8px;right:-8px;box-shadow:0 1px 4px #0006}.x-btn:hover:not(:disabled){background:#ffd9d9;border-color:#c0392b}.pf-add{border:2px dashed var(--dash);width:48px;height:84px;color:var(--muted);background:0 0;border-radius:10px;font-size:22px}.pf-add:hover{border-color:var(--accent);color:var(--accent)}.dl-btn{background:var(--accent);color:var(--accent-fg);box-shadow:0 2px 6px var(--accent-shadow);border-radius:10px;padding:10px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}@media (hover:hover){.dl-btn:hover{background:var(--accent-hover)}}.danger{color:#e5534b;border-color:#e5534b}@media (hover:hover){.danger:hover:not(:disabled){color:#fff;background:#e5534b;border-color:#e5534b}}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.filters input[type=text],.filters input:not([type]),.filters select{padding:8px 12px;font-size:14px}.form-sec select,.form-sec input[type=date],.form-sec textarea{max-width:100%;padding:8px;font-size:14px}.form-sec textarea{box-sizing:border-box;width:100%;min-height:70px}.admin-form{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.admin-form input,.admin-form select{padding:8px;font-size:14px}.login{flex-direction:column;gap:10px;max-width:360px;display:flex}.login input{padding:10px;font-size:16px}.page-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.step3-bar{justify-content:flex-end;padding-bottom:0;display:flex}.section-head{justify-content:space-between;align-items:baseline;margin-top:16px;display:flex}.section-head h2{letter-spacing:1px;margin:0}.head-left{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.type-counts{color:var(--soft);font-size:13px}.topbar{z-index:40;height:var(--topbar-h);box-sizing:border-box;background:var(--bg);align-items:center;gap:10px;max-width:1100px;margin:0 auto;padding:0 12px;display:flex;position:sticky;top:0}.mainnav{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.mainnav::-webkit-scrollbar{display:none}.nav-btn{white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px}.nav-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:700}.topbar-user{flex:none;align-items:center;gap:8px;display:flex}.nav-more,.more-overlay,.more-sheet{display:none}.drawer-item{text-align:left;border-radius:12px;width:100%;margin-bottom:6px;padding:14px 16px;font-size:16px;display:block}.drawer-item.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.card{cursor:pointer;position:relative}.card img{background:var(--img-bg);border-radius:6px;width:100%}.card .name{margin-top:4px;font-size:13px;font-weight:700}.card .meta{font-size:11px}.card.selected img{outline:3px solid var(--gold)}.card.disabled{opacity:.35;cursor:not-allowed}.badge{color:#000;background:#eee;border-radius:12px;padding:0 8px;font-weight:700;position:absolute;top:4px;right:4px}.effect{color:var(--soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.tags{gap:2px;display:flex;position:absolute;top:4px;left:4px}.tag{color:#000;background:#3a5;border-radius:4px;margin-right:4px;padding:1px 4px;font-size:10px}.tag.ace{background:var(--gold)}.tag.warn{background:#ff7b7b}.summary{top:var(--topbar-h);z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 0;position:sticky}.stats{gap:16px;font-weight:700;display:flex}.slots{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.slot{aspect-ratio:5/7;border:2px dashed var(--dash);cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.slot.wide{aspect-ratio:7/5}.slot.picking{border-color:var(--frame)}.slot img{object-fit:cover;width:100%;height:100%}.slot .name{color:#fff;background:#000000b3;padding:2px 4px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.slot .empty{height:100%;color:var(--dash-text);place-items:center;font-size:28px;display:grid}.picker{border:2px solid var(--frame);background:var(--box-bg);border-radius:8px;margin:8px 0 12px;padding:8px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px 10px;margin:8px 0 12px;display:grid}.leader-grid{grid-template-columns:repeat(4,1fr)}.tactics-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.deck-card{position:relative}.deck-card img{border-radius:6px;width:100%;display:block}.unusable .deck-card img{opacity:.35;filter:grayscale(.7)}.mydeck,.match,.form-sec,.admin-user{border:1px solid var(--line);background:var(--box-bg);border-radius:8px;margin:10px 0;padding:10px}.mydeck-name{font-size:16px;font-weight:700}.mydeck-images{flex-wrap:wrap;align-items:flex-start;gap:4px 16px;display:flex}.mydeck-leaders{flex:0 360px;grid-template-columns:repeat(4,1fr);gap:6px;min-width:0;margin:8px 0;display:grid}.mydeck-leaders img{border-radius:4px;width:100%}.mydeck-leaders .ph{aspect-ratio:5/7;background:var(--img-bg);border-radius:4px}.mydeck-aces{flex:0 190px;min-width:0;margin:8px 0}.mydeck-ace-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ace-item{position:relative}.ace-item img{border-radius:4px;width:100%;display:block}.ace-item .badge{padding:0 6px;font-size:12px;top:2px;right:2px}.mydeck-tactics{flex:0 240px;min-width:0;margin:8px 0}.tac-stack{align-items:center;display:flex}.tac-stack img{border-radius:3px;width:80px;height:auto;display:block}.tac-stack img+img{margin-left:-44px}@media (width>=721px){.mydeck-aces{flex:0 270px}.mydeck-tactics{flex:0 340px}.tac-stack img{width:120px}.tac-stack img+img{margin-left:-66px}}.decklist{border:2px solid var(--frame);background:var(--box-bg);border-radius:8px;margin:8px 0 12px;padding:8px 12px 12px}.dl-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.sheet-img{border-radius:6px;width:100%;display:block}.form-sec h3{margin:0 0 8px;font-size:15px}.pf-head{justify-content:space-between;margin-top:8px;display:flex}.pf-label{margin-top:6px;font-size:14px;font-weight:700}.pf-selected{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.pf-card{position:relative}.pf-card img{border-radius:4px;width:auto;height:84px;display:block}.pf-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));max-height:360px;overflow-y:auto}.msum{align-items:center;gap:10px;margin:8px 0;display:flex}.msum-title,.msum-score{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px}.msum-title{flex:1;padding:10px 16px;font-size:18px;font-weight:700}.msum-score{padding:6px 20px;font-size:32px;font-weight:700}.mrow{background:#e5534b;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding:10px 14px;display:flex}.mrow.lose{background:#4a7de0}.mrow-left{color:#fff;min-width:130px}.mrow-cap{opacity:.9;font-size:12px}.mrow-main{letter-spacing:1px;font-size:24px;font-weight:700;line-height:1.2}.mrow-sub{opacity:.9;font-size:12px}.mrow-right{color:#fff;flex-wrap:wrap;flex:260px;align-items:center;gap:6px;display:flex}.mrow-me{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 4px;display:flex}.mrow-me .lbl{color:var(--muted);min-width:28px;font-size:12px}.mimg{border-radius:4px;width:auto;height:84px;display:block}.ace-stack{align-items:center;margin-left:6px;display:flex}.mini-row{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.mini-row img{border-radius:3px;width:auto;height:56px}.group-card{border:1px solid var(--line);background:var(--box-bg);border-radius:12px;margin:14px 0;padding:10px}.group-head{align-items:center;gap:10px;display:flex}.group-title{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;flex:1;padding:8px 14px}.group-name{font-size:18px;font-weight:700}.group-score{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:4px 18px;font-size:30px;font-weight:700}.group-deck{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.group-deck .lbl{color:var(--muted);min-width:56px;font-size:12px}.group-sub{margin:14px 0 4px;font-weight:700}.stat-block{margin:14px 0;overflow-x:auto}.stat-block h3{margin:0 0 6px;font-size:15px}.stat-table{border-collapse:collapse;min-width:280px}.stat-table th,.stat-table td{border-bottom:1px solid var(--table-line);text-align:right;padding:4px 10px;font-size:14px}.stat-table th:first-child,.stat-table td:first-child{text-align:left}.admin-user{margin:8px 0}.admin-user.clickable{cursor:pointer}.admin-user.clickable:hover{border-color:var(--frame)}.au-name{font-weight:700}@media (width<=720px){:root{--topbar-h:56px}.topbar{border-bottom:1px solid var(--line);padding:0 6px}.mainnav{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid;overflow:visible}.nav-btn{min-height:44px;box-shadow:none;background:0 0;border-color:#0000;border-radius:12px;padding:6px 2px;font-size:12px}.nav-btn.active{background:var(--accent)}.nav-extra{display:none}.nav-more{display:block}.topbar-user{display:none}.more-overlay{z-index:44;background:#0006;display:block;position:fixed;inset:0}.more-sheet{right:6px;top:calc(var(--topbar-h) + 4px);z-index:46;background:var(--bg);border:1px solid var(--line);border-radius:12px;min-width:180px;padding:8px;display:block;position:fixed;box-shadow:0 4px 16px #0006}.filters button,.seg button,.mydeck-btns button,.primary{min-height:40px}.mydeck-btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mydeck-btns button{min-width:0;padding:10px 6px;font-size:14px}}.deck-scroll{overscroll-behavior:contain;align-content:start;height:clamp(260px,50vh,520px);padding:10px 10px 4px 4px;overflow-y:auto}@media (width<=720px){.deck-scroll{height:38vh}}.summary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:44px;display:flex}.summary-actions{flex:200px;justify-content:flex-end;align-items:center;gap:8px;display:flex}.summary-actions input{flex:140px;min-width:0;padding:8px 10px;font-size:14px}.login-switch{margin-top:12px}.feature-table th,.feature-table td{text-align:center}.feature-table input[type=checkbox]{width:20px;height:20px}.mydeck{position:relative}.mydeck-name{padding-right:72px}.mydeck-btns button.mydeck-delete{min-width:0;min-height:0;padding:6px 12px;font-size:13px;position:absolute;top:8px;right:8px}@media (width<=720px){.mydeck .mydeck-btns{grid-template-columns:repeat(3,minmax(0,1fr))}}.head-actions{align-items:center;gap:8px;display:flex}.sort-list{flex-direction:column;gap:8px;margin:12px 0;display:flex}.sort-row{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.sort-row.dragging{border-color:var(--accent);box-shadow:0 6px 18px #00000059}.sort-handle{cursor:grab;touch-action:none;flex:none;width:44px;height:44px;padding:0;font-size:22px}.sort-handle:active{cursor:grabbing}.sort-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.sort-leaders{flex:none;gap:4px;display:flex}.sort-leaders img{border-radius:3px;width:auto;height:44px}.mrow{border-radius:12px;gap:4px 10px;margin-top:8px;padding:6px 12px}.mrow-left{min-width:120px}.mrow-main{font-size:20px;line-height:1.15}.mrow-sub{line-height:1.25}.mrow-right{flex:200px}.mimg{height:72px}.mimg.sm{height:46px}.ace-stack img+img{margin-left:-24px}.ace-stack.sm img+img{margin-left:-16px}.mrow-me{gap:4px;padding:2px 4px}@media (width<=720px){.mimg{height:54px}.mimg.sm{height:38px}.ace-stack img+img{margin-left:-18px}.ace-stack.sm img+img{margin-left:-12px}.mrow-main{font-size:18px}.mrow-left{min-width:0}.mrow-right{flex:150px}}.chooser{flex-direction:column;gap:6px;max-height:360px;margin:6px 0;padding:2px;display:flex;overflow-y:auto}.chooser-head{color:var(--muted);margin-top:6px;font-size:12px}.chooser-item{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:6px 10px;display:flex}.chooser-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.chooser-name{flex:1;min-width:0;font-weight:700}.chooser-thumbs{flex:none;align-items:center;gap:8px;display:flex}.chooser-leaders,.chooser-aces{align-items:center;gap:3px;display:flex}.chooser-thumbs img{border-radius:3px;width:auto;height:52px}.chooser-aces img+img{margin-left:-16px}@media (width<=720px){.chooser-item{flex-wrap:wrap}.chooser-name{flex:100%}.chooser-thumbs img{height:44px}}.chooser-toggle{border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:6px;padding:8px 12px;font-size:13px;display:flex}.logout-btn{padding:6px 12px;font-size:13px}.more-sep{background:var(--line);height:1px;margin:6px 0}