@font-face{font-family:FatPeng;src:url(/fonts/FATPENG-Flat.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MencoBlack;src:url(/fonts/Menco-Black.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #c8d8e8;--bg-grad-top: #c8d8e8;--bg-grad-bot: #dce8f2;--panel: #ffffff;--panel-2: #f0f5fa;--border: rgba(13, 27, 48, .1);--border-2: rgba(13, 27, 48, .18);--text: #0d1b30;--text-dim: rgba(13, 27, 48, .6);--text-muted: rgba(13, 27, 48, .55);--blue: #2563eb;--blue-soft: #dce8fb;--blue-softer: #eef3fd;--pink: #e54a9b;--purple: #8b3fa8;--green: #2fa463;--red: #e0445a;--radius: 16px;--radius-sm: 10px;--shadow: 0 2px 10px rgba(13, 27, 48, .08);--shadow-lg: 0 8px 32px rgba(13, 27, 48, .14);--font-heading: "FatPeng", system-ui, sans-serif;--font-body: "MencoBlack", system-ui, -apple-system, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;padding:12px 20px;background:var(--blue);color:#fff;border-radius:var(--radius-sm);font-weight:700;font-size:14px;z-index:9999;outline:2px solid #fff;outline-offset:2px;text-decoration:none}*:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[role=menuitem]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}html,body,#root{height:100%;overflow-x:hidden;background:var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]),textarea{font-family:inherit;font-size:inherit;color:var(--text);background:var(--panel);border:1.5px solid var(--border-2);border-radius:var(--radius-sm);padding:8px 12px;outline:none;width:100%}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--text-muted)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px;flex-shrink:0;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);gap:16px;position:relative;z-index:100}.header-brand{display:flex;align-items:center;gap:10px}.brand-logo{width:36px;height:36px;display:block;flex-shrink:0;border-radius:10px}.brand-name{font-size:17px;font-weight:800;letter-spacing:.2px;font-family:var(--font-heading);color:#477df6}.header-controls{display:flex;align-items:center;gap:8px}.card-count-badge{font-size:13px;font-weight:800;color:var(--text-dim);background:var(--panel);border:1.5px solid var(--border);border-radius:999px;padding:4px 14px;white-space:nowrap;box-shadow:var(--shadow)}.card-count-badge span{font-weight:500;color:var(--text-muted)}.card-count-badge.exact{color:#1d8050;border-color:#1d805073}.card-count-badge.over{color:#c0283e;border-color:#c0283e73}[data-theme=dark] .card-count-badge.exact{color:#4ade80;border-color:#4ade8073}[data-theme=dark] .card-count-badge.over{color:#ff8585;border-color:#ff858573}.app-body{display:flex;flex:1;overflow:hidden;gap:14px;padding:14px}.browser-section{flex:1 1 0;overflow:hidden;display:flex;flex-direction:column;background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.deck-section{width:350px;flex-shrink:0;display:flex;flex-direction:column;overflow:visible;background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.btn-primary,.btn-secondary,.btn-danger{border-radius:999px;padding:8px 18px;font-weight:700;border:2px solid transparent;transition:all .15s}.btn-primary{background:#477df6;color:#fff;border-color:#477df6;font-family:var(--font-heading)}.btn-primary:hover:not(:disabled){background:#3060d0;border-color:#3060d0;transform:translateY(-1px)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-danger:active:not(:disabled){transform:translateY(0) scale(.97)}.btn-secondary{background:var(--panel);color:var(--text);border-color:var(--border-2);box-shadow:var(--shadow)}.btn-secondary:hover:not(:disabled){border-color:var(--text);background:var(--panel-2)}.btn-danger{background:#fdeef1;color:var(--red);border-color:#e0445a66}.btn-danger:hover:not(:disabled){background:#fbdce2}button:disabled{opacity:.4;cursor:default;box-shadow:none}.btn-sm{padding:6px 14px;font-size:13px}.btn-xs{padding:3px 9px;font-size:12px}.btn-group{display:flex;background:var(--panel-2);border-radius:999px;padding:3px;gap:3px;width:fit-content;border:1px solid var(--border)}.btn-group button{background:transparent;border:none;color:var(--text-dim);padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700}.btn-group button:hover{color:var(--text)}.btn-group button.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.card-browser{display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.browser-search-row{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;flex-shrink:0}.search-input{flex:1;width:auto;padding:9px 14px;font-size:14px;border-radius:999px}.filter-count{background:var(--text);color:#fff;border-radius:999px;font-size:11px;font-weight:800;padding:0 7px;line-height:18px}.clear-btn{background:none;border:none;color:#b0145a;font-weight:700;font-size:13px;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap}.clear-btn:hover{background:#fce8f1}[data-theme=dark] .clear-btn{color:#ff8abe}[data-theme=dark] .clear-btn:hover{background:#ff8abe1f}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 16px 10px;flex-shrink:0}.filter-group-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.color-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;border:1px solid rgba(27,43,58,.2)}.multiselect{position:relative}.multiselect-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;font-weight:700;font-size:13px;background:var(--panel);border:1.5px solid var(--border-2);transition:all .15s;white-space:nowrap;color:var(--text-dim)}.multiselect-btn:hover{border-color:var(--text);color:var(--text)}.multiselect-btn.open,.multiselect-btn.has-active{background:var(--blue-soft);border-color:var(--text);color:var(--text)}.multiselect-caret{font-size:10px;opacity:.6}.multiselect-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:180px;max-height:300px;overflow-y:auto;background:var(--panel);border:1.5px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:1px}.multiselect-option{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.multiselect-option:hover{background:var(--panel-2);color:var(--text)}.multiselect-option.active{background:var(--blue-softer);color:var(--text)}.multiselect-option input[type=checkbox]{width:15px;height:15px;accent-color:var(--blue);flex-shrink:0;margin:0;padding:0;cursor:pointer}.range-filter{width:170px;display:flex;flex-direction:column;gap:2px;margin-left:6px}.range-filter-header{display:flex;justify-content:space-between;align-items:baseline}.range-value{font-size:12px;font-weight:800;color:var(--blue)}.range-track-wrap{position:relative;height:24px;display:flex;align-items:center}.range-track{position:absolute;left:0;right:0;height:6px;border-radius:3px;background:#1b2b3a1f}.range-fill{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--pink))}.range-track-wrap input[type=range]{position:absolute;left:0;right:0;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:0;height:24px;pointer-events:none}.range-track-wrap input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid var(--text);box-shadow:var(--shadow);cursor:grab;pointer-events:auto}.range-track-wrap input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid var(--text);box-shadow:var(--shadow);cursor:grab;pointer-events:auto}.browser-controls-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px;flex-shrink:0}.result-count-inline{font-size:12px;color:var(--text-muted);font-weight:600}.card-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 14px 18px;display:grid;grid-auto-rows:max-content;align-items:start;gap:12px;align-content:start}.card-grid.size-s{grid-template-columns:repeat(7,1fr)}.card-grid.size-m{grid-template-columns:repeat(5,1fr)}.card-grid.size-l{grid-template-columns:repeat(3,1fr)}.card-grid.size-s .card-tile-name{font-size:11px}.card-grid.size-s .tile-count-btn{width:22px;height:22px;font-size:14px}.card-grid.size-s .tile-qty{font-size:12px}.card-grid.size-m .card-tile-name{font-size:14px}.card-grid.size-m .tile-count-btn{width:30px;height:30px;font-size:19px}.card-grid.size-m .tile-qty{font-size:16px;min-width:22px}.card-grid.size-m .card-tile-controls{gap:12px}.card-grid.size-m .card-tile-footer{padding:9px 10px 10px;gap:7px}.card-grid.size-l .card-tile-name{font-size:18px}.card-grid.size-l .tile-count-btn{width:38px;height:38px;font-size:24px}.card-grid.size-l .tile-qty{font-size:20px;min-width:28px}.card-grid.size-l .card-tile-controls{gap:16px}.card-grid.size-l .card-tile-footer{padding:12px 12px 13px;gap:9px}.view-controls{display:flex;align-items:center;gap:6px}.deck-view-btn{padding:5px 11px;border-radius:8px;font-size:12px;font-weight:700;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-muted);transition:all .12s;white-space:nowrap}.deck-view-btn:hover{border-color:var(--text);color:var(--text)}.deck-view-btn.active{background:var(--blue-soft);border-color:var(--text);color:var(--text)}.size-toggle{display:flex;gap:4px}.size-toggle button{width:36px;height:36px;border-radius:8px;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-muted);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all .12s}.size-toggle button:hover{border-color:var(--text);color:var(--text)}.size-toggle button.active{background:var(--blue-soft);border-color:var(--text);color:var(--text)}.empty-state{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:40px 0;font-size:13px}.card-tile{display:flex;flex-direction:column;min-width:0;border-radius:12px;overflow:hidden;background:var(--panel);border:1.5px solid var(--border);transition:all .13s;position:relative;box-shadow:var(--shadow)}.card-tile:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-tile:hover .card-tile-img-wrap{filter:drop-shadow(0 0 7px var(--glow, transparent))}.card-tile.at-max{opacity:.55}.card-tile-img-wrap{position:relative;aspect-ratio:5/7;cursor:pointer;overflow:hidden;background:var(--panel-2)}.card-tile-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.card-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:11px;color:var(--text-dim);background:var(--panel-2)}.count-badge{position:absolute;top:6px;left:6px;background:#fff;color:var(--purple);font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;border:1.5px solid var(--purple);box-shadow:var(--shadow)}.count-badge.at-max{color:#1d8050;border-color:#1d8050}[data-theme=dark] .count-badge.at-max{color:#4ade80;border-color:#4ade80}@media (hover: none),(max-width: 768px){.card-tile:hover{border-color:var(--border);transform:none;box-shadow:var(--shadow)}.card-tile:hover .card-tile-img-wrap{filter:none}.card-info-btn{display:none!important}}.card-info-btn{position:absolute;top:6px;right:6px;z-index:2;width:22px;height:22px;border-radius:50%;padding:0;background:#ffffffd1;border:1.5px solid rgba(27,43,58,.28);color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .12s}.card-tile:hover .card-info-btn,.deck-view-tile:hover .card-info-btn{opacity:1}.card-info-btn:hover{background:#fff;border-color:var(--text)}.card-tile-footer{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 8px 8px;border-top:1px solid var(--border)}.card-tile-name{width:100%;text-align:center;font-size:12px;font-weight:600;color:var(--text-dim);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tile-name:hover{color:var(--text)}.card-tile-controls{display:flex;align-items:center;gap:8px}.tile-qty{font-size:13px;font-weight:800;color:var(--text-muted);min-width:16px;text-align:center;font-variant-numeric:tabular-nums}.tile-qty.in-deck{color:var(--text)}.tile-count-btn{width:23px;height:23px;border-radius:50%;flex-shrink:0;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-dim);font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .12s}.tile-count-btn.add{background:var(--blue-soft);border-color:var(--text);color:var(--text)}.tile-count-btn:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:#fff}.tile-count-btn:disabled{opacity:.3;cursor:default}.deck-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:visible}.deck-header{display:flex;flex-direction:column;gap:6px;padding:12px 16px;flex-shrink:0;border-bottom:1px solid var(--border)}.deck-header-actions{display:flex;align-items:center;gap:8px}.deck-header-actions .deck-count{margin-left:auto}.deck-name-input{font-family:var(--font-heading);width:100%;box-sizing:border-box;background:transparent;border:1.5px solid transparent;padding:5px 10px;border-radius:var(--radius-sm);font-weight:800;font-size:15px}.deck-name-input:focus{background:var(--panel-2);border-color:var(--border-2)}.deck-name-input::placeholder{font-weight:500}.icon-btn{width:36px;height:36px;border-radius:8px;flex-shrink:0;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:all .12s}.icon-btn:hover:not(:disabled){border-color:var(--text);color:var(--text);background:var(--panel-2)}.icon-btn:disabled{opacity:.35;cursor:default}.deck-count{font-size:12.5px;font-weight:800;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.deck-count.exact{color:#1d8050}.deck-count.over{color:#c0283e}[data-theme=dark] .deck-count.exact{color:#4ade80}[data-theme=dark] .deck-count.over{color:#ff8585}.deck-tabs{display:flex;padding:8px 0 0;flex-shrink:0;border-bottom:1px solid var(--border)}.deck-tabs button{flex:1;background:transparent;border:none;color:var(--text-muted);padding:8px 16px 9px;font-size:13px;font-weight:700;border-bottom:2.5px solid transparent;margin-bottom:-1px;transition:all .12s}.deck-tabs button:hover{color:var(--text-dim)}.deck-tabs button.active{color:var(--text);border-bottom-color:var(--pink)}.deck-type-summary{display:flex;flex-wrap:wrap;gap:5px;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.type-pill{font-size:11px;font-weight:700;color:color-mix(in srgb,var(--tc) 70%,black);background:color-mix(in srgb,var(--tc) 14%,white);border:1.5px solid color-mix(in srgb,var(--tc) 45%,white);border-radius:999px;padding:2px 10px}.deck-list{flex:1;overflow-y:auto;padding:4px 0 8px}.deck-empty{text-align:center;color:var(--text-muted);padding:28px 20px;font-size:13px;line-height:1.6}.deck-group{margin-bottom:4px}.deck-group-header{display:flex;justify-content:space-between;align-items:center;padding:6px 16px 3px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:color-mix(in srgb,var(--gc) 70%,black);border-bottom:1.5px solid color-mix(in srgb,var(--gc) 35%,white);margin-bottom:1px}.deck-row{display:flex;align-items:center;gap:8px;padding:4px 16px 4px 12px;min-height:40px;transition:background .1s}.deck-row:hover{background:var(--panel-2)}.deck-row.canvas-hover{background:var(--blue-softer)}.deck-row-thumb{width:26px;height:36px;border-radius:5px;overflow:hidden;flex-shrink:0;cursor:pointer;background:var(--panel-2);border:1px solid var(--border)}.deck-row-thumb img{width:100%;height:100%;object-fit:cover}.deck-row-thumb-placeholder{width:100%;height:100%}.deck-row-name{flex:1;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-row-name:hover{color:var(--blue)}.deck-row-name-link{text-decoration:none;color:inherit}.deck-row-name-link:hover{color:var(--blue)}.deck-row-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.deck-row-count{font-size:12px;font-weight:800;color:var(--text-dim);min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.deck-row-count.at-max{color:var(--green)}.deck-row-price{font-size:11px;font-weight:700;color:var(--text-muted);margin-left:auto;flex-shrink:0;text-decoration:none}.deck-row-price-link:hover{color:var(--blue);text-decoration:underline}.count-btn{width:23px;height:23px;border-radius:50%;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-dim);font-size:15px;display:flex;align-items:center;justify-content:center;line-height:1;font-weight:600;transition:all .1s}.count-btn:hover:not(:disabled){background:var(--blue-soft);border-color:var(--text);color:var(--text)}.deck-row-cover-btn{width:22px;height:22px;border-radius:6px;flex-shrink:0;background:transparent;border:1.5px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s,background .12s,color .12s,border-color .12s}.deck-row:hover .deck-row-cover-btn{opacity:1}.deck-row-cover-btn:hover{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.deck-row-cover-btn.active{opacity:1;background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.deck-row.is-cover{background:#3b82f60f}.deck-row.is-cover:hover{background:#3b82f61a}.deck-stats{display:flex;flex-direction:column;gap:14px;padding:14px 16px}.stat-block{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.stat-block-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:10px}.stat-chart{width:100%;height:auto;display:block}.chart-value{font-size:10px;font-weight:800;fill:var(--text-dim)}.chart-axis{font-size:10px;font-weight:700;fill:var(--text-muted)}.pie-row{display:flex;align-items:center;gap:14px}.pie-svg{width:110px;height:110px;flex-shrink:0}.pie-legend{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.pie-legend-row{display:flex;align-items:center;gap:7px;font-size:12px}.pie-legend-label{flex:1;font-weight:700;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie-legend-value{font-weight:800;color:var(--text);white-space:nowrap}.pie-legend-pct{font-weight:600;color:var(--text-muted)}.deck-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.deck-footer .btn-secondary,.deck-footer .btn-danger{flex:1}.deck-value-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap;margin-left:auto;border:none;cursor:pointer;background:linear-gradient(135deg,#477df6,#e54a9b);color:#fff;transition:background .15s,color .15s}.deck-value-badge.prices-hidden{background:var(--panel-2);color:var(--text-muted);border:1px solid var(--border);cursor:pointer}.deck-value-badge.deck-value-loading{background:var(--panel-2);border:1px solid var(--border);color:transparent;cursor:default}.export-modal{background:var(--panel);border-radius:20px;padding:0;width:700px;max-width:100%;max-height:92vh;position:relative;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.export-modal-body{padding:14px 20px 4px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1;min-height:0}.export-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px;flex-shrink:0;border-top:1px solid var(--border)}.export-fields{display:flex;gap:12px}.export-fields .field{flex:1}.export-preview-clip{overflow:hidden;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);align-self:center}.export-controls-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.aspect-group{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.aspect-row{display:flex;gap:5px}.aspect-btn{width:36px;height:36px;border-radius:9px;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .12s}.aspect-btn:hover{border-color:var(--text);color:var(--text)}.aspect-btn.active{background:var(--blue-soft);border-color:var(--text);color:var(--text)}.aspect-shape{display:block;border:2px solid currentColor;border-radius:3px}.aspect-shape.a16x9{width:20px;height:12px}.aspect-shape.a9x16{width:12px;height:20px}.aspect-shape.a1x1{width:16px;height:16px}.export-copy-btn{display:flex;align-items:center;gap:6px}.export-dropdown{position:relative}.export-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;background:var(--panel);border:1.5px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px;min-width:148px}.export-dropdown-menu button{padding:8px 13px;border-radius:8px;font-size:13px;font-weight:600;background:none;border:none;color:var(--text-dim);text-align:left;white-space:nowrap;transition:background .1s,color .1s;display:flex;align-items:center;gap:8px;cursor:pointer;width:100%}.export-dropdown-menu button:hover{background:var(--panel-2);color:var(--text)}.deck-view-type-header{grid-column:1 / -1;display:flex;justify-content:flex-start;align-items:center;gap:6px;padding:5px 4px 4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:color-mix(in srgb,var(--gc) 70%,black);border-bottom:2px solid color-mix(in srgb,var(--gc) 45%,white);margin-top:4px}.deck-view-type-header:first-child{margin-top:0}.deck-view-type-count{font-weight:700;opacity:.75}.deck-view-grid{flex:1;overflow:hidden;display:grid;grid-auto-rows:max-content;align-items:start;gap:8px;align-content:start;padding:6px 14px}.deck-view-tile{display:flex;flex-direction:column;min-width:0;border-radius:10px;overflow:visible;background:var(--panel);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,z-index 0s;position:relative;z-index:0;perspective:900px;cursor:pointer}.deck-view-tile:hover{transform:scale(1.6);z-index:20;box-shadow:0 16px 48px #00000073}.deck-view-tile>.deck-view-img{border-radius:10px;overflow:hidden}.deck-view-tile-tilt{transform-style:preserve-3d;will-change:transform;border-radius:10px;width:100%}.deck-view-tile-inner{position:relative;width:100%;aspect-ratio:5/7;transform-style:preserve-3d;transition:transform .45s ease;border-radius:10px}.deck-view-tile-inner.flipped{transform:rotateY(180deg)}.deck-view-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;overflow:hidden}.deck-view-face-back{transform:rotateY(180deg)}.deck-view-face-back img{width:100%;height:100%;object-fit:cover;display:block}.deck-view-img{position:relative;aspect-ratio:5/7;overflow:hidden;background:var(--panel-2);flex-shrink:0}.deck-view-img img{width:100%;height:100%;object-fit:cover;display:block}.deck-view-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:11px;color:var(--text-dim)}.deck-view-count{text-align:center;font-size:12px;font-weight:800;color:var(--text-dim);padding:4px 0 5px;border-top:1px solid var(--border);background:var(--panel);white-space:nowrap}.deck-canvas{flex:1;min-height:0;overflow-y:auto;position:relative;padding:10px 12px 12px}.deck-canvas-grid{display:grid;gap:8px;align-content:start}.deck-canvas-badge{position:absolute;top:4px;right:4px;background:#000000b8;color:#fff;font-size:10px;font-weight:800;padding:2px 5px;border-radius:5px;pointer-events:none;line-height:1.3}.pile-tile{display:block;position:relative;aspect-ratio:5/7;overflow:hidden;isolation:isolate}.pile-tile:hover{transform:none}.pile-ghost{position:absolute;aspect-ratio:5/7;border-radius:6px;overflow:hidden;pointer-events:none;filter:brightness(.55) saturate(.6)}.pile-ghost img,.pile-ghost-blank{width:100%;height:100%;object-fit:cover;display:block}.pile-front{position:absolute;bottom:0;right:0;aspect-ratio:5/7;border-radius:6px;overflow:hidden;z-index:4}.pile-front img{width:100%;height:100%;object-fit:cover;display:block}.btn-danger-confirm{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}.deck-hover-preview{position:fixed;z-index:90;pointer-events:none;width:280px;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #1b2b3a66;animation:hover-pop .1s ease}.deck-hover-preview img{width:100%;display:block}@keyframes hover-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2b3a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:300;padding:20px}.preview-modal{background:var(--panel);border-radius:20px;padding:24px;position:relative;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.preview-close{position:absolute;top:14px;right:14px;background:var(--panel-2);border:1.5px solid var(--border);border-radius:50%;width:30px;height:30px;font-size:13px;color:var(--text-dim);display:flex;align-items:center;justify-content:center}.preview-close:hover{color:var(--text);border-color:var(--border-2)}.preview-body{display:flex;gap:22px;align-items:flex-start}.preview-img-wrap{width:230px;flex-shrink:0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg)}.preview-img-wrap img{width:100%;display:block}.preview-img-placeholder{width:100%;aspect-ratio:5/7;display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--text-dim);padding:20px;text-align:center}.preview-details{flex:1;min-width:0}.preview-name{font-size:22px;font-weight:900;margin-bottom:10px;letter-spacing:-.3px}.preview-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.preview-type-badge,.preview-pill{font-size:12px;font-weight:700;padding:3px 11px;border-radius:999px;border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--text-dim)}.preview-ability{font-size:13px;color:var(--text-dim);line-height:1.6;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;margin-bottom:14px;white-space:pre-line}.ability-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;position:relative;top:-1px;margin:0 1px}.preview-dyli-price{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim);text-decoration:none;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;margin-top:6px;transition:border-color .15s}.preview-dyli-price:hover{border-color:#477df6;color:var(--text)}.preview-dyli-price strong{color:var(--text);font-weight:800}.preview-dyli-icon{font-size:14px}.preview-dyli-nosale{color:var(--text-muted)}.preview-dyli-none{color:var(--text-muted);cursor:default}.preview-dyli-none:hover{border-color:var(--border)}.preview-deck-controls{margin-bottom:8px}.preview-in-deck{font-size:12px;color:var(--text-muted);margin-bottom:8px;display:block;font-weight:600}.preview-in-deck strong{color:var(--text)}.preview-count-row{display:flex;align-items:center;gap:10px}.preview-count{font-size:18px;font-weight:900;min-width:32px;text-align:center}.import-modal{background:var(--panel);border-radius:20px;padding:0;width:520px;max-width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg)}.import-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);font-size:16px;font-weight:800}.import-header .preview-close{position:static}.import-modal>.btn-group{margin:14px 20px 0}.import-body{padding:14px 20px 18px;display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.import-stats{display:flex;gap:12px;font-size:13px;font-weight:700}.stat-good{color:var(--green)}.stat-warn{color:#cf8d12}.error-msg{color:var(--red);font-size:13px;font-weight:600;background:#fdeef1;border:1.5px solid rgba(224,68,90,.3);border-radius:var(--radius-sm);padding:9px 13px}.unresolved-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:7px 12px;background:#fdf3ee;border:1px solid rgba(224,108,68,.25);border-radius:var(--radius-sm);font-size:13px}.unresolved-count{color:var(--text-muted);font-weight:800}.unresolved-name{color:var(--red);font-weight:600}.unresolved-hint{font-size:12px;color:var(--text-muted)}.suggestion-btn{background:none;border:none;color:var(--blue);text-decoration:underline;font-size:12px;font-weight:700;padding:0 4px 0 0;cursor:pointer}.suggestion-btn:hover{color:var(--pink)}.row{display:flex;align-items:center}.gap-8{gap:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);border-radius:999px;padding:9px 22px;font-size:13px;font-weight:700;color:#fff;z-index:200;animation:toast-in .2s ease;box-shadow:var(--shadow-lg)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1b2b3a2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1b2b3a52}.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.header-nav{display:flex;align-items:center;gap:4px;flex:1;margin-left:16px}.header-nav-link{padding:5px 12px;border-radius:8px;font-size:13px;font-weight:700;color:var(--text-muted);text-decoration:none;transition:all .12s}.header-nav-link:hover{color:var(--text);background:var(--panel-2)}.header-nav-link.active{color:var(--text);background:var(--blue-softer)}.user-menu-wrap{position:relative}.user-avatar-btn{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-weight:800;font-size:13px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s}.user-avatar-btn:hover{transform:scale(1.08)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:80;background:var(--panel);border:1.5px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;min-width:170px;display:flex;flex-direction:column;gap:2px}.user-menu-name{padding:6px 10px 8px;font-size:12px;font-weight:700;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--border);margin-bottom:4px}.user-menu-item{padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-dim);text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;transition:background .1s,color .1s;display:block}.user-menu-item:hover{background:var(--panel-2);color:var(--text)}.user-menu-item.danger:hover{background:#fdeef1;color:var(--red)}.draft-banner{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 14px;background:var(--blue-softer);border-bottom:1.5px solid var(--blue-soft);font-size:12px}.draft-banner-msg{flex:1;font-weight:700;color:var(--blue)}.draft-banner-btn{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;border:1.5px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;white-space:nowrap;transition:opacity .1s}.draft-banner-btn:hover{opacity:.85}.draft-banner-btn.secondary{background:transparent;color:var(--blue)}.edit-mode-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 14px;border-bottom:1px solid var(--border);background:var(--panel-2);flex-shrink:0}.edit-mode-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.edit-mode-actions{display:flex;align-items:center;gap:10px}.edit-mode-revert,.edit-mode-new{font-size:11px;font-weight:700;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;white-space:nowrap}.edit-mode-revert{color:var(--text-muted)}.edit-mode-revert:hover{color:var(--text-dim)}.edit-mode-new{color:var(--blue)}.edit-mode-new:hover{opacity:.75}.deck-meta-row{display:flex;align-items:center;gap:8px;padding:6px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.deck-meta-row .multiselect{flex-shrink:1;min-width:0}.deck-meta-row .multiselect-btn{max-width:140px;overflow:hidden;text-overflow:ellipsis}.visibility-select{flex:1;min-width:0;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-dim);cursor:pointer;transition:border-color .12s}.visibility-select:focus{border-color:var(--blue);outline:none;color:var(--text)}.save-btn{white-space:nowrap;flex-shrink:0}.save-btn.saved{background:var(--panel);color:var(--green);border-color:#2fa46373}.auth-modal{background:var(--panel);border-radius:20px;padding:28px 28px 24px;width:380px;max-width:100%;position:relative;box-shadow:var(--shadow-lg)}.auth-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-header h2{font-size:20px;font-weight:900;letter-spacing:.2px;font-family:var(--font-heading)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-success{text-align:center;padding:12px 0}.auth-success-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 14px;background:#2fa4631f;color:var(--green);font-size:24px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid rgba(47,164,99,.35)}.auth-success h2{font-size:18px;font-weight:800;margin-bottom:8px}.auth-success p{font-size:13px;color:var(--text-dim);line-height:1.5}.visibility-badge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;border:1.5px solid;display:inline-block}.visibility-badge.public{color:var(--green);border-color:#2fa46366;background:#2fa46314}.visibility-badge.unlisted{color:var(--blue);border-color:#36a8e066;background:#36a8e014}.visibility-badge.private{color:var(--text-muted);border-color:var(--border-2);background:var(--panel-2)}.browse-page{overflow:hidden}.browse-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.browse-grid-wrap{flex:1;overflow-y:auto;padding:20px}.browse-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.browse-top-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 16px;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--panel)}.browse-top-bar .search-input{width:200px;flex:none}.browse-top-bar-divider{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 2px}.browse-top-bar-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);white-space:nowrap}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--panel-2);border:1.5px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all .12s;flex-shrink:0}.browse-card-filter{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;padding:8px 16px;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--panel)}.browse-card-filter-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);white-space:nowrap;padding-top:6px}.browse-card-search-wrap{position:relative;flex-shrink:0}.browse-card-search{width:220px;padding:5px 12px;border-radius:20px;font-size:13px;font-weight:600;background:var(--panel-2);border:1.5px solid var(--border-2);color:var(--text);outline:none;transition:border-color .12s}.browse-card-search:focus{border-color:var(--blue)}.browse-card-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:200;min-width:260px;max-height:280px;overflow-y:auto;background:var(--panel);border:1.5px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow-lg);padding:4px}.browse-card-result{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;cursor:pointer;transition:background .1s}.browse-card-result:hover{background:var(--panel-2)}.browse-card-result-thumb{width:32px;height:44px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--panel-2)}.browse-card-result-name{font-size:13px;font-weight:600;color:var(--text)}.browse-card-result-sub{font-size:11px;color:var(--text-muted)}.browse-card-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;background:var(--blue-softer);border:1.5px solid var(--blue);color:var(--text);white-space:nowrap}.browse-card-chip-remove{background:none;border:none;padding:0;cursor:pointer;color:var(--text-dim);font-size:14px;line-height:1;display:flex;align-items:center;transition:color .1s}.browse-card-chip-remove:hover{color:var(--red)}.filter-chip:hover{border-color:var(--text-muted);color:var(--text)}.filter-chip.active{background:var(--blue-softer);border-color:var(--blue);color:var(--text)}.view-toggle{display:flex;gap:2px;flex-shrink:0}.view-toggle-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .12s}.view-toggle-btn:hover{border-color:var(--blue);color:var(--text)}.view-toggle-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.browse-sort-group{display:contents}.browse-deck-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px;border-radius:14px;background:var(--panel-2);border:1.5px solid var(--border);text-decoration:none;color:inherit;transition:all .18s;box-shadow:var(--shadow)}.browse-deck-card:hover{border-color:#fff6;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.browse-deck-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:125%;background-position:center 20%;background-repeat:no-repeat;transition:background-size .35s ease}.browse-deck-card:hover .browse-deck-art{background-size:135%}.browse-deck-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0000 10%,#00000061 45%,#000000e6)}.browse-deck-card:not(.has-art) .browse-deck-overlay{background:none}.browse-deck-content{position:relative;z-index:2;padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}.browse-deck-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.browse-deck-name{font-size:15px;font-weight:800;font-family:var(--font-heading)}.browse-deck-stats{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.browse-deck-author{font-size:12px}.browse-deck-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.browse-deck-count{font-size:12px;font-weight:700}.browse-deck-date{font-size:11px}.browse-deck-views{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;background:#00000061;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:2px 7px 2px 6px}.browse-deck-badges{display:inline-flex;align-items:center;gap:6px}.browse-deck-value,.deck-tile-value{display:inline-flex;align-items:center;font-size:11px;font-weight:700;white-space:nowrap;color:#fff;background:#00000061;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:2px 7px}.browse-deck-card.has-art .browse-deck-name{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.browse-deck-card.has-art .browse-deck-author{color:#ffffffb3}.browse-deck-card.has-art .browse-deck-stats{color:#fffc}.browse-deck-card.has-art .browse-deck-count{color:#ffffffbf}.browse-deck-card.has-art .browse-deck-count.exact{color:#6eefaa}.browse-deck-card.has-art .browse-deck-count.over{color:#ff8a9a}.browse-deck-card.has-art .browse-deck-date{color:#ffffff8c}.browse-deck-card.has-art .browse-deck-views{color:#ffffffeb}.browse-deck-card:not(.has-art) .browse-deck-name{color:var(--text)}.browse-deck-card:not(.has-art) .browse-deck-author{color:var(--text-muted)}.browse-deck-card:not(.has-art) .browse-deck-stats{color:var(--text-muted)}.browse-deck-card:not(.has-art) .browse-deck-count{color:var(--text-muted)}.browse-deck-card:not(.has-art) .browse-deck-count.exact{color:var(--green)}.browse-deck-card:not(.has-art) .browse-deck-count.over{color:var(--red)}.browse-deck-card:not(.has-art) .browse-deck-date{color:var(--text-muted)}.browse-deck-card:not(.has-art) .browse-deck-views{color:var(--text-muted);background:var(--panel-2);border-color:var(--border)}.browse-deck-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.deck-list-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--panel-2);text-decoration:none;color:var(--text);transition:border-color .14s,background .14s}.deck-list-row:hover{border-color:var(--blue);background:var(--panel)}.deck-list-thumb{width:52px;height:52px;border-radius:8px;flex-shrink:0;background-color:var(--panel-2);background-size:cover;background-position:center;border:1.5px solid var(--border)}.deck-list-info{flex:1;min-width:0}.deck-list-name{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-list-meta{display:flex;align-items:center;gap:10px;margin-top:3px;font-size:12px;color:var(--text-muted)}.deck-list-stats{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);flex-shrink:0}.deck-list-date{font-size:11px;color:var(--text-muted);flex-shrink:0;min-width:80px;text-align:right}.deck-tile-list-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--panel-2);cursor:pointer;transition:border-color .14s,background .14s}.deck-tile-list-row:hover{border-color:var(--blue);background:var(--panel)}.deck-list-row-actions{display:flex;gap:4px;flex-shrink:0}.deck-tile-list-row .deck-tile-icon-btn{background:var(--panel);border-color:var(--border-2);color:var(--text-dim)}.deck-tile-list-row .deck-tile-icon-btn:hover{background:var(--panel-2);border-color:var(--border-2);color:var(--text)}.deck-tile-list-row .deck-tile-icon-btn.danger:hover,.deck-tile-list-row .deck-tile-icon-btn.danger.confirming{background:#e0445a1a;border-color:var(--red);color:var(--red)}.deck-detail-page{overflow:hidden}.deck-detail-body{display:flex;flex:1;overflow:hidden}.deck-detail-main{display:flex;flex-direction:column;flex:1;overflow:hidden}.deck-detail-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden;background:var(--panel)}.deck-detail-meta{padding:16px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.deck-detail-name{font-size:20px;font-weight:900;margin-bottom:4px;letter-spacing:.2px;font-family:var(--font-heading)}.deck-detail-author{font-size:13px;color:var(--text-muted);margin-bottom:8px}.deck-detail-badges{display:flex;align-items:center;gap:8px;margin-bottom:6px}.deck-detail-forks{font-size:13px;color:var(--text-muted);font-weight:700}.deck-detail-desc{font-size:13px;color:var(--text-dim);margin-top:8px;line-height:1.5}.deck-detail-actions{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;align-items:center}.deck-detail-actions .btn-primary{flex:1}.deck-action-btn{width:36px;height:36px;border-radius:8px;flex-shrink:0;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:border-color .12s,color .12s,background .12s;text-decoration:none;cursor:pointer}.deck-action-btn:hover:not(:disabled){border-color:var(--text);color:var(--text);background:var(--panel-2)}.deck-action-btn:disabled{opacity:.35;cursor:default}.deck-action-btn.danger{color:var(--red)}.deck-action-btn.danger:hover:not(:disabled){background:#fbdce2;border-color:var(--red);color:var(--red)}.deck-action-btn.danger.confirming{background:var(--red);border-color:var(--red);color:#fff}.deck-detail-grid{flex:1;overflow-y:auto;padding:12px 16px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-content:start}.deck-detail-type-section{grid-column:1 / -1;display:contents}.deck-detail-card{min-width:0}.deck-detail-card .deck-view-img{border-radius:8px}.like-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-sm);background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-dim);font-weight:700;font-size:13px;box-shadow:var(--shadow);transition:all .15s;cursor:pointer;flex-shrink:0}.like-btn:hover:not(:disabled){border-color:#e54a9b;color:#e54a9b;background:#fdeef5}.like-btn.liked{background:#fdeef5;border-color:#e54a9b;color:#e54a9b}.like-btn:disabled{opacity:.6;cursor:default}.deck-detail-stats{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:12px;color:var(--text-muted);font-weight:600}.deck-stat-item{display:flex;align-items:center;gap:4px}.deck-stat-like{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:12px;color:var(--text-muted);font-weight:600;cursor:pointer;transition:color .15s}.deck-stat-like:hover:not(:disabled){color:#e54a9b}.deck-stat-like.liked{color:#e54a9b}.deck-stat-like:disabled{cursor:default}.deck-view-tab-bar{display:flex;align-items:center;gap:4px;padding:10px 16px 0;flex-shrink:0;border-bottom:2px solid var(--border)}.deck-view-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;background:none;border:none;font-size:13px;font-weight:700;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;cursor:pointer}.deck-view-tab:hover{color:var(--text)}.deck-view-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.deck-mobile-tab-bar{display:none}.deck-detail-mulligan{flex:1;overflow:hidden;display:flex;flex-direction:column}.browse-deck-stats{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);font-weight:600;white-space:nowrap}.profile-body{padding:24px 28px;flex:1;overflow-y:auto}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.profile-title{font-size:22px;font-weight:900;letter-spacing:-.3px}.profile-deck-list{display:flex;flex-direction:column;gap:10px}.profile-deck-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow)}.profile-deck-info{flex:1;min-width:0}.profile-deck-name{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-deck-meta{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.profile-deck-count,.profile-deck-forks{font-size:12px;color:var(--text-muted);font-weight:700}.profile-deck-date{font-size:12px;color:var(--text-muted)}.profile-deck-actions{display:flex;gap:6px;flex-shrink:0}.nav-dropdown-wrap{position:relative}.nav-dropdown-trigger{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px}.nav-caret{font-size:10px;opacity:.55}.nav-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:80;background:var(--panel);border:1.5px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px;min-width:160px}.nav-dropdown-item{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-dim);text-decoration:none;display:block;transition:background .1s,color .1s;white-space:nowrap}.nav-dropdown-item:hover{background:var(--panel-2);color:var(--text)}.nav-dropdown-item-mobile{display:none}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;border-radius:var(--radius-sm);background:var(--panel);border:1.5px solid var(--border-2);font-size:14px;font-weight:700;color:var(--text);box-shadow:var(--shadow);transition:all .15s;cursor:pointer}.google-btn:hover:not(:disabled){border-color:var(--text);background:var(--panel-2)}.google-btn:disabled{opacity:.4;cursor:default}.oauth-btns{display:flex;gap:8px;width:100%}.oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px;border-radius:var(--radius-sm);border:1.5px solid var(--border-2);background:var(--panel);font-size:13px;font-weight:700;color:var(--text);box-shadow:var(--shadow);transition:all .15s;cursor:pointer}.oauth-btn:hover:not(:disabled){border-color:var(--text);background:var(--panel-2)}.oauth-btn:disabled{opacity:.4;cursor:default}.oauth-btn--twitter{color:#000}[data-theme=dark] .oauth-btn--twitter{color:#fff}.oauth-btn--discord{color:#5865f2}.auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--text-muted);font-size:12px;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-2)}.gallery-page{overflow:hidden}.gallery-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.gallery-main{flex:1;overflow:hidden}.gallery-grid{padding:12px 14px 18px;overflow-y:auto;height:100%}.gallery-tile{cursor:pointer}.gallery-tile .card-tile-footer{display:none}.gallery-controls-right{display:flex;align-items:center;gap:10px}.gallery-sort-controls{display:flex;align-items:center;gap:6px}.gallery-card-tooltip{position:fixed;z-index:400;pointer-events:auto;background:var(--panel);border:1.5px solid var(--border-2);border-radius:12px;padding:13px 14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:7px}.gallery-tooltip-name{font-size:13px;font-weight:800;color:var(--text);line-height:1.3;font-family:var(--font-heading)}.gallery-tooltip-type{font-size:11px;color:var(--text-muted);font-weight:600}.gallery-tooltip-pills{display:flex;flex-wrap:wrap;gap:4px}.gallery-tooltip-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border)}.gallery-tooltip-ability{font-size:11px;color:var(--text-dim);line-height:1.55;margin:0;border-top:1px solid var(--border);padding-top:7px}.gallery-tooltip-price{font-size:11px;color:var(--text-dim);border-top:1px solid var(--border);padding-top:7px;margin-top:0}.gallery-tooltip-price strong{color:var(--text)}.gallery-tooltip-price-label{color:var(--text-muted)}.gallery-tooltip-price-none{color:var(--text-muted);font-style:italic}.gallery-price-badge{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#477df6,#e54a9b);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:5px;pointer-events:none;white-space:nowrap}.dyli-logo-micro{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.gallery-card-meta{font-size:10px;color:var(--text-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.my-decks-page{flex:1;overflow:hidden;display:flex;flex-direction:column}.my-decks-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:12px;flex-wrap:wrap;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--panel)}.my-decks-title{font-size:20px;font-weight:900;letter-spacing:-.3px}.my-decks-scroll{flex:1;overflow-y:auto;padding:20px}.my-decks-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.deck-tile{position:relative;cursor:pointer;overflow:hidden;border-radius:16px;border:1.5px solid var(--border);box-shadow:var(--shadow);transition:all .18s;min-height:180px;background:var(--panel-2);display:flex;flex-direction:column;justify-content:flex-end}.deck-tile:hover{border-color:#fff6;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.deck-tile-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:125%;background-position:center 20%;background-repeat:no-repeat;transition:background-size .35s ease}.deck-tile:hover .deck-tile-art{background-size:135%}.deck-tile-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0000 10%,#00000040 50%,#000000d1)}.deck-tile-actions{position:absolute;top:10px;right:10px;z-index:3;display:flex;gap:4px;opacity:0;transition:opacity .15s}.deck-tile:hover .deck-tile-actions{opacity:1}.deck-tile-icon-btn{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:1px solid rgba(255,255,255,.25);color:#ffffffe6;cursor:pointer;transition:all .12s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.deck-tile-icon-btn:hover{background:#fff3;border-color:#fff9}.deck-tile-icon-btn.danger:hover,.deck-tile-icon-btn.danger.confirming{background:#e0445ab3;border-color:#e0445ae6}.deck-tile-body{position:relative;z-index:2;padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.deck-tile-name{font-size:15px;font-weight:800;line-height:1.3;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);padding-right:4px;word-break:break-word}.deck-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.deck-tile-visibility{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#ffffffbf;text-transform:capitalize}.deck-tile-date{font-size:11px;color:#fff9}.cover-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.cover-picker-modal{background:var(--panel);border:1.5px solid var(--border);border-radius:18px;box-shadow:0 24px 60px #00000080;width:min(520px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.cover-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-size:15px;font-weight:800;flex-shrink:0}.cover-picker-close{width:28px;height:28px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border);color:var(--text-muted);font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.cover-picker-close:hover{background:var(--border);color:var(--text)}.cover-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:16px;overflow-y:auto}.cover-picker-card{border-radius:10px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;transition:border-color .15s,transform .15s,box-shadow .15s;aspect-ratio:5/7}.cover-picker-card img{width:100%;height:100%;object-fit:cover;display:block}.cover-picker-card:hover{border-color:var(--blue);transform:scale(1.04);box-shadow:0 6px 20px #0006}.cover-picker-card.current{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f64d}.my-decks-cta{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.cta-inner{max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.cta-icon{display:none}.cta-title{font-size:28px;font-weight:900;letter-spacing:-.5px;font-family:var(--font-heading)}.cta-subtitle{font-size:15px;color:var(--text-dim);line-height:1.55}.cta-benefits{list-style:none;width:100%;display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1.5px solid var(--border);border-radius:14px;padding:16px 20px;box-shadow:var(--shadow);text-align:left}.cta-benefit{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.cta-benefit-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.cta-btn{width:100%;padding:12px;font-size:15px;font-weight:800}.cta-signin{font-size:13px;color:var(--text-muted)}.cta-signin-link{background:none;border:none;color:var(--blue);font-weight:700;cursor:pointer;font-size:13px;padding:0;text-decoration:underline}@keyframes cta-enter{0%{opacity:0;transform:translate(-50%) rotate(0) translateY(28px) scale(.82)}to{opacity:1;transform:translate(-50%) rotate(0) translateY(0) scale(1)}}@keyframes cta-float{0%,to{transform:translate(calc(-50% + var(--fan-x))) rotate(var(--fan-rot)) translateY(0)}50%{transform:translate(calc(-50% + var(--fan-x))) rotate(var(--fan-rot)) translateY(-9px)}}.cta-hand{position:relative;height:280px;width:100%;margin:0 auto 4px}.cta-card{position:absolute;left:50%;bottom:16px;width:150px;transform:translate(-50%) rotate(0);transform-origin:50% 100%;opacity:0;--fan-rot: 0deg;--fan-x: 0px;--fan-delay: 0s}.cta-card.entering{animation:cta-enter .7s cubic-bezier(.34,1.2,.64,1) forwards}.cta-card.visible-center{opacity:1;transform:translate(-50%) rotate(0)}.cta-card.fanning{opacity:1;transform:translate(calc(-50% + var(--fan-x))) rotate(var(--fan-rot));transition:transform .75s cubic-bezier(.34,1.2,.64,1) var(--fan-delay),opacity .4s ease var(--fan-delay)}.cta-card.floating{animation:cta-float 3.2s ease-in-out infinite var(--fan-delay);transition:none;opacity:1}.cta-tilt{transform-style:preserve-3d;will-change:transform;border-radius:10px;width:100%}.cta-card-inner{position:relative;width:100%;aspect-ratio:5/7;transform-style:preserve-3d;transition:transform .65s ease;border-radius:10px}.cta-card-inner.flipped{transform:rotateY(180deg)}.cta-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px #00000038}.cta-face img{width:100%;height:100%;object-fit:cover;display:block}.cta-face-back{transform:rotateY(180deg)}.cta-card-face{width:100%;aspect-ratio:5/7;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px #00000038}.cta-card-face img{width:100%;height:100%;object-fit:cover;display:block}.account-page{flex:1;overflow-y:auto;padding:28px 32px;max-width:640px}.account-page-title{font-size:22px;font-weight:900;letter-spacing:.2px;margin-bottom:24px;font-family:var(--font-heading)}.account-section{padding:20px;background:var(--panel);border:1.5px solid var(--border);border-radius:16px;box-shadow:var(--shadow);margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.account-section-title{font-size:15px;font-weight:800}.account-section-desc{font-size:13px;color:var(--text-dim);margin-top:-4px}.account-field-row{display:flex;align-items:center;gap:10px}.account-input{flex:1;padding:8px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border-2);font-size:14px;font-weight:600;background:var(--panel-2);color:var(--text);outline:none;width:auto}.account-input:focus{border-color:var(--blue)}.account-field-error{font-size:12px;color:var(--red);font-weight:700;margin-top:-4px}.account-field-hint{font-size:12px;color:var(--text-muted)}.vis-toggle-row{display:flex;gap:8px;flex-wrap:wrap}.vis-toggle-btn{padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--text-dim);cursor:pointer;transition:all .12s}.vis-toggle-btn:hover:not(:disabled){border-color:var(--blue);color:var(--text)}.vis-toggle-btn.active{border-color:var(--blue);background:var(--blue-softer);color:var(--text)}.vis-toggle-btn:disabled{opacity:.5;cursor:default}.connected-accounts-list{display:flex;flex-direction:column;gap:8px}.connected-account-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:var(--panel-2);border:1.5px solid var(--border)}.connected-account-name{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.connected-account-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--blue-soft);color:var(--blue)}.danger-zone{border-color:#e0445a4d!important}.danger-title{color:var(--red)}.delete-confirm-box{display:flex;flex-direction:column;gap:12px}.delete-confirm-text{font-size:13px;color:var(--text-dim);line-height:1.5}.delete-confirm-input{width:100%}.delete-confirm-actions{display:flex;gap:8px}[data-theme=dark]{--bg: #3d57ca;--bg-grad-top: #3d57ca;--bg-grad-bot: #3050b8;--panel: #1f2e80;--panel-2: #2a3c9f;--border: rgba(255, 255, 255, .15);--border-2: rgba(255, 255, 255, .28);--text: #ffffff;--text-dim: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .65);--blue: #b8d0ff;--blue-soft: rgba(184, 208, 255, .22);--blue-softer: rgba(184, 208, 255, .12);--shadow: 0 2px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 36px rgba(0, 0, 0, .65)}[data-theme=dark] html,[data-theme=dark] body,[data-theme=dark] #root{background:#5570e0}[data-theme=dark] .app-header{background:#3244b4eb;border-bottom-color:#ffffff1f}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--panel);border-color:var(--border-2);color:var(--text)}[data-theme=dark] .home-section-alt{background:#0000001a;border-color:#ffffff1a}[data-theme=dark] .home-cta-section{background:#00000038}[data-theme=dark] .deck-view-type-header{color:color-mix(in srgb,var(--gc, #aaa) 80%,white);border-bottom-color:color-mix(in srgb,var(--gc, #aaa) 55%,transparent)}[data-theme=dark] .btn-primary{background:#fff;color:#3a50c0}[data-theme=dark] .btn-primary:hover{background:#ffffffe6}[data-theme=dark] .brand-name,[data-theme=dark] .mh-row-deck{color:#fff}[data-theme=dark] .mh-row-vs{color:#ffffffb8}[data-theme=dark] .mh-row-time{color:#ffffff8c}[data-theme=dark] .mh-stat-val{color:#fff}.theme-toggle-btn{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.theme-toggle-btn:hover{color:var(--blue);border-color:var(--blue);background:var(--blue-softer)}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.live-pill-wrap{position:relative}.live-pill{display:flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:#e528281f;border:1.5px solid rgba(229,40,40,.35);color:#e52828;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s;cursor:pointer}.live-pill:hover,.live-pill.open{background:#e5282833;border-color:#e5282899}.live-dot{width:8px;height:8px;border-radius:50%;background:#e52828;flex-shrink:0;animation:livePulse 1.4s ease-in-out infinite}.live-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--panel);border:1.5px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);min-width:220px;overflow:hidden;z-index:200}.live-stream-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;text-decoration:none;gap:12px;border-bottom:1px solid var(--border);transition:background .12s}.live-stream-row:hover{background:var(--panel-2)}.live-stream-name{font-size:13px;font-weight:700;color:var(--text)}.live-stream-viewers{font-size:11px;color:var(--text-muted);white-space:nowrap}.live-category-link{display:block;padding:9px 14px;font-size:12px;font-weight:700;color:var(--blue);text-decoration:none;text-align:center}.live-category-link:hover{background:var(--panel-2)}.home-page{overflow:hidden}.home-body{flex:1;overflow-y:auto}.hero{background:linear-gradient(to bottom,#0a1028b8,#0a10288c 60%,#0a1028c7),url(/browse-hero.webp) center/cover no-repeat;border-bottom:none;padding:88px 24px 80px;position:relative;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);opacity:.55;animation:orb-float 9s ease-in-out infinite alternate;transition:transform .6s var(--ease-out)}.hero-orb-1{width:320px;height:320px;top:-80px;left:6%;background:radial-gradient(circle,rgba(71,125,246,.55),transparent 70%);transform:translate3d(calc(var(--px, 0) * 28px),calc(var(--py, 0) * 20px),0)}.hero-orb-2{width:260px;height:260px;bottom:-70px;right:10%;background:radial-gradient(circle,rgba(229,74,155,.4),transparent 70%);animation-delay:-3s;animation-duration:11s;transform:translate3d(calc(var(--px, 0) * -36px),calc(var(--py, 0) * -24px),0)}.hero-orb-3{width:180px;height:180px;top:30%;left:46%;background:radial-gradient(circle,rgba(139,63,168,.35),transparent 70%);animation-delay:-6s;animation-duration:13s;transform:translate3d(calc(var(--px, 0) * 18px),calc(var(--py, 0) * 30px),0)}@keyframes orb-float{0%{margin-top:0}to{margin-top:26px}}.hero-inner{max-width:680px;margin:0 auto;text-align:center}.hero-split{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:48px}.hero-text{flex:1;min-width:0;text-align:left;transform:translate3d(calc(var(--px, 0) * -5px),calc(var(--py, 0) * -3px),0);transition:transform .4s var(--ease-out)}.hero-text .hero-sub{margin-left:0;margin-right:0;max-width:480px}.hero-text .hero-ctas{justify-content:flex-start}.hero-text .hero-signin{text-align:left}.hero-visual{flex:0 0 460px;position:relative;transform:translate3d(calc(var(--px, 0) * 12px),calc(var(--py, 0) * 8px),0);transition:transform .4s var(--ease-out)}.hero-badge{display:inline-block;margin-bottom:16px;padding:5px 14px;border-radius:999px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.35);font-size:13px;font-weight:700;color:#fff}.hero-title{font-size:clamp(32px,5vw,52px);font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:16px;font-family:var(--font-heading);color:#fff}.hero-sub{font-size:16px;color:#ffffffd1;line-height:1.6;max-width:520px;margin:0 auto 28px}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-cta-primary{padding:12px 28px;font-size:15px;font-weight:800}.hero-cta-secondary{padding:12px 24px;font-size:15px;background:#ffffff1f!important;border-color:#ffffff80!important;color:#fff!important}.hero-cta-secondary:hover{background:#ffffff38!important}.hero-signin{margin-top:16px;font-size:13px;color:#ffffff8c}.hero-signin-link{background:none;border:none;color:#fff;font-weight:700;padding:0;text-decoration:underline;cursor:pointer}.home-section{padding:52px 24px}.home-section-alt{background:var(--panel-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.home-section-inner{max-width:1100px;margin:0 auto}.home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.home-section-title{font-size:22px;font-weight:900;letter-spacing:-.3px;margin-bottom:24px;font-family:var(--font-heading)}.home-section-header .home-section-title{margin-bottom:0}.home-section-link{font-size:14px;font-weight:700;color:var(--blue);text-decoration:none}.home-section-link:hover{text-decoration:underline}.home-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:8px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.feature-card{padding:26px 20px;border-radius:0;background:var(--panel);border:none;box-shadow:none;border-right:1.5px solid var(--border);text-align:center}.feature-card:last-child{border-right:none}.feature-icon{font-size:30px;margin-bottom:12px;min-height:44px;display:flex;align-items:center;justify-content:center}.feature-icon-img{height:44px;width:auto;object-fit:contain;display:block}.mini-fan{position:relative;width:108px;height:58px}.mini-fan-card{position:absolute;top:0;left:50%;margin-left:-17px;width:34px;height:auto;border-radius:3px;transform-origin:50% 100%;box-shadow:0 2px 6px #0000002e;object-fit:cover}.feature-title{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px}.feature-desc{font-size:13px;color:var(--text-dim);line-height:1.5}.carousel{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/7;box-shadow:var(--shadow-lg)}.carousel-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.carousel-slide{min-width:100%;height:100%;position:relative;display:block;text-decoration:none;flex-shrink:0}.carousel-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;animation:ken-burns 12s ease-in-out infinite alternate}@keyframes ken-burns{0%{transform:scale(1.04)}to{transform:scale(1.12)}}.carousel-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,transparent 55%)}.carousel-info{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;color:#fff}.carousel-name{font-size:22px;font-weight:900;margin-bottom:4px}.carousel-meta{font-size:13px;opacity:.75}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.3);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;transition:background .15s}.carousel-btn:hover{background:#ffffff47}.carousel-btn.prev{left:14px}.carousel-btn.next{right:14px}.carousel-dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px}.carousel-dot{width:8px;height:8px;border-radius:999px;background:#ffffff59;border:none;padding:0;transition:background .25s,width .3s var(--ease-out)}.carousel-dot:hover{background:#fff9}.carousel-dot.active{background:#fff;width:22px}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.trending-card{border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:3/2;display:block;text-decoration:none;background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.trending-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:var(--shadow-lg)}.trending-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .5s var(--ease-out)}.trending-card:hover .trending-art{transform:scale(1.06)}.trending-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 55%)}.trending-content{position:absolute;bottom:0;left:0;right:0;padding:12px 14px;color:#fff}.trending-name{font-size:13px;font-weight:800;margin-bottom:2px;line-height:1.3}.trending-meta{font-size:11px;opacity:.65;margin-bottom:4px}.trending-stats{display:flex;gap:8px;font-size:11px;opacity:.85}.home-cta-section{padding:72px 24px;background:#5570e0;border-top:none}.home-cta-inner{max-width:560px;margin:0 auto;text-align:center}.home-cta-title{font-size:26px;font-weight:900;margin-bottom:10px;letter-spacing:-.3px;color:#fff;font-family:var(--font-heading)}.home-cta-sub{color:#ffffffd1;margin-bottom:24px;font-size:15px}.home-cta-section .btn-primary{background:#fff;color:#3d50b8}.home-cta-section .btn-primary:hover{background:#ffffffeb}.home-cta-section .btn-secondary{background:transparent;border-color:#ffffff80;color:#fff}.home-cta-section .btn-secondary:hover{background:#ffffff1f}.home-footer{padding:20px 24px;text-align:center;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px}.home-footer-links{display:flex;align-items:center;gap:8px}.home-footer-links a{color:var(--text-muted);text-decoration:none}.home-footer-links a:hover{color:var(--text-dim);text-decoration:underline}.home-footer-link{color:var(--text-muted);text-decoration:none}.home-footer-link:hover{color:var(--text-dim);text-decoration:underline}.deck-description-wrap{padding:0 14px 4px}.deck-description-input{font-size:12px;color:var(--text-dim);resize:none;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--panel-2);padding:7px 10px;width:100%;outline:none;transition:border-color .15s}.deck-description-input:focus{border-color:var(--blue)}.deck-tags-chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 14px 8px}.deck-tag-chip{padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;border:1.5px solid var(--blue-soft);background:var(--blue-softer);color:var(--blue);cursor:default}.deck-detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.deck-detail-tag{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1.5px solid var(--blue-soft);background:var(--blue-softer);color:var(--blue)}.deck-detail-desc{font-size:13px;color:var(--text-dim);line-height:1.5;margin-top:8px}.version-history-modal{max-width:480px;max-height:70vh;display:flex;flex-direction:column}.version-history-list{overflow-y:auto;padding:8px 12px 16px}.version-row{display:flex;gap:12px;padding:12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--panel-2);margin-bottom:8px}.version-row-num{font-size:14px;font-weight:900;color:var(--blue);min-width:32px}.version-row-detail{flex:1;display:flex;flex-direction:column;gap:3px}.version-row-date{font-size:12px;color:var(--text-muted)}.version-row-note{font-size:13px;color:var(--text)}.version-row-count{font-size:12px;color:var(--text-dim)}.version-row-tags{font-size:11px;color:var(--text-muted)}.events-page{overflow:hidden}.events-body{flex:1;overflow-y:auto;padding:32px;max-width:900px;margin:0 auto;width:100%}.events-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.events-title{font-size:26px;font-weight:900;letter-spacing:-.3px;margin-bottom:4px;font-family:var(--font-heading)}.events-subtitle{font-size:14px;color:var(--text-muted)}.events-tabs{margin-bottom:20px;border-bottom:1.5px solid var(--border)}.events-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.events-list{display:flex;flex-direction:column;gap:16px}.events-view-toggle{display:flex;gap:4px;margin-left:auto}.events-view-btn{display:flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:8px;border:1.5px solid var(--border-2);background:var(--panel);color:var(--text-muted);cursor:pointer;transition:all .12s}.events-view-btn:hover{border-color:var(--text-muted);color:var(--text)}.events-view-btn.active{background:var(--blue-softer);border-color:var(--blue);color:var(--text)}.events-calendar{display:flex;flex-direction:column;gap:0}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.calendar-month-label{font-size:16px;font-weight:800}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:90px;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.calendar-dow{padding:7px 4px;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--panel-2);border-bottom:1.5px solid var(--border);height:auto;grid-row:auto}.calendar-day{padding:6px 8px;overflow:hidden;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--panel)}.calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month{background:var(--panel-2)}.calendar-day.other-month .calendar-day-num{opacity:.3}.calendar-day.past-day{background:color-mix(in srgb,var(--panel) 85%,var(--panel-2))}.calendar-day-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;margin-bottom:4px}.calendar-day-num.is-today{background:var(--blue);color:#fff}.calendar-event-chip{display:block;font-size:10px;font-weight:600;line-height:1.4;padding:2px 6px;border-radius:4px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:opacity .1s}.calendar-event-chip:hover{opacity:.75}.calendar-event-chip.past{opacity:.55}.event-card.past{opacity:.65}.event-card.past:hover{opacity:1}.event-card{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--panel);overflow:hidden;box-shadow:var(--shadow);position:relative;transition:box-shadow .15s;display:flex;flex-direction:row;align-items:stretch}.event-card.featured{border-color:#36a8e080;background:var(--panel-2)}.event-card:hover{box-shadow:var(--shadow-lg)}.event-featured-badge{position:absolute;top:10px;right:14px;background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.3px;z-index:1}.event-type-badge{display:inline-block;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;margin-bottom:6px}.event-thumb{width:180px;flex-shrink:0;background-size:cover;background-position:center}.event-card-body{display:flex;gap:16px;align-items:center;justify-content:space-between;flex:1;padding:14px 18px}.event-info{flex:1}.event-title{font-size:17px;font-weight:800;margin-bottom:5px}.event-title-link{text-decoration:none;color:inherit}.event-title-link:hover .event-title{text-decoration:underline;text-underline-offset:3px}.event-desc{font-size:13px;color:var(--text-dim);margin-bottom:10px;line-height:1.5}.event-meta-row{display:flex;gap:16px;flex-wrap:wrap}.event-meta-item{font-size:12px;color:var(--text-muted)}.event-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.event-detail-page{flex:1;overflow-y:auto}.event-detail-banner{height:280px;background-size:cover;background-position:center;position:relative}.event-detail-body{max-width:900px;margin:0 auto;padding:28px 32px 48px}.event-detail-back{display:inline-block;font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;margin-bottom:20px}.event-detail-back:hover{color:var(--text)}.event-detail-header{margin-bottom:36px}.event-detail-title{font-size:30px;font-weight:900;letter-spacing:-.5px;margin:0 0 6px;font-family:var(--font-heading)}.event-detail-desc{margin-top:14px;color:var(--text-muted);line-height:1.6;max-width:680px}.event-detail-section-title{font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0 0 16px}.event-detail-decks{margin-top:12px}.event-decks-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.event-decks-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.event-sort-group{display:flex;align-items:center;gap:6px}.event-sort-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.event-placement-badge{position:absolute;top:8px;left:8px;z-index:2;font-size:10px;font-weight:900;padding:2px 8px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.event-cost-badge{position:absolute;bottom:36px;right:8px;z-index:2;font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-deck-card-wrap{display:flex;flex-direction:column;gap:4px}.event-deck-admin-row{display:flex;gap:4px}.event-deck-reorder{display:flex;gap:4px;flex-shrink:0}.event-deck-reorder-btn{padding:4px 10px;border-radius:6px;font-size:13px;font-weight:800;border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--text-muted);cursor:pointer;transition:border-color .12s,color .12s}.event-deck-reorder-btn:not(:disabled):hover{border-color:var(--blue);color:var(--blue)}.event-deck-reorder-btn:disabled{opacity:.3;cursor:default}.event-placement-edit{flex:1;min-width:0}.event-placement-set-btn{width:100%;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;border:1.5px dashed var(--border-2);background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .12s,color .12s;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-placement-set-btn:hover{border-color:var(--blue);color:var(--blue)}.event-placement-input{width:100%;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;border:1.5px solid var(--blue);background:var(--panel);color:var(--text);font-family:inherit;outline:none}.event-deck-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.event-deck-list-row{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border);transition:background .12s}.event-deck-list-row:last-child{border-bottom:none}.event-deck-list-row:hover{background:var(--panel-2)}.event-list-rank{width:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.event-list-rank-num{font-size:13px;font-weight:800;color:var(--text-muted)}.event-list-placement-badge{font-size:10px;font-weight:900;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.event-list-thumb{width:40px;height:40px;flex-shrink:0;border-radius:8px;background-size:cover;background-position:center;border:1px solid var(--border)}.event-list-info{flex:1;min-width:0}.event-list-name{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-list-author{font-size:12px;color:var(--text-muted);margin-top:1px}.event-list-author a{color:inherit;text-decoration:none}.event-list-author a:hover{color:var(--blue)}.event-list-cost{width:80px;flex-shrink:0;text-align:right}.event-list-cost-val{font-size:13px;font-weight:800;color:var(--green)}.event-list-cost-loading{font-size:12px;color:var(--text-muted)}.event-list-stats{width:80px;flex-shrink:0;display:flex;gap:8px;justify-content:flex-end;font-size:12px;color:var(--text-muted)}.event-admin-upload{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.event-upload-form{display:flex;flex-direction:column;gap:12px;max-width:520px;margin-top:12px;padding:20px;border-radius:var(--radius);background:var(--panel-2);border:1.5px solid var(--border-2)}.event-upload-form-title{font-size:14px;font-weight:900}.event-upload-label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--text-muted)}.event-upload-input{padding:8px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border-2);background:var(--panel);font-family:inherit;font-size:13px;color:var(--text);outline:none}.event-upload-input:focus{border-color:var(--blue)}.event-upload-textarea{resize:vertical;min-height:90px;font-family:monospace;font-size:12px}.event-upload-error{font-size:12px;color:var(--red, #e53e3e);font-weight:700}.event-form-modal{background:var(--panel);border-radius:20px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.event-form-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1.5px solid var(--border);flex-shrink:0}.event-form-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.event-form-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1.5px solid var(--border);flex-shrink:0}.event-slug-field{display:flex;align-items:center;border:1.5px solid var(--border-2);border-radius:var(--radius-sm);background:var(--panel-2);overflow:hidden}.event-slug-field:focus-within{border-color:var(--blue)}.event-slug-prefix{padding:8px 10px;font-size:11px;color:var(--text-muted);white-space:nowrap;background:var(--panel-2);flex-shrink:0;border-right:1px solid var(--border-2)}.event-slug-input{flex:1;border:none;background:transparent;outline:none;padding:8px 10px;font-size:13px;font-family:monospace;color:var(--text);min-width:0}.event-form-decks-section{border-top:1.5px solid var(--border);padding-top:12px;margin-top:4px;display:flex;flex-direction:column;gap:8px}.event-form-section-label{font-size:13px;font-weight:700}.deck-search-widget{display:flex;flex-direction:column;gap:8px}.deck-search-results{border:1.5px solid var(--border-2);border-radius:var(--radius);overflow:hidden}.deck-search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:none;border-bottom:1px solid var(--border);background:var(--panel);cursor:pointer;text-align:left;color:var(--text)}.deck-search-result:last-child{border-bottom:none}.deck-search-result:hover{background:var(--panel-2)}.deck-search-result.is-added{background:color-mix(in srgb,var(--purple) 8%,var(--panel))}.deck-search-result-info{display:flex;flex-direction:column;gap:1px;flex:1}.deck-search-result-name{font-weight:700;font-size:13px}.deck-search-result-author{font-size:11px;color:var(--text-muted)}.deck-search-result-action{font-size:12px;font-weight:700;white-space:nowrap;color:var(--text-muted)}.deck-search-result.is-added .deck-search-result-action{color:var(--purple)}.deck-search-empty{font-size:12px;color:var(--text-muted);padding:4px 2px}.deck-search-chips{display:flex;flex-direction:column;gap:4px}.deck-search-chips-label{font-size:11px;color:var(--text-muted);font-weight:600}.deck-search-chip{display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border:1.5px solid var(--border-2);border-radius:8px;padding:5px 8px 5px 10px;font-size:12px;font-weight:600}.deck-search-chip button{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;padding:0 2px;line-height:1}.deck-search-chip button:hover{color:var(--text)}.profile-page{overflow:hidden}.profile-body{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column}.profile-hero{display:flex;flex-direction:column;gap:12px;position:relative;padding:24px 76px 24px 28px;background:var(--panel);border-bottom:1px solid var(--border)}.profile-hero-top{display:flex;align-items:flex-start;gap:20px}.profile-hero-identity{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.profile-hero-name{display:flex;flex-direction:column;min-width:0}.profile-avatar-lg{width:68px;height:68px;border-radius:20px;flex-shrink:0;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-size:30px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.profile-username{font-size:22px;font-weight:900;letter-spacing:-.3px;margin-bottom:2px}.profile-joined{font-size:12px;color:var(--text-muted)}.profile-stats-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;flex-shrink:0}.profile-stat{display:flex;align-items:baseline;gap:4px;padding:4px 10px;border-radius:20px;background:var(--panel-2);border:1px solid var(--border)}.profile-stat-value{font-size:15px;font-weight:900;line-height:1}.profile-stat-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.profile-bio{font-size:14px;color:var(--text-dim);line-height:1.6;max-width:480px;white-space:pre-wrap;word-break:break-word}.profile-socials{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-edit-btn{position:absolute;top:20px;right:24px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--text-muted);text-decoration:none;transition:border-color .12s,color .12s,background .12s}.profile-edit-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-softer)}.profile-social-link{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1.5px solid var(--border-2);background:var(--panel-2);font-size:12px;font-weight:700;color:var(--text-dim);text-decoration:none;transition:all .12s;white-space:nowrap}.profile-social-link:hover{border-color:var(--blue);color:var(--text);background:var(--blue-softer)}.profile-social-link svg{flex-shrink:0}.account-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-social-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border-2);background:var(--panel-2)}.account-social-icon{flex-shrink:0;display:flex;align-items:center}.account-social-input{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);min-width:0}.account-social-input::placeholder{color:var(--text-muted)}.account-social-row:focus-within{border-color:var(--blue)}.account-social-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.profile-decks-section{padding:0;display:flex;flex-direction:column;flex:1}.profile-deck-filter-wrap{padding:12px 28px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0}.profile-deck-grid-wrap{padding:20px 28px;flex:1;overflow-y:auto}.profile-deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.profile-deck-card{border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:3/2;display:block;text-decoration:none;background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.profile-deck-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.profile-deck-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.profile-deck-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 55%)}.profile-deck-content{position:absolute;bottom:0;left:0;right:0;padding:12px 14px;color:#fff}.profile-deck-name{font-size:13px;font-weight:800;margin-bottom:4px;line-height:1.3}.profile-deck-footer{display:flex;justify-content:space-between;font-size:11px;opacity:.7}.profile-deck-stats{display:flex;gap:8px;font-size:11px;opacity:.85;margin-top:3px}.builder-tab-bar{display:flex;gap:2px;padding:10px 14px 0;flex-shrink:0;border-bottom:1.5px solid var(--border)}.builder-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;background:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;border-radius:6px 6px 0 0;margin-bottom:-1.5px;border-bottom:2px solid transparent;transition:color .12s,background .12s}.builder-tab:hover{color:var(--text);background:var(--panel-2)}.builder-tab.active{color:var(--blue);border-bottom-color:var(--blue);background:transparent}.builder-tab svg{opacity:.65;transition:opacity .12s}.builder-tab.active svg{opacity:1}.md-editor{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 16px 10px;gap:8px}.md-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.md-mode-toggle{display:flex;background:var(--panel-2);border-radius:8px;padding:3px;gap:2px;border:1.5px solid var(--border)}.md-mode-toggle button{padding:4px 14px;border:none;background:none;border-radius:5px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.md-mode-toggle button:hover{color:var(--text)}.md-mode-toggle button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0000001a}.md-char-count{font-size:11px;color:var(--text-muted)}.md-char-count.warn{color:var(--red)}.md-textarea{flex:1;min-height:0;width:100%;box-sizing:border-box;background:var(--panel-2);border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-size:13.5px;line-height:1.65;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;color:var(--text);resize:none;transition:border-color .12s}.md-textarea:focus{outline:none;border-color:var(--blue)}.md-textarea::placeholder{color:var(--text-muted);opacity:.55}.md-preview{flex:1;min-height:0;overflow-y:auto;background:var(--panel-2);border:1.5px solid var(--border);border-radius:10px;padding:16px 20px}.md-preview-empty{color:var(--text-muted);font-size:13px;text-align:center;padding-top:48px;font-style:italic}.md-rendered{line-height:1.7;font-size:14px;color:var(--text)}.md-rendered h1{font-size:1.35em;font-weight:800;margin:0 0 .5em;border-bottom:1.5px solid var(--border);padding-bottom:.3em}.md-rendered h2{font-size:1.12em;font-weight:700;margin:1em 0 .35em}.md-rendered h3{font-size:1em;font-weight:700;margin:.8em 0 .3em;color:var(--text-dim)}.md-rendered p{margin:0 0 .65em}.md-rendered ul,.md-rendered ol{margin:0 0 .65em;padding-left:1.5em}.md-rendered li{margin-bottom:.2em}.md-rendered strong{font-weight:700}.md-rendered em{font-style:italic;color:var(--text-dim)}.md-rendered code{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.88em}.md-rendered hr{border:none;border-top:1.5px solid var(--border);margin:1em 0}.md-hint{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;padding:4px 0 2px}.md-hint span{font-size:11px;color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;background:var(--panel-2);padding:2px 7px;border-radius:4px;border:1px solid var(--border)}.browse-tag-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 24px 14px}.browse-load-more{display:flex;justify-content:center;padding:24px 0 8px}.auth-forgot-link{background:none;border:none;padding:0;color:var(--blue);font-size:12px;cursor:pointer;text-align:right;width:100%;margin-top:4px;text-decoration:underline;text-underline-offset:2px}.auth-forgot-link:hover{color:var(--purple)}.mulligan-trainer{display:flex;flex-direction:column;gap:16px;padding:20px;flex:1;min-height:0;overflow-y:auto}.mulligan-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:14px;text-align:center;padding:40px}.mulligan-idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.mulligan-desc{color:var(--text-dim);font-size:13px;max-width:420px;line-height:1.6;text-align:center;align-self:center}.mulligan-deck-size{font-size:12px;color:var(--text-muted)}.mulligan-status{font-size:13px;color:var(--text-dim);min-height:20px;text-align:center}.mulligan-hand{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;align-items:center;flex:1;min-height:0}.mulligan-card{position:relative;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;border:2px solid transparent;transition:border-color .15s,transform .15s;background:var(--panel-2)}.mulligan-card.clickable{cursor:pointer}.mulligan-card.clickable:hover{transform:translateY(-4px)}.mulligan-card.selected{border-color:var(--pink);transform:translateY(-6px)}.mulligan-card-img{width:100%;display:block;border-radius:calc(var(--radius-sm) - 2px)}.mulligan-card-placeholder{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:var(--blue-softer);border-radius:calc(var(--radius-sm) - 2px);padding:8px;text-align:center;font-size:11px;color:var(--text-dim)}.mulligan-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#e54a9b59;display:flex;align-items:center;justify-content:center;font-size:22px;pointer-events:none;border-radius:calc(var(--radius-sm) - 2px)}.mulligan-divider{width:2px;align-self:stretch;background:var(--border-2);border-radius:2px;margin:0 4px;flex-shrink:0}.mulligan-card-ftd{border-color:var(--blue)!important}.mulligan-ftd-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.mulligan-ftd-label{font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--blue);text-align:center;text-transform:uppercase}.mulligan-actions{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.mobile-filters,.mobile-filters-panel{display:contents}.mobile-filters-trigger,.mobile-filters-backdrop,.mobile-filters-header,.mobile-filters-done{display:none}@media (max-width: 700px){.mobile-filters{display:block;padding:0 16px 10px}.mobile-filters-trigger{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text);background:var(--panel);border:1.5px solid var(--border);border-radius:20px;padding:7px 14px;cursor:pointer}.mobile-filters-trigger.has-active{border-color:var(--blue);color:var(--blue)}.mobile-filters:not(.open) .mobile-filters-backdrop,.mobile-filters:not(.open) .mobile-filters-panel{display:none}.mobile-filters.open .mobile-filters-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#00000073}.mobile-filters.open .mobile-filters-panel{display:flex;flex-direction:column;gap:4px;position:fixed;left:0;right:0;bottom:0;z-index:401;background:var(--panel);border-radius:16px 16px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));max-height:80dvh;overflow-y:auto;animation:mobile-sheet-up .18s ease-out}.mobile-filters-header{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:800;margin-bottom:8px}.mobile-filters-done{display:block;margin-top:12px;width:100%}.mobile-filters-panel .filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:0}.mobile-filters-panel .multiselect{width:100%}.mobile-filters-panel .multiselect-btn{width:100%;justify-content:space-between;padding:10px 14px}.mobile-filters-panel .multiselect-menu{position:static;width:100%;max-height:220px;box-shadow:none;border:1.5px solid var(--border);margin-top:4px}.mobile-filters-panel .range-filter{width:100%}.browse-top-bar .mobile-filters{padding:0}.mobile-filters-panel .browse-sort-group{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;width:100%}.mobile-filters-panel .browse-top-bar-label{width:100%}}.mobile-nav,.mobile-nav-sheet-overlay{display:none}@media (max-width: 700px){.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:56px;display:flex;align-items:stretch;background:var(--panel);border-top:1.5px solid var(--border);z-index:300;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 16px #1b2b3a1a}.mobile-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;color:var(--text-muted);background:none;border:none;text-decoration:none;cursor:pointer;transition:color .12s}.mobile-nav-tab.active{color:var(--blue)}.mobile-nav-tab svg{flex-shrink:0}body.mobile-nav-visible .app{height:calc(100dvh - 56px - env(safe-area-inset-bottom,0px))}html.mobile-nav-visible,html.mobile-nav-visible body{background:var(--panel)}@media (display-mode: standalone){body.mobile-nav-visible .app{height:calc(100dvh - 56px)}.mobile-nav{padding-bottom:0}.mobile-nav-sheet{bottom:56px}}.mobile-nav-sheet-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:290;background:#00000073}.mobile-nav-sheet{position:absolute;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:0;right:0;background:var(--panel);border-radius:16px 16px 0 0;padding:6px 10px 10px;max-height:70vh;overflow-y:auto;animation:mobile-sheet-up .18s ease-out}@keyframes mobile-sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-nav-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:6px auto 8px}.mobile-nav-sheet-section{margin-bottom:4px}.mobile-nav-sheet-section+.mobile-nav-sheet-section{border-top:1px solid var(--border);padding-top:6px}.mobile-nav-sheet-heading{padding:4px 14px 2px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.mobile-nav-sheet-item{display:block;padding:13px 14px;font-size:15px;font-weight:700;color:var(--text);text-decoration:none;border-radius:10px}.mobile-nav-sheet-item:active{background:var(--bg)}.mobile-nav-sheet-item.active{color:var(--blue)}.browse-deck-list{grid-template-columns:1fr}.header-controls{gap:5px}.header-controls .btn-primary{white-space:nowrap;padding:6px 12px;font-size:13px}.header-nav{display:none}.app-body{flex-direction:column;padding:0 0 56px;gap:0;overflow:hidden}.browser-section{flex:1;min-height:0;border-radius:0;border-left:none;border-right:none;border-top:none}.deck-section{flex:1;min-height:0;width:100%;max-height:none;border-radius:0;border-left:none;border-right:none;border-top:none}.mobile-panel-hidden{display:none!important}.mobile-builder-bar{position:fixed;bottom:0;left:0;right:0;height:56px;display:flex;align-items:stretch;background:var(--panel);border-top:1.5px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 16px #1b2b3a1a}.mobile-builder-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .12s}.mobile-builder-tab.active{color:var(--blue)}.mobile-builder-tab svg{flex-shrink:0}.mobile-deck-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:10px;font-size:10px;font-weight:900;padding:1px 6px;margin-left:4px;vertical-align:middle;line-height:1}.builder-tab-bar{display:none}.mobile-deck-strip{position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));height:40px;z-index:199;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--panel);border:none;border-top:1.5px solid var(--border);cursor:pointer;font-family:inherit}.mobile-deck-strip-count{font-size:14px;font-weight:900;color:var(--text);flex-shrink:0}.mobile-deck-strip-max{font-size:11px;font-weight:700;color:var(--text-muted)}.mobile-deck-strip-curve{display:flex;align-items:flex-end;gap:2px;height:18px;flex-shrink:0}.mobile-deck-strip-bar{width:5px;border-radius:2px 2px 0 0;background:var(--blue);opacity:.85}.mobile-deck-strip-colors{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1;min-width:0}.mobile-deck-strip-color{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:800;color:var(--text-muted);white-space:nowrap}.mobile-deck-strip-color .color-dot{width:9px;height:9px}.mobile-deck-strip-chevron{font-size:20px;font-weight:700;color:var(--text-muted);flex-shrink:0;line-height:1}.has-deck-strip .app-body{padding-bottom:96px}.deck-detail-actions{flex-wrap:wrap}.deck-detail-actions .deck-action-btn{width:auto;height:auto;flex:1;min-width:52px;flex-direction:column;gap:4px;padding:8px 6px}.deck-detail-actions .deck-action-btn:after{content:attr(title);font-size:10px;font-weight:800;line-height:1}.deck-detail-actions .export-dropdown{flex:1;display:flex}.deck-detail-actions .export-dropdown .deck-action-btn{width:100%}.deck-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.deck-tabs::-webkit-scrollbar{display:none}.deck-tabs button{white-space:nowrap;padding:8px 12px 9px}.hero{background:linear-gradient(to bottom,#0a1028ed,#0a1028e0 60%,#0a1028f2),url(/browse-hero.webp) center/cover no-repeat}.event-card-body{flex-direction:column;align-items:stretch;gap:12px}.event-actions{flex-direction:row;width:100%}.event-actions>a{flex:1;text-align:center}.card-grid.size-s{grid-template-columns:repeat(4,1fr)}.card-grid.size-m{grid-template-columns:repeat(3,1fr)}.card-grid.size-l{grid-template-columns:repeat(2,1fr)}.deck-detail-grid{grid-template-columns:repeat(3,1fr);padding:10px}.deck-view-grid{grid-template-columns:repeat(4,1fr)!important}.mulligan-trainer{padding:20px 10px 16px;gap:12px;justify-content:flex-start}.mulligan-trainer .mulligan-hand{flex:0 0 auto;gap:5px;flex-wrap:wrap;align-content:flex-start;min-height:0}.mulligan-trainer .mulligan-divider{flex-basis:100%;width:100%;height:1.5px;margin:4px 0;align-self:auto}.mulligan-trainer .mulligan-ftd-wrap{flex-basis:100%}.mulligan-desc{font-size:12px}.mulligan-actions{gap:6px}.mulligan-actions .btn-primary,.mulligan-actions .btn-secondary{padding:7px 12px;font-size:12px}.browse-top-bar{padding:8px 12px;gap:6px;flex-wrap:wrap}.browse-top-bar .search-input{flex:1 1 auto;min-width:0;width:auto}.browse-sort-group{display:flex;width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px}.browse-sort-group::-webkit-scrollbar{display:none}.browse-sort-group .browse-sort-divider{display:none}.browse-grid{grid-template-columns:repeat(2,1fr)}.browse-grid-wrap{padding:12px}.browse-card-search{width:100%}.deck-detail-page{overflow:auto;height:auto;min-height:100vh}.deck-detail-body{flex-direction:column;overflow:visible}.deck-detail-sidebar{width:100%;border-right:none;overflow:visible}.deck-detail-sidebar .deck-list{overflow:visible;max-height:none}.deck-detail-main{min-height:60vh}.deck-detail-grid{overflow:visible;flex:none;min-height:300px}.deck-detail-mulligan{flex:none;min-height:500px}.deck-view-tab-bar,.deck-detail-sidebar .deck-tabs{display:none}.deck-mobile-header{flex-shrink:0;background:var(--panel)}.deck-mobile-tab-bar{display:flex;width:100%;flex-shrink:0;background:var(--panel);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:50;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.deck-mobile-tab-bar::-webkit-scrollbar{display:none}.deck-mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 8px;background:none;border:none;font-size:12px;font-weight:700;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s;min-width:0}.deck-mobile-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.account-social-grid{grid-template-columns:1fr}.account-social-row{flex-direction:column;align-items:flex-start;gap:4px}.account-social-label{font-size:10px}.account-social-input{width:100%}.profile-body{overflow-y:auto}.profile-decks-section{flex:none}.profile-deck-grid-wrap{overflow-y:visible;flex:none;padding:14px 16px}.profile-hero{padding:16px 58px 16px 16px;gap:10px}.profile-hero-top{gap:10px;align-items:flex-start}.profile-hero-identity{gap:10px}.profile-avatar-lg{width:52px;height:52px;font-size:22px;border-radius:14px}.profile-hero-name{overflow:hidden}.profile-username{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-joined{font-size:11px}.profile-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex-shrink:0;width:116px}.profile-stat{flex-direction:column;align-items:center;justify-content:center;padding:5px 4px;gap:1px}.profile-stat-value{font-size:13px}.profile-stat-label{font-size:8.5px;line-height:1.2;white-space:normal;text-align:center}.profile-edit-btn{top:14px;right:14px;width:30px;height:30px}.profile-deck-filter-wrap{padding:10px 16px}.profile-deck-grid{grid-template-columns:repeat(2,1fr);gap:10px}.btn-sm{padding:5px 8px;font-size:12px}.preview-body{flex-direction:column;align-items:center}.hero{padding:32px 24px 40px}.hero-split{flex-direction:column;gap:20px}.hero-text{text-align:center;order:2}.hero-text .hero-sub{margin:0 auto 28px;max-width:100%}.hero-text .hero-ctas{justify-content:center}.hero-text .hero-signin{text-align:center}.hero-visual{flex:none;width:100%;order:1;overflow:hidden}.events-body{padding:20px}.home-section{padding:36px 20px}.event-card{flex-direction:column}.event-thumb{width:100%;aspect-ratio:16 / 9}.event-card-body{align-items:flex-start}.event-featured-badge{top:8px;right:8px}.legal-body{padding:24px 20px}.legal-nav{flex-direction:column;gap:4px}.legal-section{padding:28px 0}}.legal-page{min-height:100vh}.legal-body{max-width:780px;margin:0 auto;padding:40px 32px 80px}.legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border)}.legal-nav-link{font-size:13px;font-weight:700;color:var(--blue);text-decoration:none;padding:4px 12px;border:1.5px solid var(--blue);border-radius:999px;transition:background .15s,color .15s}.legal-nav-link:hover{background:var(--blue);color:#fff}.legal-section{padding:40px 0;border-bottom:1px solid var(--border)}.legal-section:last-of-type{border-bottom:none}.legal-section-title{font-size:26px;font-weight:900;margin-bottom:4px}.legal-updated{font-size:12px;color:var(--text-muted);margin-bottom:20px}.legal-section p{font-size:14px;line-height:1.7;color:var(--text-dim);margin-bottom:12px}.legal-section h2{font-size:15px;font-weight:800;margin:24px 0 8px;color:var(--text)}.legal-section a{color:var(--blue);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-section strong{color:var(--text);font-weight:700}.legal-disclaimer-box{background:rgba(var(--blue-rgb, 59,130,246),.08);border:1.5px solid rgba(var(--blue-rgb, 59,130,246),.25);border-radius:var(--radius);padding:14px 18px;font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:24px;line-height:1.5}.legal-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);text-align:center}.legal-footer a{color:var(--text-muted);text-decoration:none}.legal-footer a:hover{text-decoration:underline}.starter-page{max-width:1100px;margin:0 auto;padding:32px 20px 64px}.starter-hero{text-align:center;margin-bottom:48px}.starter-hero-title{font-size:36px;font-weight:900;color:var(--text);margin-bottom:14px;line-height:1.15}.starter-hero-sub{font-size:16px;color:var(--text-muted);max-width:600px;margin:0 auto 28px;line-height:1.65}.starter-hero-how{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.starter-how-step{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 16px}.starter-how-step span{width:26px;height:26px;border-radius:50%;background:var(--accent, #7c3aed);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.starter-how-step p{font-size:13px;font-weight:600;color:var(--text);margin:0}.starter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:60px}.starter-card{background:var(--panel);border:2px solid var(--border);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:18px;transition:border-color .15s,box-shadow .15s}.starter-card:hover{border-color:var(--starter-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--starter-color) 12%,transparent)}.starter-card-header{display:flex;align-items:flex-start;gap:14px}.starter-color-dot{width:44px;height:44px;border-radius:12px;background:var(--starter-color);flex-shrink:0;opacity:.9}.starter-card-title{font-size:20px;font-weight:800;color:var(--text);margin:0 0 4px}.starter-card-tagline{font-size:13px;color:var(--text-muted);margin:0;font-style:italic}.starter-card-badges{display:flex;gap:8px}.starter-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;border:1.5px solid currentColor;text-transform:uppercase;letter-spacing:.5px}.playstyle-badge{color:var(--starter-color)}.difficulty-badge{border-color:currentColor}.starter-card-desc{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.starter-section-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);display:block;margin-bottom:8px}.starter-key-card-list{display:flex;flex-wrap:wrap;gap:6px}.starter-key-card-chip{font-size:12px;font-weight:600;padding:4px 10px;background:var(--bg);border:1px solid var(--border);border-radius:20px;color:var(--text)}.starter-strategy-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.starter-strategy-list li{font-size:13px;color:var(--text-muted);line-height:1.5}.starter-upgrade-text{font-size:13px;color:var(--text-muted);line-height:1.55;margin:0}.starter-play-btn{width:100%;padding:14px;font-size:15px;font-weight:800;border-radius:12px;margin-top:4px}.starter-rules{border-top:1px solid var(--border);padding-top:48px}.starter-rules-title{font-size:26px;font-weight:800;color:var(--text);text-align:center;margin-bottom:28px}.starter-rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.starter-rule-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;text-align:center}.starter-rule-icon{font-size:28px;margin-bottom:10px}.starter-rule-card h3{font-size:14px;font-weight:800;color:var(--text);margin:0 0 8px}.starter-rule-card p{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.header-start-link{color:var(--accent, #7c3aed)!important;font-weight:700}.app.card-page{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible}.card-detail-page{max-width:1000px;margin:0 auto;padding:24px 20px 64px;min-width:0}.card-detail-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:24px}.card-detail-breadcrumb a{color:var(--text-muted);text-decoration:none}.card-detail-breadcrumb a:hover{color:var(--text)}.card-detail-layout{display:flex;gap:28px;margin-bottom:40px;align-items:flex-start}.card-detail-image-col{flex-shrink:0;width:300px}.card-detail-img-tilt{transform-style:preserve-3d;will-change:transform;cursor:default;border-radius:16px}.card-detail-img{width:100%;border-radius:16px;box-shadow:0 12px 48px #00000040;display:block;pointer-events:none}.card-detail-img-placeholder{width:300px;height:420px;border-radius:16px;background:var(--panel);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:48px}.card-detail-info-col{flex:1;min-width:0;background:var(--panel);border:1.5px solid var(--border);border-radius:18px;padding:24px 28px;box-shadow:var(--shadow-lg)}.card-detail-name{font-size:28px;font-weight:900;color:var(--text);margin:0 0 14px;line-height:1.1;font-family:var(--font-heading)}.card-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.card-detail-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;border:1.5px solid var(--border-2)}.type-badge{background:color-mix(in srgb,var(--tc) 18%,transparent);color:var(--tc);border-color:color-mix(in srgb,var(--tc) 60%,transparent)}.subtype-badge{background:var(--panel-2);color:var(--text-dim)}.rarity-badge{background:var(--panel-2);border-color:currentColor}.rarity-badge-common{color:#8a96a8}[data-theme=dark] .rarity-badge-common{color:#fff}.card-detail-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.card-detail-stat{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.card-detail-stat-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);display:block;margin-bottom:3px}.card-detail-stat-value{font-size:16px;font-weight:700;color:var(--text)}.card-detail-ability{background:var(--panel-2);border:1.5px solid var(--border);border-left:3px solid #477df6;border-radius:10px;padding:14px 16px;margin-bottom:20px}.card-detail-ability-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#477df6;display:block;margin-bottom:6px}.card-detail-ability p{font-size:14px;color:var(--text);line-height:1.6;margin:0}.card-detail-dyli{background:var(--panel);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;margin-top:12px}.card-detail-dyli-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.card-detail-dyli-prices{display:flex;gap:20px;flex-wrap:wrap}.card-detail-dyli-stat{display:flex;flex-direction:column;gap:1px}.card-detail-dyli-key{font-size:11px;color:var(--text-muted);font-weight:600}.card-detail-dyli-val{font-size:20px;font-weight:900;color:var(--text)}@keyframes dyli-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dyli-skel{display:block;border-radius:5px;background:linear-gradient(90deg,var(--panel-2) 25%,var(--border) 50%,var(--panel-2) 75%);background-size:200% 100%;animation:dyli-shimmer 1.4s ease-in-out infinite}.dyli-skel-val{width:64px;height:24px;margin-top:2px}.card-detail-dyli-source{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:0;margin-left:4px}.card-detail-dyli-nil{font-size:14px;font-weight:600;color:var(--text-muted)}.card-detail-dyli-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;border-radius:10px;background:#ffd666;color:#5a3e00;font-size:14px;font-weight:700;text-decoration:none;font-family:var(--font-heading);letter-spacing:.3px;transition:filter .15s}.card-detail-dyli-btn:hover{filter:brightness(.94)}.market-price-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.market-price-table{width:100%;min-width:360px;border-collapse:collapse}.market-price-th{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);text-align:center;padding:0 6px 8px;white-space:nowrap}.market-price-th--vendor{text-align:left;min-width:92px}.market-price-row{border-top:1px solid var(--border)}.market-price-vendor-cell{padding:10px 8px 10px 0;vertical-align:middle;white-space:nowrap}.market-price-vendor-name{font-size:11px;font-weight:800;color:var(--text)}.market-price-cell{padding:10px 6px;text-align:center;vertical-align:top}.market-price-cell-inner{display:flex;flex-direction:column;align-items:center;gap:3px}.market-price-amount{font-size:15px;font-weight:900;color:var(--text)}.market-price-last{font-size:9px;font-weight:600;color:var(--text-muted)}.market-price-nil{font-size:18px;font-weight:300;color:var(--text-muted)}.market-price-buy{display:inline-block;font-size:10px;font-weight:700;padding:3px 9px;border-radius:6px;text-decoration:none;white-space:nowrap;margin-top:1px;transition:filter .15s}.market-price-buy:hover{filter:brightness(.9)}.market-price-buy--dyli{background:#ffd766;color:#000}.market-price-buy--mm{background:#000;color:#fff}.market-price-buy--scg{background:#900004;color:#fff}.market-price-row--dyli .market-price-vendor-cell{border-left:3px solid #ffd766;padding-left:7px}.market-price-row--mm .market-price-vendor-cell{border-left:3px solid #000;padding-left:7px}.market-price-row--scg .market-price-vendor-cell{border-left:3px solid #900004;padding-left:7px}.market-price-skel{display:flex;flex-direction:column;gap:14px}.market-price-skel-row{display:flex;align-items:center;gap:14px}.card-detail-build-btn{display:flex;justify-content:center;width:100%;font-size:14px;font-weight:700;padding:12px 20px;border-radius:10px;text-decoration:none;box-sizing:border-box}.card-notes{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:32px}.card-notes-title{font-size:16px;font-weight:800;color:var(--text);margin:0 0 16px;font-family:var(--font-heading)}.card-note-form{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.card-note-input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-size:13px;font-family:inherit;resize:vertical;line-height:1.5;box-sizing:border-box}.card-note-input:focus{outline:none;border-color:var(--accent, #7c3aed)}.card-note-form-footer{display:flex;align-items:center;justify-content:space-between}.card-note-charcount{font-size:11px;color:var(--text-muted)}.card-note-charcount.warn{color:#ef4444}.card-note-error{font-size:12px;color:#ef4444;margin:0}.card-notes-signin,.card-notes-loading,.card-notes-empty{font-size:13px;color:var(--text-muted);margin:0 0 12px}.card-note-list{display:flex;flex-direction:column;gap:12px}.card-note-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.card-note-body{font-size:14px;color:var(--text);line-height:1.6;margin:0 0 8px;white-space:pre-wrap}.card-note-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted)}.card-note-author{font-weight:700;color:var(--text)}.card-note-date{flex:1}.card-note-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;line-height:1}.card-note-delete:hover{color:#ef4444;background:#ef444414}.card-note-link{color:var(--accent, #7c3aed);text-decoration:underline;text-underline-offset:2px}.card-note-link:hover{opacity:.8}.card-note-edit-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;line-height:1}.card-note-edit-btn:hover{color:var(--text);background:var(--panel-2)}.card-note-edit{display:flex;flex-direction:column;gap:8px}.card-note-edit-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.card-note-edit-actions .card-note-charcount{margin-right:auto}.card-detail-decks{margin-bottom:32px}.card-detail-section-title{font-size:20px;font-weight:800;color:var(--text);margin:0 0 16px;display:flex;align-items:center;gap:10px;font-family:var(--font-heading)}.card-detail-deck-count{font-size:13px;font-weight:600;color:var(--text-muted);background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:2px 10px}.card-detail-decks-loading,.card-detail-decks-empty{font-size:14px;color:var(--text-muted)}.card-detail-deck-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.card-detail-deck-row{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px;text-decoration:none;transition:border-color .12s,background .12s;gap:12px}.card-detail-deck-row:hover{border-color:var(--accent, #7c3aed);background:var(--bg)}.card-detail-deck-info{min-width:0}.card-detail-deck-name{display:block;font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-detail-deck-meta{font-size:12px;color:var(--text-muted)}.card-detail-deck-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.card-detail-deck-copies{font-size:14px;font-weight:800;color:var(--accent, #7c3aed);background:color-mix(in srgb,var(--accent, #7c3aed) 12%,transparent);padding:2px 8px;border-radius:8px}.card-detail-deck-stats{display:flex;gap:10px;font-size:12px;color:var(--text-muted)}.card-detail-pagination{display:flex;align-items:center;justify-content:center;gap:12px}.pagination-info{font-size:13px;color:var(--text-muted);font-weight:600}.works-well{margin-bottom:32px}.works-well-empty{font-size:14px;color:var(--text-muted);margin:0 0 12px}.works-well-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:12px}.works-well-tile{position:relative;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow);transition:all .13s}.works-well-tile:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.works-well-tile:hover .works-well-img-wrap{filter:drop-shadow(0 0 7px var(--glow, transparent))}.works-well-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.works-well-img-wrap{position:relative;aspect-ratio:5/7;overflow:hidden;background:var(--panel-2)}.works-well-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.works-well-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:11px;color:var(--text-dim)}.works-well-name{padding:7px 8px 8px;text-align:center;font-size:12px;font-weight:600;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--border)}.works-well-tile:hover .works-well-name{color:var(--text)}.works-well-remove{position:absolute;top:6px;right:6px;z-index:2;width:22px;height:22px;border-radius:50%;padding:0;cursor:pointer;background:#ffffffe6;border:1.5px solid rgba(224,68,90,.4);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1}.works-well-remove:hover{background:#fff;border-color:var(--red)}@media (hover: none),(max-width: 768px){.works-well-tile:hover{border-color:var(--border);transform:none;box-shadow:var(--shadow)}.works-well-tile:hover .works-well-img-wrap{filter:none}}.works-well-admin{margin-top:4px}.works-well-picker{display:flex;flex-direction:column;gap:8px;max-width:420px}.works-well-search{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:9px 12px;font-size:13px;box-sizing:border-box}.works-well-search:focus{outline:none;border-color:var(--blue)}.works-well-results{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.works-well-result{display:flex;align-items:center;gap:10px;padding:6px 10px;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s}.works-well-result:hover{background:var(--bg)}.works-well-result-thumb{width:24px;height:34px;object-fit:cover;border-radius:4px;flex-shrink:0}.works-well-result-name{flex:1;font-size:13px;font-weight:600;color:var(--text)}.works-well-result-meta{font-size:11px;color:var(--text-muted)}.cultref{margin-bottom:32px}.cultref-pending-badge{font-size:12px;font-weight:700;color:#b45309;background:#f59e0b24;border:1px solid rgba(245,158,11,.35);border-radius:20px;padding:2px 10px}.cultref-form{display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:20px}.cultref-form-row{display:flex;gap:12px;flex-wrap:wrap}.cultref-field-grow{flex:1;min-width:200px}.cultref-field-cat{min-width:130px}.cultref-optional{font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:0}.cultref-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cultref-hint{font-size:12px;color:var(--text-muted)}.cultref-thanks{font-size:14px;color:var(--text);background:#2fa4631a;border:1px solid rgba(47,164,99,.3);border-radius:12px;padding:12px 14px;margin:0 0 20px}.cultref-again{background:none;border:none;color:var(--blue);font-weight:700;cursor:pointer;padding:0;font-size:14px;text-decoration:underline}.cultref-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cultref-item{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.cultref-item-pending{border-style:dashed;border-color:#f59e0b80;background:#f59e0b0d}.cultref-item-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.cultref-title{font-size:15px;font-weight:800;color:var(--text)}.cultref-chip{font-size:11px;font-weight:700;color:var(--blue);background:var(--blue-softer);border-radius:20px;padding:2px 9px}.cultref-pending-tag{font-size:11px;font-weight:700;color:#b45309;background:#f59e0b24;border-radius:20px;padding:2px 9px}.cultref-image-wrap{display:block;margin:4px 0 10px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--panel-2);max-width:420px}.cultref-image{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:var(--panel-2)}.cultref-image-wrap:hover .cultref-image{opacity:.92}.cultref-desc{font-size:14px;color:var(--text);line-height:1.55;margin:0 0 8px;white-space:pre-wrap}.cultref-source{font-size:13px;font-weight:700;color:var(--blue);text-decoration:none}.cultref-source:hover{text-decoration:underline}.cultref-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.cultref-approve,.cultref-reject{border-radius:999px;padding:5px 14px;font-weight:700;cursor:pointer;border:1.5px solid transparent}.cultref-approve{background:var(--green);color:#fff}.cultref-approve:hover{filter:brightness(.94)}.cultref-reject{background:var(--panel);color:var(--red);border-color:#e0445a66}.cultref-reject:hover{background:#fdeef1;border-color:var(--red)}.cultref-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.cultref-remove:hover{color:var(--red);background:#e0445a14}.version-history{display:flex;flex-direction:column;gap:12px;padding:16px 0}.version-history-loading,.version-history-empty{padding:24px 0;font-size:14px;color:var(--text-muted);text-align:center}.version-history-empty p{margin:0}.version-entry{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.version-entry.current{border-color:var(--accent, #7c3aed);background:color-mix(in srgb,var(--accent, #7c3aed) 5%,var(--bg))}.version-entry-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.version-badge{font-size:12px;font-weight:800;color:var(--accent, #7c3aed);background:color-mix(in srgb,var(--accent, #7c3aed) 12%,transparent);padding:2px 8px;border-radius:6px}.version-current-label{font-size:11px;font-weight:700;color:var(--accent, #7c3aed);text-transform:uppercase;letter-spacing:.5px}.version-date{font-size:12px;color:var(--text-muted);margin-left:auto}.version-note{font-size:13px;color:var(--text);margin:0 0 8px;font-style:italic}.version-initial,.version-meta-only{font-size:13px;color:var(--text-muted);margin:0}.version-diff{display:flex;flex-wrap:wrap;gap:6px}.version-diff-add{font-size:12px;font-weight:600;color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);padding:2px 8px;border-radius:6px}.version-diff-remove{font-size:12px;font-weight:600;color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.25);padding:2px 8px;border-radius:6px}.deck-canvas-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0 8px;border-bottom:1px solid var(--border);margin-bottom:10px}.deck-canvas-modes{display:flex;gap:2px}.deck-canvas-mode-btn{display:flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:6px;border:none;cursor:pointer;background:transparent;color:var(--text-muted);transition:background .15s,color .15s}.deck-canvas-mode-btn:hover{background:var(--hover);color:var(--text)}.deck-canvas-mode-btn.active{background:var(--accent-soft, rgba(124,58,237,.15));color:var(--accent, #7c3aed)}.deck-canvas-sort-group{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.deck-sort-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.deck-sort-select{font-size:12px;font-weight:600;color:var(--text);background:var(--bg-raised, var(--bg));border:1px solid var(--border);border-radius:6px;padding:3px 6px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.deck-sort-dir-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.deck-sort-dir-btn:hover,.deck-sort-dir-btn.desc{background:var(--hover);color:var(--text)}.browser-sort-wrap{display:flex;align-items:center;gap:4px}.deck-canvas-group-sections{display:flex;flex-direction:column;gap:20px}.deck-canvas-group-block{width:100%}.deck-canvas-group-inner{display:grid;gap:6px}.deck-view-type-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--gc, #888);border-bottom:2px solid color-mix(in srgb,var(--gc, #888) 35%,transparent);padding-bottom:4px;margin-bottom:6px}.deck-view-type-count{opacity:.7}.deck-canvas-list{display:flex;flex-direction:column;overflow-y:auto;max-height:100%}.deck-canvas-list-section{margin-bottom:12px}.deck-canvas-list-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;cursor:pointer;transition:background .12s}.deck-canvas-list-row:hover{background:var(--hover)}.deck-canvas-list-thumb{width:28px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0}.deck-canvas-list-thumb img{width:100%;height:100%;object-fit:cover}.deck-canvas-list-placeholder{width:100%;height:100%;background:var(--border)}.deck-canvas-list-name{flex:1;font-size:13px;font-weight:600;color:var(--text)}.deck-canvas-list-count{font-size:12px;font-weight:700;color:var(--text-muted)}.panel-sort-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 12px 8px;border-bottom:1px solid var(--border)}.panel-sort-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.panel-sort-select{font-size:11px;font-weight:600;color:var(--text);background:var(--bg-raised, var(--bg));border:1px solid var(--border);border-radius:5px;padding:2px 5px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:1;min-width:0}.panel-sort-dir-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.panel-sort-dir-btn:hover{background:var(--hover);color:var(--text)}.export-sort-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0 4px}@media (max-width: 540px){.preview-backdrop{align-items:flex-end;padding:0;z-index:310}.export-modal{width:100vw;max-width:100vw;border-radius:20px 20px 0 0;max-height:85vh;overflow-x:hidden}.export-modal-body{padding:10px 14px 4px;gap:10px;overflow-x:hidden}.export-modal-footer{padding:10px 14px calc(20px + env(safe-area-inset-bottom,0px))}.export-controls-row{flex-direction:column;align-items:flex-start;gap:10px}.export-controls-row>div{width:100%}.export-modal .deck-canvas-modes{flex-wrap:wrap}.aspect-group{align-items:flex-start}.aspect-row,.export-modal .export-sort-group,.export-modal .btn-group{flex-wrap:wrap}.export-fields{display:none}.export-modal .deck-sort-select{max-width:120px}}@media (max-width: 700px){.mobile-builder-bar{height:auto;min-height:56px}.mobile-builder-tab{font-size:10px;gap:2px;padding:6px 2px}.mobile-builder-tab svg{width:16px;height:16px}.starter-grid{grid-template-columns:1fr}.starter-rules-grid{grid-template-columns:repeat(2,1fr)}.starter-hero-title{font-size:26px}.card-detail-page{width:100%}.card-detail-layout{flex-direction:column;align-items:stretch}.card-detail-image-col{width:100%;max-width:280px;margin:0 auto}.card-detail-info-col{width:100%;box-sizing:border-box;padding:16px}.card-detail-stats{grid-template-columns:repeat(2,1fr)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2b3a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:300;padding:20px}.modal-box{background:var(--panel);border-radius:20px;width:100%;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;border:1.5px solid var(--border)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1.5px solid var(--border)}.modal-title{font-size:17px;font-weight:900;font-family:var(--font-heading)}.modal-close{background:var(--panel-2);border:1.5px solid var(--border);border-radius:50%;width:30px;height:30px;font-size:13px;color:var(--text-dim);display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text);border-color:var(--border-2)}.print-modal{max-width:420px}.print-modal-desc{font-size:13px;color:var(--text-muted);padding:14px 20px 4px;line-height:1.5}.print-options{display:flex;flex-direction:column;gap:10px;padding:12px 20px 20px}.print-option-btn{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:16px 18px;border-radius:14px;background:var(--panel-2);border:1.5px solid var(--border);color:var(--text);transition:border-color .15s,background .15s}.print-option-btn:hover{border-color:#477df6;background:var(--blue-softer)}.print-option-btn svg{color:#477df6;margin-bottom:2px}.print-option-title{font-size:14px;font-weight:800;font-family:var(--font-heading)}.print-option-desc{font-size:12px;color:var(--text-dim);line-height:1.45}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.5)}60%{transform:scale(.88)}80%{transform:scale(1.15)}to{transform:scale(1)}}.hero-badge{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.05s}.hero-title{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}.hero-sub{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.28s}.hero-ctas{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.4s}.hero-signin{animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both;animation-delay:.5s}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:80ms}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}.reveal:nth-child(5){transition-delay:.3s}.reveal:nth-child(6){transition-delay:.36s}.reveal:nth-child(7){transition-delay:.42s}.reveal:nth-child(8){transition-delay:.48s}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.icon-btn:active:not(:disabled),.deck-action-btn:active{transform:scale(.96)}.preview-modal,.export-modal,.modal-box,.auth-modal{animation:modalIn .22s cubic-bezier(.22,1,.36,1) both}.deck-stat-like.pop svg{animation:heartPop .38s cubic-bezier(.34,1.56,.64,1) both}.deck-tabs button{transition:color .18s,border-bottom-color .22s cubic-bezier(.4,0,.2,1)}.mh-signed-out{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.mh-signed-out-inner{max-width:520px;width:100%;text-align:center}.mh-signed-out-title{font-size:28px;font-weight:900;font-family:var(--font-heading);margin-bottom:6px}.mh-signed-out-sub{font-size:17px;font-weight:700;color:var(--blue);margin-bottom:10px}.mh-signed-out-desc{font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:24px}.mh-signed-out-ctas{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.mh-signed-out-or{font-size:13px;color:var(--text-muted)}.mh-preview{position:relative;border-radius:14px;overflow:hidden;margin-bottom:8px}.mh-preview-blur{padding:16px;background:var(--panel);border:1.5px solid var(--border);border-radius:14px}.mh-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(to bottom,transparent 0%,var(--bg) 100%);pointer-events:none}.mh-preview-rows{display:flex;flex-direction:column;gap:6px;margin-top:12px}.mh-preview-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--panel-2);border-radius:8px}.mh-preview-deck{font-size:13px;font-weight:700;flex:1;color:var(--text)}.mh-preview-meta{font-size:12px;color:var(--text-muted)}.mh-page{overflow:hidden}.mh-body{flex:1;overflow-y:auto;padding:24px 20px 48px;max-width:820px;margin:0 auto;width:100%}.mh-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mh-page-title{font-size:24px;font-weight:900;font-family:var(--font-heading)}.mh-stat-strip{display:flex;gap:0;flex-wrap:wrap;background:var(--panel);border:1.5px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:14px}.mh-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 20px;flex:1;min-width:80px;border-right:1px solid var(--border)}.mh-stat:last-child{border-right:none}.mh-stat-val{font-size:20px;font-weight:900;color:var(--text);line-height:1}.mh-stat-key{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.mh-streak.win{color:#e8612a}.mh-streak.loss{color:#7f9dc5}.mh-recent-form{display:flex;align-items:center;gap:5px;margin-bottom:14px}.mh-recent-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-right:4px}.mh-form-dot{width:10px;height:10px;border-radius:50%;transition:transform .12s}.mh-form-dot:hover{transform:scale(1.3)}.mh-form-dot.win{background:#22c55e}.mh-form-dot.loss{background:#e63f2f}.mh-filters{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.mh-filter-select{padding:6px 10px;border-radius:8px;font-size:13px;border:1.5px solid var(--border-2);background:var(--panel);color:var(--text)}.mh-filter-check{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer}.mh-list{display:flex;flex-direction:column;gap:6px}.mh-row{background:var(--panel);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .12s}.mh-row:hover{border-color:var(--border-2)}.mh-row-ignored{opacity:.55}.mh-row-main{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.mh-row-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.mh-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.mh-row-deck{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.mh-row-vs{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mh-row-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:1px}.mh-row-time{font-size:11px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.mh-row-chevron{font-size:11px;color:var(--text-muted);flex-shrink:0}.mh-result-pill{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.mh-result-pill.win{background:#22c55e26;color:#16a34a;border:1.5px solid rgba(34,197,94,.3)}.mh-result-pill.loss{background:#e63f2f1f;color:#e63f2f;border:1.5px solid rgba(230,63,47,.25)}.mh-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--blue-softer);color:var(--blue);border:1px solid var(--blue-soft)}.mh-badge-neutral{background:var(--panel-2);color:var(--text-muted);border-color:var(--border)}.mh-badge-ignored{background:#a49f9f26;color:var(--text-muted);border-color:var(--border)}.mh-row-detail{padding:0 14px 14px;border-top:1px solid var(--border)}.mh-detail-grid{display:grid;grid-template-columns:100px 1fr;gap:4px 12px;font-size:13px;margin:12px 0 10px}.mh-dl{font-weight:700;color:var(--text-muted)}.mh-detail-notes{font-size:13px;color:var(--text-dim);font-style:italic;background:var(--panel-2);border-radius:8px;padding:8px 12px;margin-bottom:10px;line-height:1.5}.mh-detail-actions{display:flex;gap:8px}.mh-empty{text-align:center;padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.mh-empty-title{font-size:18px;font-weight:800;color:var(--text)}.mh-empty-sub{font-size:14px;color:var(--text-muted)}.mh-loading{text-align:center;padding:48px;color:var(--text-muted)}.mh-load-more{width:100%;padding:12px;border-radius:10px;margin-top:4px;background:var(--panel);border:1.5px solid var(--border);font-size:13px;font-weight:700;color:var(--blue);cursor:pointer;transition:background .12s}.mh-load-more:hover{background:var(--panel-2)}.log-game-modal{max-width:540px}.log-game-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px}.log-field{display:flex;flex-direction:column;gap:5px;flex:1}.log-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.log-required{color:var(--blue)}.log-char-hint{float:right;font-weight:400;text-transform:none;letter-spacing:0}.log-select,.log-input{padding:8px 12px;border-radius:8px;font-size:14px;border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--text);width:100%;transition:border-color .15s}.log-select:focus,.log-input:focus{border-color:var(--blue);outline:none}.log-textarea{padding:8px 12px;border-radius:8px;font-size:14px;resize:vertical;border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--text);width:100%;transition:border-color .15s;font-family:var(--font-body)}.log-textarea:focus{border-color:var(--blue);outline:none}.log-result-toggle{display:flex;gap:10px}.log-result-btn{flex:1;padding:14px;border-radius:10px;font-size:16px;font-weight:900;border:2px solid var(--border-2);background:var(--panel-2);color:var(--text-muted);font-family:var(--font-heading);transition:all .15s;letter-spacing:1px}.log-result-btn.win.active{background:#22c55e26;border-color:#22c55e;color:#16a34a}.log-result-btn.loss.active{background:#e63f2f1f;border-color:#e63f2f;color:#e63f2f}.log-result-btn.win:hover{border-color:#22c55e;color:#16a34a}.log-result-btn.loss:hover{border-color:#e63f2f;color:#e63f2f}.log-expand-btn{background:none;border:1.5px dashed var(--border-2);border-radius:8px;padding:10px;font-size:13px;font-weight:700;color:var(--blue);cursor:pointer;transition:border-color .12s,background .12s;width:100%}.log-expand-btn:hover{border-color:var(--blue);background:var(--blue-softer)}.log-expand-hint{font-weight:400;color:var(--text-muted)}.log-optional-fields{display:flex;flex-direction:column;gap:14px}.log-row{display:flex;gap:12px}.log-btn-group{display:flex;gap:6px}.log-toggle-btn{flex:1;padding:7px 10px;border-radius:8px;font-size:13px;font-weight:700;border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--text-muted);cursor:pointer;transition:all .12s}.log-toggle-btn.active{background:var(--blue-softer);border-color:var(--blue);color:var(--blue)}.log-toggle-btn:hover{border-color:var(--blue);color:var(--blue)}.log-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.log-chip{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border-2);background:var(--panel);color:var(--text-dim);cursor:pointer;transition:all .1s}.log-chip:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-softer)}.log-manual-deck{display:flex;flex-direction:column;gap:4px}.log-text-btn{background:none;border:none;font-size:12px;color:var(--blue);cursor:pointer;padding:0;text-align:left}.log-text-btn:hover{text-decoration:underline}.log-error{font-size:13px;color:var(--red);font-weight:600}.log-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid var(--border)}[data-theme=dark] .log-game-modal{border-color:#ffffff38}[data-theme=dark] .log-label{color:#ffffffa6}[data-theme=dark] .log-input,[data-theme=dark] .log-select,[data-theme=dark] .log-textarea{background:#ffffff1a;border-color:#ffffff47;color:#fff}[data-theme=dark] .log-input::placeholder,[data-theme=dark] .log-textarea::placeholder{color:#ffffff59}[data-theme=dark] .log-input:focus,[data-theme=dark] .log-textarea:focus{border-color:#fff9}[data-theme=dark] .log-result-btn{background:#ffffff14;border-color:#ffffff38;color:#ffffffb3}[data-theme=dark] .log-result-btn.win.active{background:#22c55e38;border-color:#4ade80;color:#4ade80}[data-theme=dark] .log-result-btn.loss.active{background:#e63f2f38;border-color:#ff6b59;color:#ff6b59}[data-theme=dark] .log-result-btn.win:hover{border-color:#4ade80;color:#4ade80}[data-theme=dark] .log-result-btn.loss:hover{border-color:#ff6b59;color:#ff6b59}[data-theme=dark] .log-toggle-btn{background:#ffffff14;border-color:#ffffff38;color:#ffffffb3}[data-theme=dark] .log-toggle-btn.active{background:#b8d0ff2e;border-color:var(--blue);color:var(--blue)}[data-theme=dark] .log-char-hint{color:#fff6}[data-theme=dark] .log-actions{border-top-color:#ffffff26}.auto-input-wrap{position:relative}.auto-input-dropdown{position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:50;background:var(--panel);border:1.5px solid var(--border-2);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden}.auto-input-option{display:block;width:100%;text-align:left;padding:9px 12px;font-size:13px;font-weight:600;color:var(--text);background:none;border:none;cursor:pointer;transition:background .1s}.auto-input-option:hover{background:var(--panel-2)}.mh-play-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:5px;white-space:nowrap;flex-shrink:0;letter-spacing:.3px}.mh-play-badge.first{background:#477df626;color:#477df6;border:1px solid rgba(71,125,246,.3)}.mh-play-badge.second{background:#a477a726;color:#a677a7;border:1px solid rgba(164,119,167,.3)}.mh-row-opp-deck{font-weight:500;color:var(--text-dim)}.tr-setup,.tr-root,.tr-backdrop{--panel: #ffffff;--panel-2: #f0f5fa;--border: rgba(13,27,48,.1);--border-2: rgba(13,27,48,.18);--text: #0d1b30;--text-dim: rgba(13,27,48,.6);--text-muted: rgba(13,27,48,.38);--blue: #477df6;--blue-softer: #eef3fd;--shadow: 0 2px 10px rgba(13,27,48,.08);--shadow-lg: 0 8px 32px rgba(13,27,48,.14);--bg-grad-top: #c8d8e8;--bg-grad-bot: #dce8f2;--font-heading: "FatPeng", system-ui, sans-serif;--font-body: "MencoBlack", system-ui, sans-serif}.tr-setup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(160deg,var(--bg-grad-top),var(--bg-grad-bot));overflow-y:auto;-webkit-overflow-scrolling:touch}.tr-setup-inner{width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:max(12px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom))}.tr-setup-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.tr-setup-exit{background:var(--panel);border:1.5px solid var(--border-2);border-radius:999px;color:var(--text-dim);font-size:12px;font-weight:700;padding:6px 14px;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;box-shadow:var(--shadow);transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.tr-setup-exit:hover{color:var(--text);border-color:var(--text)}.tr-setup-header{text-align:center;padding:4px 0}.tr-setup-title{font-size:32px;color:var(--text);font-family:var(--font-heading);letter-spacing:.5px}.tr-setup-sub{font-size:11px;color:var(--text-muted);margin-top:2px;letter-spacing:1px;text-transform:uppercase}.tr-setup-field{display:flex;flex-direction:column;gap:7px}.tr-setup-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted)}.tr-setup-input{height:50px;border-radius:var(--radius);border:1.5px solid var(--border-2);background:var(--panel);color:var(--text);font-size:17px;font-weight:600;padding:0 16px;width:100%;outline:none;box-shadow:var(--shadow)}.tr-setup-input::placeholder{color:var(--text-muted)}.tr-setup-input:focus{border-color:var(--blue)}.tr-bo-group{display:flex;gap:8px}.tr-bo-btn{flex:1;height:44px;border-radius:var(--radius-sm);border:1.5px solid var(--border-2);background:var(--panel);color:var(--text-dim);font-size:14px;font-weight:700;box-shadow:var(--shadow);cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.tr-bo-btn:active{background:var(--panel-2)}.tr-bo-btn.active{background:#477df6;border-color:#477df6;color:#fff;box-shadow:0 2px 8px #477df666}.tr-bo-wrap{display:flex;align-items:center;gap:7px;flex-shrink:0}.tr-bo-label{font-size:11px;font-weight:700;color:var(--text-muted);white-space:nowrap;letter-spacing:.2px}.tr-bo-segment{display:flex;align-items:center;background:#0d1b3017;border-radius:999px;padding:3px;gap:2px}.tr-bo-seg-btn{height:30px;min-width:32px;padding:0 11px;border:none;border-radius:999px;background:transparent;color:#0d1b3073;font-size:13px;font-weight:700;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s,box-shadow .15s}.tr-bo-seg-btn.active{background:#477df6;color:#fff;box-shadow:0 1px 6px #477df666}.tr-play-wrap{display:flex;justify-content:center;padding:4px 0}.tr-play-btn{height:48px;padding:0 28px;border-radius:999px;background:#477df6;border:none;cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-heading);font-size:18px;letter-spacing:.3px;box-shadow:0 4px 16px #477df673;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.tr-play-btn:active{transform:scale(.96);box-shadow:0 2px 8px #477df659}.tr-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);overscroll-behavior:none;touch-action:none}.tr-root button,.tr-root input,.tr-root a{touch-action:manipulation}.tr-half{flex:1;position:relative;overflow:hidden;display:flex}.tr-half-top{transform:rotate(180deg)}.tr-name-bar{position:absolute;left:0;right:0;bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));text-align:center;pointer-events:none;z-index:1}.tr-half-top .tr-name-bar{bottom:max(16px,calc(env(safe-area-inset-top) + 12px))}.tr-player-name{font-size:clamp(16px,4.5vw,24px);font-family:var(--font-heading);color:#0d1b308c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;display:inline-block}.tr-center{position:absolute;left:14%;right:14%;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:1}.tr-half-bottom .tr-center{bottom:env(safe-area-inset-bottom)}.tr-half-top .tr-center{bottom:env(safe-area-inset-top)}.tr-score{font-family:var(--font-heading);font-size:clamp(88px,22vw,160px);color:var(--text);line-height:1;letter-spacing:-2px;text-align:center;width:100%;-webkit-user-select:none;user-select:none;transition:color .3s ease}.tr-flash-up{color:#2fa463}.tr-flash-down{color:#e0445a}.tr-dots{display:flex;gap:10px;align-items:center;margin-top:14px}.tr-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(13,27,48,.2);background:transparent;flex-shrink:0;transition:background .2s,border-color .2s,box-shadow .2s}.tr-dot.filled{background:#477df6;border-color:#477df6;box-shadow:0 0 8px #477df680}.tr-undo-btn{pointer-events:auto;background:none;border:none;color:#0d1b3047;font-size:19px;cursor:pointer;padding:10px 24px;margin-top:10px;border-radius:20px;-webkit-tap-highlight-color:transparent;transition:color .15s,background .15s}.tr-undo-btn:active{color:#0d1b30b3;background:#0d1b3014}.tr-zone{position:absolute;top:0;bottom:0;width:33%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:2;transition:background .1s}.tr-zone-minus{left:0}.tr-zone-plus{right:0}.tr-zone:active{background:#0d1b3012}.tr-zone-sym{font-size:52px;font-weight:300;font-family:var(--font-heading);color:#0d1b3038;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.tr-seam{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:100;display:flex;align-items:center;justify-content:center;gap:14px;pointer-events:none}.tr-seam>*{pointer-events:auto}.tr-seam-pill{background:var(--panel);border-radius:999px;padding:8px 14px;display:flex;align-items:center;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.tr-seam-trophy{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.tr-seam-trophy:active{background:var(--panel-2)}.tr-seam-side{width:42px;height:42px;background:var(--panel);border:1.5px solid var(--border-2);border-radius:50%;color:var(--text-dim);font-size:20px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);-webkit-tap-highlight-color:transparent;transition:background .15s}.tr-seam-side:active{background:var(--panel-2)}.tr-seam-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;min-width:52px;text-align:center}.tr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0d1b3059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.tr-modal{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:28px 24px;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--shadow-lg)}.tr-modal-title{font-size:18px;font-weight:700;color:var(--text);text-align:center;margin:0 0 4px}.tr-modal-btn{width:100%;padding:15px;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:var(--font-heading);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s}.tr-modal-btn:active{opacity:.85}.tr-btn-p1{background:linear-gradient(135deg,#b8d0fc,#8ab4f8);color:var(--text)}.tr-btn-p2{background:linear-gradient(135deg,#fbb0d8,#f880c0);color:var(--text)}.tr-btn-primary{background:#477df6;color:#fff}.tr-btn-secondary{background:var(--panel-2);color:var(--text);border:1.5px solid var(--border-2)!important}.tr-modal-ghost{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:6px 16px;margin-top:2px;-webkit-tap-highlight-color:transparent}.tr-modal-ghost:active{color:var(--text)}.tr-modal-crown{font-size:48px;margin-bottom:2px}.tr-modal-winner{font-size:26px;color:var(--text);text-align:center;margin:0;font-family:var(--font-heading)}.tr-modal-series{width:100%;display:flex;flex-direction:column;gap:12px;margin:6px 0 4px}.tr-series-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tr-series-name{font-size:14px;font-weight:600;color:var(--text-dim);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-modal-option{width:100%;padding:14px;background:var(--panel-2);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;font-weight:600;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;transition:background .15s}.tr-modal-option:active{background:var(--blue-softer)}.tr-bg-picker{display:flex;flex-direction:column;gap:10px}.tr-bg-swatches{display:flex;flex-wrap:wrap;gap:8px}.tr-bg-swatch{width:36px;height:36px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;flex-shrink:0;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:var(--shadow)}.tr-bg-swatch:hover{transform:scale(1.12)}.tr-bg-swatch.selected{border-color:#477df6;box-shadow:0 0 0 2px #477df659}.tr-bg-search{width:100%;height:44px;border-radius:var(--radius-sm);border:1.5px solid var(--border-2);background:var(--panel);color:var(--text);font-size:16px;padding:0 14px;outline:none;box-shadow:var(--shadow)}.tr-bg-search::placeholder{color:var(--text-muted)}.tr-bg-search:focus{border-color:var(--blue)}.tr-bg-chip{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 8px;background:var(--panel);border:1.5px solid var(--border-2);border-radius:10px;box-shadow:var(--shadow)}.tr-bg-chip img{width:26px;height:36px;object-fit:cover;border-radius:3px;flex-shrink:0}.tr-bg-chip span{font-size:12px;color:var(--text-dim);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-bg-chip-clear{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 2px;flex-shrink:0;line-height:1}.tr-bg-chip-clear:hover{color:var(--text)}.tr-bg-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;max-height:190px;overflow-y:auto;padding-right:2px}.tr-bg-card-thumb{border:2.5px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;padding:0;background:var(--panel-2);aspect-ratio:2/3;transition:border-color .15s,transform .12s;box-shadow:var(--shadow)}.tr-bg-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tr-bg-card-thumb.selected{border-color:#477df6;box-shadow:0 0 0 1px #477df666}.tr-bg-card-thumb:hover{transform:scale(1.05)}.tr-card-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.38) 0%,transparent 28%,transparent 62%,rgba(0,0,0,.78) 100%),radial-gradient(ellipse 80% 58% at center,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 65%,transparent 100%)}.tr-half.tr-on-card .tr-score{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.85),0 0 40px rgba(0,0,0,.55)}.tr-half.tr-on-card .tr-player-name{color:#ffffffe0;text-shadow:0 1px 8px rgba(0,0,0,.9)}.tr-half.tr-on-card .tr-undo-btn{color:#ffffff73}.tr-half.tr-on-card .tr-undo-btn:active{color:#ffffffd9;background:#ffffff1a}.tr-half.tr-on-card .tr-zone:active{background:#ffffff1a}.tr-half.tr-on-card .tr-zone-sym{color:#fff6}.tr-half.tr-on-card .tr-dot{border-color:#fff6}.tr-half.tr-on-card .tr-dot.filled{background:#fff;border-color:#fff;box-shadow:0 0 10px #ffffff80}.mh-row-no-opp{color:var(--text-muted);font-weight:600}.btn-primary,.brand-name,.auth-header h2,.browse-deck-name,.deck-name-input,.deck-detail-name,.gallery-tooltip-name,.account-page-title,.hero-title,.home-section-title,.home-cta-title,.events-title,.card-detail-name,.card-detail-dyli-btn,.card-notes-title,.card-detail-section-title,.modal-title,.print-option-title,.mh-signed-out-title,.mh-page-title,.cta-title{letter-spacing:.03em}.articles-page{overflow:hidden}.articles-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.articles-hero{padding:32px 32px 20px;background:var(--panel);border-bottom:1px solid var(--border)}.articles-hero-title{font-size:28px;font-weight:900;font-family:var(--font-heading);margin-bottom:4px}.articles-hero-sub{font-size:14px;color:var(--text-muted)}.articles-filter-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 28px;background:var(--panel);border-bottom:1px solid var(--border)}.articles-grid-wrap{flex:1;padding:24px 28px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.article-card{display:flex;flex-direction:column;border-radius:var(--radius);background:var(--panel);border:1.5px solid var(--border);text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;overflow:hidden}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.article-card-img{height:180px;background-size:cover;background-position:center;flex-shrink:0}.article-card-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.article-card-category{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--blue);background:var(--blue-softer);border:1px solid var(--blue-soft);padding:2px 8px;border-radius:20px;align-self:flex-start}.article-card-title{font-size:16px;font-weight:900;line-height:1.3}.article-card-excerpt{font-size:13px;color:var(--text-dim);line-height:1.5;flex:1}.article-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.article-card-author{font-size:12px;font-weight:700;color:var(--text-muted)}.article-card-date{font-size:11px;color:var(--text-muted)}.article-page{overflow:hidden}.article-page-body{flex:1;overflow-y:auto}.article-page-hero-img{width:100%;height:280px;background-size:cover;background-position:center}.article-page-content{max-width:740px;margin:0 auto;padding:32px 24px 60px}.article-page-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px}.article-back-link{font-size:13px;color:var(--text-muted);text-decoration:none;font-weight:700}.article-back-link:hover{color:var(--blue)}.article-page-title{font-size:30px;font-weight:900;line-height:1.2;margin-bottom:10px;font-family:var(--font-heading)}.article-page-byline{display:flex;gap:12px;font-size:13px;color:var(--text-muted);font-weight:700;margin-bottom:16px}.article-page-excerpt{font-size:16px;color:var(--text-dim);line-height:1.6;margin-bottom:24px;font-weight:600}.article-page-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--border)}.article-tag{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--panel-2);border:1px solid var(--border-2);color:var(--text-muted)}.article-share-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:20px}.article-share-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;border:1.5px solid var(--border-2);background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.article-share-btn:hover{border-color:var(--blue);color:var(--blue)}.article-share-btn.copied{border-color:var(--green);color:var(--green);background:#2fa46314}.article-share-x:hover{border-color:var(--text);color:var(--text)}.article-share-fb:hover{border-color:#1877f2;color:#1877f2}.article-share-reddit:hover{border-color:#ff4500;color:#ff4500}.article-share-footer{margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}.article-share-footer-label{display:block;margin-bottom:12px;font-size:11px;font-weight:900;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.article-share-footer .article-share-bar{margin-bottom:0}.article-body{display:flex;flex-direction:column;gap:16px}.article-p{font-size:15px;line-height:1.75;color:var(--text-dim)}.article-h2{font-size:22px;font-weight:900;margin-top:12px;font-family:var(--font-heading)}.article-h3{font-size:18px;font-weight:900;margin-top:8px}.article-blockquote{border-left:3px solid var(--blue);padding:10px 16px;background:var(--blue-softer);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15px;color:var(--text-dim);font-style:italic}.article-ul,.article-ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}.article-li{font-size:15px;line-height:1.65;color:var(--text-dim)}.article-link{color:var(--blue);text-decoration:underline}.article-code-inline{font-family:monospace;font-size:13px;background:var(--panel-2);border:1px solid var(--border-2);padding:1px 6px;border-radius:5px}.article-figure{display:flex;flex-direction:column;gap:8px}.article-img{width:100%;border-radius:var(--radius);border:1px solid var(--border)}.article-figcaption{font-size:12px;color:var(--text-muted);text-align:center}.card-inline-link{color:var(--blue);font-weight:800;text-decoration:none;cursor:pointer}.card-inline-link:hover{text-decoration:underline}.card-inline-missing{color:var(--text-muted);font-style:italic}.card-inline-preview{position:fixed;z-index:9999;transform:translate(-50%,calc(-100% - 14px));background:var(--panel);border:1.5px solid var(--border-2);border-radius:14px;padding:12px;box-shadow:var(--shadow-lg);width:220px;pointer-events:none;text-align:center;animation:card-preview-in .12s ease}@keyframes card-preview-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 8px)) scale(.94)}to{opacity:1;transform:translate(-50%,calc(-100% - 14px)) scale(1)}}.card-inline-preview-img{width:100%;border-radius:10px;display:block}.card-inline-preview-name{font-size:13px;font-weight:900;margin-top:9px}.card-inline-preview-meta{font-size:11px;color:var(--text-muted);margin-top:3px;line-height:1.4}.card-inline-preview-ability{font-size:11px;color:var(--text-dim);margin-top:7px;line-height:1.5;text-align:left;border-top:1px solid var(--border);padding-top:7px;white-space:pre-line}.deck-embed{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden;margin:8px 0}.deck-embed-loading,.deck-embed-error{padding:20px;text-align:center;font-size:13px;color:var(--text-muted)}.deck-embed-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel-2)}.deck-embed-title-group{display:flex;flex-direction:column;gap:1px}.deck-embed-title{font-size:15px;font-weight:900;text-decoration:none;color:var(--text)}.deck-embed-title:hover{color:var(--blue)}.deck-embed-author{font-size:12px;color:var(--text-muted);text-decoration:none}.deck-embed-author:hover{color:var(--blue)}.deck-embed-count{font-size:12px;color:var(--text-muted)}.deck-embed-price{font-size:12px;font-weight:800;color:var(--green);background:#2fa4631a;border:1px solid rgba(47,164,99,.25);padding:2px 8px;border-radius:20px;flex-shrink:0;margin-left:auto}.deck-embed-price-loading{color:var(--text-muted);font-size:12px;margin-left:auto}.deck-embed-copy-btn{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;border:1.5px solid var(--border-2);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.deck-embed-copy-btn:hover{border-color:var(--blue);color:var(--blue)}.deck-embed-copy-btn.copied{border-color:var(--green);color:var(--green);background:#2fa46314}.deck-embed-toggle{display:flex;gap:2px;flex-shrink:0}.deck-embed-toggle-btn{width:28px;height:28px;border-radius:6px;border:1.5px solid var(--border-2);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.deck-embed-toggle-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.deck-embed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;padding:12px}.deck-embed-card{position:relative;display:block;border-radius:6px;overflow:hidden;aspect-ratio:5/7}.deck-embed-card-img{width:100%;height:100%;object-fit:cover;display:block}.deck-embed-card-qty{position:absolute;bottom:3px;right:4px;font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.deck-embed-list{display:flex;flex-direction:column;padding:8px 0}.deck-embed-list-row{display:flex;align-items:center;gap:10px;padding:6px 14px;text-decoration:none;color:var(--text);transition:background .1s}.deck-embed-list-row:hover{background:var(--panel-2)}.deck-embed-list-thumb{width:28px;height:28px;object-fit:cover;border-radius:4px;flex-shrink:0}.deck-embed-list-name{flex:1;font-size:13px;font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-embed-list-type{font-size:11px;color:var(--text-muted);flex-shrink:0}.deck-embed-list-price{font-size:11px;color:var(--green);font-weight:700;flex-shrink:0;margin-left:auto}.deck-embed-list-qty{font-size:12px;font-weight:800;color:var(--text-muted);flex-shrink:0;min-width:24px;text-align:right}.deck-embed-caption{font-size:12px;color:var(--text-muted);text-align:center;padding:8px 16px;border-top:1px solid var(--border)}.profile-embed{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden;margin:8px 0}.profile-embed-loading,.profile-embed-error{padding:20px;text-align:center;font-size:13px;color:var(--text-muted)}.profile-embed-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:10px 16px 0}.profile-embed-inner{display:flex;align-items:center;gap:16px;padding:16px}.profile-embed-avatar{width:56px;height:56px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-size:24px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.profile-embed-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.profile-embed-username{font-size:16px;font-weight:900;letter-spacing:-.2px}.profile-embed-bio{font-size:13px;color:var(--text-dim);line-height:1.5}.profile-embed-stats{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.profile-embed-stats strong{color:var(--text);font-weight:900}.profile-embed-stat-divider{color:var(--border-2)}.profile-embed-socials{display:flex;gap:6px;flex-wrap:wrap}.profile-embed-social-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1.5px solid var(--border-2);background:var(--panel-2);color:var(--social-color, var(--text-muted));text-decoration:none;transition:all .12s;white-space:nowrap}.profile-embed-social-btn:hover{border-color:var(--social-color, var(--blue));background:var(--panel)}.profile-embed-cta{flex-shrink:0;padding:8px 16px;border-radius:var(--radius-sm);background:var(--blue);color:#fff;font-size:13px;font-weight:800;text-decoration:none;transition:opacity .12s;white-space:nowrap}.profile-embed-cta:hover{opacity:.85}@media (max-width: 500px){.profile-embed-inner{flex-wrap:wrap}.profile-embed-cta{width:100%;text-align:center}}@media (max-width: 700px){.articles-hero{padding:20px}.articles-filter-bar{padding:10px 16px}.articles-grid-wrap{padding:16px}.articles-grid{grid-template-columns:1fr}.article-page-content{padding:20px 16px 40px}.article-page-title{font-size:22px}.deck-embed-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.culture-page{overflow:hidden}.culture-body{flex:1;overflow-y:auto;padding:18px 0 48px}.culture-intro{padding:6px 24px 2px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.culture-intro-text{min-width:0}.culture-title{font-family:var(--font-heading);font-size:34px;margin:0 0 4px;color:var(--text)}.culture-sub{color:var(--text-muted);font-size:14px;margin:0}.culture-submit-btn{flex:none;white-space:nowrap}.culture-status{padding:44px 24px}.cultref-edit{background:none;border:none;color:var(--blue);cursor:pointer;font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px}.cultref-edit:hover{background:var(--blue-softer)}.cref-chip{font-size:11px;font-weight:800;color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 15%,transparent);border-radius:999px;padding:3px 10px;white-space:nowrap}.culture-jump-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px 8px}.culture-jump-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid color-mix(in srgb,var(--cat-color) 45%,transparent);background:color-mix(in srgb,var(--cat-color) 12%,transparent);color:var(--text);font-family:var(--font-body);font-weight:800;font-size:13px;border-radius:999px;padding:5px 12px;cursor:pointer;transition:background .12s,transform .12s}.culture-jump-chip:hover{background:color-mix(in srgb,var(--cat-color) 24%,transparent);transform:translateY(-1px)}.culture-jump-count{font-size:11px;font-weight:700;color:var(--text-muted)}.culture-shelves{display:flex;flex-direction:column;gap:26px;padding:10px 0 0}.culture-shelf-head{font-family:var(--font-heading);font-size:22px;color:var(--text);margin:0 0 8px;padding:0 24px;display:flex;align-items:center;gap:10px}.culture-shelf-head:before{content:"";width:9px;height:20px;border-radius:4px;background:var(--cat-color);flex:none}.culture-shelf-count{font-size:13px;font-weight:700;color:var(--text-muted);font-family:var(--font-body)}.culture-row{overflow-x:auto;padding:4px 24px 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.culture-track{display:flex;width:max-content}.culture-track.is-drift{will-change:transform}.culture-track.drift-left{animation:culture-drift-left 60s linear infinite}.culture-track.drift-right{animation:culture-drift-right 60s linear infinite}.culture-row:hover .culture-track,.culture-row:focus-within .culture-track{animation-play-state:paused}@keyframes culture-drift-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes culture-drift-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.culture-track{animation:none!important;transform:none!important}}.cref-tile{flex:0 0 auto;margin-right:14px;width:220px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:8px;cursor:pointer;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:8px;transition:transform .12s,box-shadow .12s}.cref-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cref-tile-imgs{display:flex;gap:6px}.cref-tile-card,.cref-tile-ref{flex:1 1 0;aspect-ratio:5 / 7;border-radius:8px;overflow:hidden;background:var(--panel-2);display:flex;align-items:center;justify-content:center}.cref-tile-card img{width:100%;height:100%;object-fit:contain}.cref-tile-ref{background:color-mix(in srgb,var(--cat-color) 10%,var(--panel-2))}.cref-tile-ref img{width:100%;height:100%;object-fit:cover}.cref-tile-noimg{font-size:11px;font-weight:800;color:var(--cat-color);text-align:center;padding:6px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.cref-tile-none{font-size:26px}.cref-tile-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px}.cref-tile-title{font-size:13px;font-weight:800;color:var(--text);line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cref-tile-cardname{font-size:11px;font-weight:700;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cref-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:cref-fade .16s ease}@keyframes cref-fade{0%{opacity:0}to{opacity:1}}.cref-lightbox{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:900px;width:100%;max-height:88vh;overflow-y:auto;padding:24px;animation:cref-pop .18s ease}@keyframes cref-pop{0%{transform:scale(.96);opacity:.4}to{transform:scale(1);opacity:1}}.cref-lightbox-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:28px;line-height:1;color:var(--text-muted);cursor:pointer;z-index:2}.cref-lightbox-close:hover{color:var(--text)}.cref-lightbox-body{display:flex;gap:24px;flex-wrap:wrap}.cref-lightbox-ref{flex:1 1 340px;min-width:0}.cref-lightbox-img-wrap{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--panel-2);margin-bottom:14px}.cref-lightbox-img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;background:var(--panel-2)}.cref-lightbox-img-none{display:flex;align-items:center;justify-content:center;min-height:200px;font-family:var(--font-heading);font-size:22px;text-align:center;padding:24px;color:#fff;background:var(--cat-color);border:none}.cref-lightbox-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.cref-lightbox-title{font-family:var(--font-heading);font-size:24px;margin:0;color:var(--text)}.cref-lightbox-desc{font-size:14.5px;line-height:1.6;color:var(--text);margin:0 0 12px;white-space:pre-wrap}.cref-lightbox-card-col{flex:0 0 200px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.cref-lightbox-card-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.cref-lightbox-card-link{display:block;width:100%;border-radius:12px;overflow:hidden}.cref-lightbox-card-img{width:100%;border-radius:12px;box-shadow:0 8px 28px #00000038;display:block}.cref-lightbox-card-none{aspect-ratio:5 / 7;width:100%;display:flex;align-items:center;justify-content:center;font-size:40px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.cref-lightbox-card-name{font-size:14px;font-weight:800;color:var(--text)}.cref-lightbox-view{margin-top:4px;width:100%;text-align:center;text-decoration:none}.cref-lightbox-edit-btn{width:100%}.cref-lightbox-edit{padding:4px 2px}.cref-submit{max-width:620px}.cref-submit-title{margin:0 0 16px}.cref-submit-form{margin-bottom:0}.cref-submit-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 4px}.cref-submit-done p{color:var(--text-muted);font-size:14px;margin:0 0 6px;max-width:360px}.cref-cardpick{position:relative}.cref-cardpick-results{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;max-height:320px;overflow-y:auto}.cref-cardpick-result{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;text-align:left;font:inherit;color:var(--text)}.cref-cardpick-result:hover{background:var(--panel-2)}.cref-cardpick-result-thumb{width:30px;height:42px;object-fit:cover;border-radius:5px;flex:none;background:var(--panel-2)}.cref-cardpick-result-name{font-weight:700;font-size:14px}.cref-cardpick-result-meta{margin-left:auto;font-size:11px;font-weight:700;color:var(--text-muted)}.cref-cardpick-selected{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:8px 12px}.cref-cardpick-thumb{width:34px;height:48px;object-fit:cover;border-radius:6px;flex:none}.cref-cardpick-name{font-weight:800;font-size:15px;color:var(--text)}.cref-cardpick-change{margin-left:auto;background:none;border:none;color:var(--blue);font-weight:700;font-size:13px;cursor:pointer;padding:4px 6px;border-radius:6px}.cref-cardpick-change:hover{background:var(--blue-softer)}@media (max-width: 640px){.culture-title{font-size:27px}.culture-shelf-head{font-size:19px}.culture-submit-btn{width:100%}.cref-lightbox{padding:18px}.cref-lightbox-card-col{flex-basis:100%;max-width:220px;margin:0 auto}}.follow-btn{padding:7px 18px;border-radius:999px;font-size:13px;font-weight:800;background:var(--blue);color:#fff;border:1.5px solid var(--blue);cursor:pointer;transition:background .12s,color .12s,border-color .12s;align-self:center;flex-shrink:0}.follow-btn:hover:not(:disabled){filter:brightness(1.08)}.follow-btn.following{background:var(--panel);color:var(--text-dim);border-color:var(--border-2)}.follow-btn.following:hover:not(:disabled){color:#d33;border-color:#d33}.follow-btn:disabled{opacity:.6;cursor:default}.follow-btn-sm{padding:5px 13px;font-size:12px}.profile-follow-counts{display:flex;gap:12px;margin-top:5px}.profile-follow-count{background:none;border:none;padding:0;cursor:pointer;font-size:13px;color:var(--text-dim)}.profile-follow-count:hover{color:var(--text);text-decoration:underline}.profile-follow-count strong{color:var(--text)}.follow-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px}.follow-modal{background:var(--panel);border:1.5px solid var(--border-2);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:400px;max-height:70vh;display:flex;flex-direction:column}.follow-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:800;border-bottom:1px solid var(--border)}.follow-modal-close{background:none;border:none;font-size:22px;line-height:1;color:var(--text-dim);cursor:pointer;padding:0 4px}.follow-modal-close:hover{color:var(--text)}.follow-modal-body{overflow-y:auto;padding:6px}.follow-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px}.follow-row:hover{background:var(--panel-2)}.follow-row-user{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:0;flex:1}.follow-row-avatar{width:32px;height:32px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.follow-row-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-row-count{font-size:12px;color:var(--text-dim);flex-shrink:0}.notif-bell-wrap{position:relative}.notif-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:none;border:none;color:var(--text-dim);cursor:pointer}.notif-bell-btn:hover{color:var(--text);background:var(--panel-2)}.notif-badge{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:80;background:var(--panel);border:1.5px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow-lg);width:320px;max-height:420px;overflow-y:auto;padding:6px}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 8px;font-size:12px;font-weight:800;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:4px}.notif-see-all{font-size:12px;font-weight:700;color:var(--blue);text-decoration:none}.notif-see-all:hover{text-decoration:underline}.notif-empty{padding:24px 10px;text-align:center;font-size:13px;color:var(--text-dim)}.notif-row{display:flex;align-items:baseline;gap:8px;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--text-dim);font-size:13px}a.notif-row:hover{background:var(--panel-2)}.notif-row.unread{color:var(--text)}.notif-row-text{flex:1;min-width:0}.notif-row-text strong{color:var(--text);font-weight:700}.notif-row-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.notif-row-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex-shrink:0;align-self:center}.notif-page-body{flex:1;overflow-y:auto;max-width:620px;margin:0 auto;padding:24px 16px 60px;width:100%}.notif-page-title{font-size:22px;font-weight:900;margin:0 0 14px}.notif-page-list{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px}.notif-page-list .notif-row{padding:12px;font-size:14px}.admin-badge-panel{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:8px 10px;border-radius:10px;border:1.5px dashed var(--border-2);background:var(--panel-2)}.admin-badge-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-right:4px}.admin-badge-chip{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-dim);cursor:pointer}.admin-badge-chip:hover{color:var(--text)}.admin-badge-chip.held{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.admin-badge-chip:disabled{opacity:.5;cursor:wait}.badges-page-body{flex:1;overflow-y:auto;max-width:860px;margin:0 auto;padding:24px 16px 60px;width:100%}.badges-page-head{margin-bottom:16px}.badges-page-title{font-family:var(--font-heading);font-size:26px;font-weight:900;letter-spacing:-.3px;margin:0 0 4px}.badges-page-sub{font-size:14px;color:var(--text-muted);margin:0}.badges-signin-banner{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;margin-bottom:18px;cursor:pointer;background:var(--panel);border:1.5px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);font-size:14px}.badges-signin-banner:hover{border-color:var(--blue)}.badges-signin-emoji{font-size:26px}.badges-signin-banner strong{display:block;font-weight:800}.badges-signin-sub{display:block;font-size:12px;color:var(--text-dim)}.badges-summary{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:22px;background:var(--panel);border:1.5px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow)}.badges-summary-count{display:flex;align-items:baseline;gap:6px;flex-shrink:0}.badges-summary-big{font-family:var(--font-heading);font-size:34px;color:var(--blue);line-height:1}.badges-summary-of{font-size:13px;font-weight:800;color:var(--text-muted)}.badges-summary-main{flex:1;min-width:0}.badges-summary-label{font-size:12px;font-weight:800;color:var(--text-dim);margin-bottom:6px}.badges-meter{height:10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.badges-meter-fill{height:100%;border-radius:999px;min-width:6px;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));transition:width .6s cubic-bezier(.22,1,.36,1)}.badges-section{margin-bottom:26px}.badges-section-title{font-family:var(--font-heading);font-size:18px;letter-spacing:-.2px;margin:0 0 2px}.badges-section-blurb{font-size:13px;color:var(--text-muted);margin:0 0 12px}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.badge-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 14px 14px;border-radius:var(--radius);background:var(--panel);border:1.5px solid var(--border-2);box-shadow:var(--shadow);transition:transform .14s,box-shadow .14s}.badge-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.badge-card.earned{border-color:var(--blue)}.badge-card.curated{border-style:dashed}.badge-card.curated.earned{border-style:solid;border-color:var(--purple)}.badge-card-art{height:68px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.badge-card-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(13,27,48,.16));transition:transform .14s}.badge-card:hover .badge-card-icon{transform:scale(1.1) rotate(-3deg)}.badge-card-emoji{font-size:46px;line-height:1}.badge-card.locked .badge-card-icon,.badge-card.locked .badge-card-emoji{filter:grayscale(1);opacity:.38}.badge-card-name{font-size:14px;font-weight:800;margin-bottom:2px}.badge-card.locked .badge-card-name{color:var(--text-dim)}.badge-card-desc{font-size:12px;color:var(--text-muted);min-height:32px;margin-bottom:10px}.badge-card-status{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--panel-2);color:var(--text-muted);margin-top:auto}.badge-card-status.earned{background:var(--blue-soft);color:var(--blue)}.badge-card-status.special{background:transparent;color:var(--purple)}.badge-card-progress{display:flex;align-items:center;gap:8px;width:100%;margin-top:auto}.badge-card-meter{flex:1;height:7px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.badge-card-meter-fill{height:100%;border-radius:999px;background:var(--blue);transition:width .5s cubic-bezier(.22,1,.36,1)}.badge-card-meter.close .badge-card-meter-fill{background:linear-gradient(90deg,var(--blue),var(--pink))}.badge-card-progress-num{font-size:11px;font-weight:800;color:var(--text-dim);flex-shrink:0;font-variant-numeric:tabular-nums}.profile-badges-all{align-self:center;font-size:12px;font-weight:800;color:var(--blue);text-decoration:none;padding:4px 10px;border-radius:999px;border:1.5px dashed var(--border-2)}.profile-badges-all:hover{border-color:var(--blue);background:var(--blue-softer)}@media (max-width: 560px){.badges-grid{grid-template-columns:repeat(2,1fr);gap:8px}.badge-card-desc{min-height:44px}}.lb-page-body{flex:1;overflow-y:auto;max-width:680px;margin:0 auto;padding:24px 16px 60px;width:100%}.lb-page-head{margin-bottom:16px}.lb-page-title{font-family:var(--font-heading);font-size:26px;font-weight:900;letter-spacing:-.3px;margin:0 0 4px}.lb-tagline{font-size:14px;color:var(--text-muted);margin:0}.lb-season-chip{display:inline-block;padding:2px 10px;margin-right:6px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:800}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin:22px 0 18px}.lb-podium-card{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;flex:1;max-width:190px;padding:18px 12px 14px;background:var(--panel);border:1.5px solid var(--border-2);border-radius:16px;box-shadow:var(--shadow);text-decoration:none;color:var(--text);transition:transform .12s}.lb-podium-card:hover{transform:translateY(-3px)}.lb-podium-card.first{padding-top:26px;padding-bottom:22px;border-width:2px}.lb-podium-card.gold{border-color:#e8b93e}.lb-podium-card.silver{border-color:#b7c0cc}.lb-podium-card.bronze{border-color:#cf8a4e}.lb-podium-card.me{background:var(--blue-soft)}.lb-podium-crown{position:absolute;top:-26px;left:50%;transform:translate(-50%) rotate(-8deg);width:46px;height:46px;filter:drop-shadow(0 2px 4px rgba(13,27,48,.2))}.lb-podium-avatar{width:56px;height:56px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:900;font-size:24px;display:flex;align-items:center;justify-content:center;border:3px solid var(--border-2)}.lb-podium-card.first .lb-podium-avatar{width:68px;height:68px;font-size:30px}.lb-podium-avatar.gold{border-color:#e8b93e}.lb-podium-avatar.silver{border-color:#b7c0cc}.lb-podium-avatar.bronze{border-color:#cf8a4e}.lb-podium-place{font-size:12px;font-weight:900;color:var(--text-muted)}.lb-podium-card.gold .lb-podium-place{color:#c99a1f}.lb-podium-card.silver .lb-podium-place{color:#8b96a5}.lb-podium-card.bronze .lb-podium-place{color:#b06f35}.lb-podium-name{font-size:14px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-heading);letter-spacing:.3px}.lb-podium-points{font-size:13px;font-weight:800;color:var(--text-dim)}.lb-badges{display:inline-flex;align-items:center;gap:3px;margin-left:8px;vertical-align:middle}.lb-badges.center{margin-left:0;margin-top:6px;justify-content:center;flex-wrap:wrap}.lb-badge-icon{object-fit:contain;display:inline-block}.lb-badge-emoji{line-height:1}.lb-badge-more{font-size:10px;font-weight:800;color:var(--text-muted)}.lb-howto{margin-top:14px;padding:12px 16px;border-radius:12px;text-align:center;border:1.5px dashed var(--border-2);background:var(--panel-2);font-size:12px;font-weight:600;color:var(--text-dim)}@media (max-width: 560px){.lb-podium{gap:8px}.lb-podium-card{padding:14px 8px 12px}.lb-podium-name{font-size:12px}}.lb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.lb-tab{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;background:var(--panel);border:1.5px solid var(--border-2);color:var(--text-dim);cursor:pointer}.lb-tab:hover{color:var(--text)}.lb-tab.active{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.lb-subtitle{font-size:13px;color:var(--text-dim);margin-bottom:14px}.lb-list{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px}.lb-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text)}.lb-row:hover{background:var(--panel-2)}.lb-row.me{background:var(--blue-soft)}.lb-rank{width:38px;flex-shrink:0;font-size:13px;font-weight:800;color:var(--text-muted)}.lb-rank.medal{font-size:20px}.lb-avatar{width:32px;height:32px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lb-name{flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-heading);letter-spacing:.3px}.lb-you{margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--blue);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;vertical-align:2px}.lb-points{flex-shrink:0;font-size:13px;font-weight:800;color:var(--text-dim)}.following-toggle{display:flex;align-items:center;gap:6px;flex-shrink:0;height:28px;padding:0 12px;border-radius:6px;background:var(--panel-2);border:1.5px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:700;cursor:pointer;transition:all .12s;white-space:nowrap}.following-toggle:hover{border-color:var(--blue);color:var(--text)}.following-toggle.active{background:var(--blue);border-color:var(--blue);color:#fff}.profile-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.profile-badge{position:relative;display:inline-flex;cursor:default;outline:none;transition:transform .12s}.profile-badge:hover,.profile-badge:focus-visible{transform:scale(1.12)}.profile-badge-emoji{font-size:30px;line-height:36px}.profile-badge-icon{width:36px;height:36px;object-fit:contain;display:block;filter:drop-shadow(0 1px 3px rgba(13,27,48,.18))}.profile-badge-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:none;flex-direction:column;gap:3px;z-index:90;width:max-content;max-width:220px;padding:10px 12px;text-align:center;background:var(--panel);border:1.5px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow-lg);pointer-events:none}.profile-badge-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-2)}.profile-badge:hover .profile-badge-tip,.profile-badge:focus-visible .profile-badge-tip{display:flex}.profile-badge-tip-name{font-size:13px;font-weight:800;color:var(--text)}.profile-badge-tip-desc{font-size:12px;font-weight:600;color:var(--text-dim)}.profile-badge-tip-date{font-size:11px;color:var(--text-muted)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home-body,.browse-body,.gallery-body,.articles-body,.article-page-body,.events-body,.event-detail-body,.deck-detail-body,.culture-body,.profile-body,.mh-body,.legal-body,.badges-page-body,.lb-page-body,.notif-page-body{animation:page-enter .4s var(--ease-out) both}@keyframes grid-item-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.browse-grid>*,.articles-grid>*{animation:grid-item-in .45s var(--ease-out) backwards}.browse-grid>*:nth-child(1),.articles-grid>*:nth-child(1){animation-delay:0ms}.browse-grid>*:nth-child(2),.articles-grid>*:nth-child(2){animation-delay:40ms}.browse-grid>*:nth-child(3),.articles-grid>*:nth-child(3){animation-delay:80ms}.browse-grid>*:nth-child(4),.articles-grid>*:nth-child(4){animation-delay:.12s}.browse-grid>*:nth-child(5),.articles-grid>*:nth-child(5){animation-delay:.16s}.browse-grid>*:nth-child(6),.articles-grid>*:nth-child(6){animation-delay:.2s}.browse-grid>*:nth-child(7),.articles-grid>*:nth-child(7){animation-delay:.24s}.browse-grid>*:nth-child(8),.articles-grid>*:nth-child(8){animation-delay:.28s}.browse-grid>*:nth-child(9),.articles-grid>*:nth-child(9){animation-delay:.32s}.browse-grid>*:nth-child(10),.articles-grid>*:nth-child(10){animation-delay:.36s}.browse-grid>*:nth-child(11),.articles-grid>*:nth-child(11){animation-delay:.4s}.browse-grid>*:nth-child(12),.articles-grid>*:nth-child(12){animation-delay:.44s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.hero-orb{animation:none!important}}