:root{--bg: #0e1116;--panel: #171b22;--panel-2: #1e242d;--border: #2a323d;--text: #e6e9ee;--muted: #8b95a3;--accent: #FF9D00}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1400px;margin:0 auto;padding:16px 20px 60px}.topbar{display:flex;align-items:baseline;gap:14px;padding:6px 0 14px}.topbar h1{font-size:22px;margin:0;letter-spacing:.5px}.topbar .accent{color:var(--accent)}.topbar .count{color:var(--muted)}.filters{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;margin-bottom:18px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.filters input,.filters select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px}.filters .search{flex:1 1 240px;min-width:200px}.ms{position:relative}.ms>summary{list-style:none;cursor:pointer;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.ms>summary::-webkit-details-marker{display:none}.ms>summary:after{content:"▾";color:var(--muted);font-size:11px}.ms[open]>summary{border-color:var(--accent)}.ms-badge{background:var(--accent);color:#0e1116;border-radius:10px;padding:0 6px;font-size:11px;font-weight:700}.ms-menu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;min-width:190px;max-height:320px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:0 8px 24px #00000073}.ms-opt{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;white-space:nowrap}.ms-opt:hover{background:var(--panel-2)}.ms-opt input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:16px;height:16px;flex:none;border:1px solid var(--border);border-radius:4px;background:var(--bg);cursor:pointer;display:grid;place-content:center}.ms-opt input[type=checkbox]:checked{border-color:var(--accent)}.ms-opt input[type=checkbox]:checked:after{content:"";width:4px;height:8px;border:solid var(--accent);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.ms-clear{display:block;width:100%;text-align:left;background:transparent;color:var(--muted);border:none;border-bottom:1px solid var(--border);padding:4px 8px 8px;margin-bottom:4px;cursor:pointer;font-size:12px}.ms-clear:hover{color:var(--text)}.cats{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.cat-chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:13px;transition:color .12s,border-color .12s,background .12s}.cat-chip .cat-dot{width:10px;height:10px;border-radius:50%;background:var(--chip)}.cat-chip:hover{color:var(--text);border-color:var(--chip)}.cat-chip.active{color:var(--text);border-color:var(--chip);background:color-mix(in srgb,var(--chip) 22%,var(--panel-2))}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;transition:opacity .15s}.grid.loading{opacity:.5}.card{margin:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;transform-origin:top center}.card.landscape{grid-column:span 2}.grid .card:hover,.grid .card.active{transform:scale(1.06);z-index:30;box-shadow:0 14px 36px #0009}.card.clickable{cursor:pointer}.card-action,.version-chip{opacity:0;pointer-events:none;transition:opacity .12s ease}.card:hover .card-action,.card.active .card-action,.card:hover .version-chip,.card.active .version-chip{opacity:1;pointer-events:auto}.card img{width:100%;height:auto;display:block;background:#000}.card .noimg{aspect-ratio:744 / 1039;display:grid;place-items:center;padding:12px;text-align:center;color:var(--muted)}.card figcaption{padding:8px 10px 10px}.card .row{display:flex;justify-content:space-between;gap:8px;align-items:center}.card .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .stats{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.card .sub{margin-top:4px;color:var(--muted);font-size:12px}.dots{display:flex;gap:4px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px}.pager button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer}.pager button:disabled{opacity:.4;cursor:default}.error{background:#3a1d1d;border:1px solid #6b2b2b;color:#ffb4b4;padding:10px 14px;border-radius:8px;margin-bottom:16px}.empty{color:var(--muted);text-align:center;padding:60px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--border)}.nav .brand{font-size:20px;font-weight:700;letter-spacing:.5px;color:var(--text);text-decoration:none}.nav .brand .accent{color:var(--accent)}.brand-mark{margin-right:6px;font-size:.95em;vertical-align:-.06em}.nav-links{display:flex;gap:18px}.nav-links a{color:var(--muted);text-decoration:none;font-weight:500}.nav-links a:hover{color:var(--text)}.account-login{display:flex;gap:8px}.login-btn{font-size:13px;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer}.login-btn:hover{border-color:var(--accent)}.login-btn.discord{background:#5865f2;border-color:#5865f2;color:#fff}.login-btn.google{background:#fff;border-color:#dadce0;color:#3c4043}.account-menu{position:relative}.account-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);border-radius:20px;padding:4px 12px 4px 4px;cursor:pointer;color:var(--text);font-weight:600}.account-trigger:hover{border-color:var(--accent)}.account-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.account-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#0e1116;font-weight:800;font-size:13px}.account-name{font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:240px;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #00000080}.account-rename-label{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.account-rename-row{display:flex;gap:6px}.account-rename-row input{flex:1;min-width:0;background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:6px 8px;color:var(--text)}.account-error{font-size:12px;color:#ff6b6b}.account-logout{align-self:flex-start;background:transparent;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:2px 0}.account-logout:hover{color:var(--text)}.home-auth-error{margin-bottom:16px}.page{max-width:1400px;margin:0 auto;padding:24px 20px 60px}.page h2{font-size:16px;margin:24px 0 12px}button.primary{background:var(--accent);color:#0e1116;border:none;border-radius:8px;padding:9px 16px;font-weight:700;cursor:pointer}button.primary:disabled{opacity:.5;cursor:default}.create-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.create-card h2{margin:0 0 12px}.create-row{display:flex;gap:10px}.create-row input{flex:1;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px}.cube-list{display:flex;flex-direction:column;gap:8px}.cube-row{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 16px;text-decoration:none;color:var(--text)}.cube-row:hover{border-color:var(--accent)}.cube-row-main{display:flex;align-items:center;gap:10px}.cube-name{font-weight:600}.mine-badge{font-size:11px;font-weight:700;background:var(--accent);color:#0e1116;border-radius:10px;padding:1px 7px}.cube-meta{color:var(--muted);font-size:13px}.home{max-width:960px}.home-hero{position:relative;overflow:hidden;padding:40px 0 44px;border-bottom:1px solid var(--border);margin-bottom:44px}.home-hero .embers{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.home-hero>*:not(.embers){position:relative;z-index:1}.home-hero .eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 18px}.home-hero h1{font-size:clamp(30px,5vw,50px);font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:0;max-width:16ch;text-wrap:balance}.home-hero h1 .accent{color:var(--accent)}.home-lede{margin:20px 0 0;max-width:58ch;font-size:17px;line-height:1.55;color:var(--muted)}.home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:30px}.home-make{display:flex;gap:10px;flex:1 1 340px;min-width:280px;max-width:480px}.flex-break{flex-basis:100%;height:0;margin:0}.home-make input{flex:1;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:11px 13px;font-size:15px}.home-make input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.home-make .primary{white-space:nowrap;padding:11px 18px;font-size:15px;font-weight:600}.home-join{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.home-join input{width:84px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 10px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums}.home-join input:focus{outline:none;border-color:var(--accent)}.home-join button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 14px;cursor:pointer}.home-join button:hover:not(:disabled){border-color:var(--accent)}.home-join button:disabled{opacity:.5;cursor:default}.home-stats{display:flex;gap:40px;margin-top:34px}.home-stats .stat{display:flex;flex-direction:column;gap:2px}.home-stats .stat b{font-size:26px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--accent)}.home-stats .stat span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:48px}.home-features .feature{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:22px 24px}.home-features .feature h3{margin:0 0 8px;font-size:16px;font-weight:700}.home-features .feature h3:before{content:"";display:inline-block;width:14px;height:2px;background:var(--accent);vertical-align:middle;margin-right:9px}.home-features .feature p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}.home-cubes-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.home-cubes-head h2{margin:0}.home-browse{color:var(--muted);font-size:14px;text-decoration:none}.home-browse:hover{color:var(--accent)}.home-cube-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.home-cube-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:16px 18px;text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.home-cube-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.home-cube-top{display:flex;align-items:center;gap:8px}.home-cube-name{font-weight:600;font-size:15px}.home-cube-meta{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.home-foot{margin-top:56px;padding-top:22px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.home-foot-mark{font-size:16px;font-weight:800;letter-spacing:-.01em}.home-foot-mark .accent{color:var(--accent)}.home-foot .muted{font-size:12px}.cube-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.cube-header h1{margin:0;font-size:24px}.cube-sub{color:var(--muted);margin-top:4px;display:flex;align-items:center;gap:10px}.ro-badge{font-size:11px;font-weight:700;text-transform:uppercase;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:2px 6px}.cube-actions{display:flex;gap:10px}.cube-actions button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 14px;cursor:pointer}.cube-actions button.primary{background:var(--accent);color:#0e1116;border:none}.notice{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:12px 16px;color:var(--muted);margin-bottom:16px}.add-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:0 12px 12px;margin-bottom:24px}.section-title{font-size:16px;margin:8px 0 12px}.card-img{position:relative}.card-action{position:absolute;top:6px;right:6px}.pick-badge{position:absolute;bottom:6px;right:6px;background:#0e1116d9;color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;z-index:2}.card-versions{position:absolute;top:6px;left:6px;z-index:3}.version-chip{background:#0e1116d9;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums}.version-chip:hover{border-color:var(--accent);color:var(--accent)}.version-menu{position:fixed;z-index:1000;width:220px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 12px 32px #0009}.version-loading{color:var(--muted);font-size:13px;padding:8px}.version-item{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:8px;padding:5px 7px;cursor:pointer;text-align:left;color:var(--text)}.version-item:hover{background:var(--panel-2);border-color:var(--border)}.version-item.current{border-color:var(--accent)}.version-item img{width:34px;height:34px;object-fit:cover;object-position:top center;border-radius:5px;flex:none;background:#000}.version-meta{display:flex;flex-direction:column;gap:1px}.version-meta .v-set{font-size:12px;font-weight:600}.version-meta .v-rarity{font-size:11px;color:var(--muted)}.add-btn{background:#0e1116d9;color:var(--text);border:1px solid var(--accent);border-radius:6px;padding:5px 9px;font-size:12px;font-weight:600;cursor:pointer}.add-btn:hover{background:var(--accent);color:#0e1116}.add-btn:disabled{opacity:.6;cursor:default}.qty-controls{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.qty-badge{background:#0e1116e6;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700}.qty-buttons{display:flex;gap:3px}.qty-buttons button{width:24px;height:24px;background:#0e1116e6;color:var(--text);border:1px solid var(--border);border-radius:5px;cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center}.qty-buttons button:hover{border-color:var(--accent)}.qty-buttons button.danger:hover{border-color:#d8574f;color:#ff9b95}.qty-buttons button:disabled{opacity:.5;cursor:default}.tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--border)}.tabs button{background:transparent;border:none;color:var(--muted);padding:8px 16px;cursor:pointer;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.list-toolbar{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.list-toolbar .count{color:var(--muted)}.sort{display:flex;align-items:center;gap:8px}.sort label{color:var(--muted);font-size:13px}.sort select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:14px}.sort .dir{width:34px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:7px 0}.sort .dir:hover{border-color:var(--accent)}.analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.chart-card.wide{grid-column:1 / -1}.chart-card h3{margin:0 0 4px;font-size:15px}.chart-note{margin:0 0 12px;color:var(--muted);font-size:12px}.chart-empty{color:var(--muted);padding:20px 0;text-align:center}.bar-row{display:grid;grid-template-columns:90px 1fr 42px;align-items:center;gap:10px;margin:7px 0}.bar-label{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:var(--panel-2);border-radius:5px;height:16px;overflow:hidden;display:flex}.bar-seg{height:100%;min-width:2px;transition:width .2s}.bar-seg.add{background-color:color-mix(in srgb,var(--seg) 18%,transparent);background-image:repeating-linear-gradient(45deg,var(--seg) 0 3px,transparent 3px 7px)}.bar-seg.remove{background-color:color-mix(in srgb,#5e646c 22%,transparent);background-image:repeating-linear-gradient(-45deg,#5e646c 0 3px,transparent 3px 7px)}.bar-val{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.curve{display:flex;align-items:flex-end;gap:6px;height:170px}.curve-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;gap:4px}.curve-val{font-size:11px;color:var(--muted);height:14px}.curve-bar-wrap{flex:1;width:100%;display:flex;flex-direction:column-reverse;border-radius:4px 4px 0 0;overflow:hidden}.curve-seg{width:100%;min-height:2px;background:var(--accent);transition:height .2s}.curve-seg.add{background-color:color-mix(in srgb,var(--seg) 18%,transparent);background-image:repeating-linear-gradient(45deg,var(--seg) 0 3px,transparent 3px 7px)}.curve-seg.remove{background-color:color-mix(in srgb,#5e646c 22%,transparent);background-image:repeating-linear-gradient(-45deg,#5e646c 0 3px,transparent 3px 7px)}.curve-x{font-size:12px;color:var(--muted)}.add-panel{max-height:62vh;overflow-y:auto;padding-bottom:26px}.draft-count{font-weight:700;font-size:13px}.draft-count.add,.delta-add,.draft-bar strong.add{color:var(--accent)}.draft-count.remove,.delta-remove,.draft-bar strong.remove{color:#aeb7c2}.delta-add,.delta-remove{font-size:11px;margin-left:3px;font-weight:700}.qty-badges{display:flex;gap:4px;align-items:center}.delta-chip{font-size:12px;font-weight:700;border-radius:6px;padding:2px 6px;border:1px solid}.delta-chip.add{color:var(--text);border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 18%,rgba(14,17,22,.9))}.delta-chip.remove{color:var(--text);border-color:#4a4f57;background-color:color-mix(in srgb,#5e646c 22%,rgba(14,17,22,.9))}.has-add .card{border-color:var(--accent);border-style:dashed}.has-remove .card{border-color:#4a4f57;border-style:dashed}.has-remove.removing .card{opacity:.55}.legend{display:flex;gap:18px;margin-bottom:12px;color:var(--muted);font-size:13px}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:14px;height:14px;border-radius:3px;background:var(--accent);display:inline-block}.legend-swatch.add{border:1px solid var(--accent);background-color:color-mix(in srgb,var(--accent) 18%,transparent);background-image:repeating-linear-gradient(45deg,var(--accent) 0 3px,transparent 3px 7px)}.legend-swatch.remove{border:1px solid #4a4f57;background-color:color-mix(in srgb,#5e646c 22%,transparent);background-image:repeating-linear-gradient(-45deg,#5e646c 0 3px,transparent 3px 7px)}.draft-bar{position:sticky;bottom:16px;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:12px 18px;box-shadow:0 8px 30px #0000008c}.draft-bar-actions{display:flex;gap:10px}.draft-bar-actions button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 16px;cursor:pointer}.draft-bar-actions button.primary{background:var(--accent);color:#0e1116;border:none;font-weight:700}.draft-bar-actions button:disabled{opacity:.5;cursor:default}.import-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:24px}.import-head{display:flex;justify-content:space-between;align-items:center}.import-head h3{margin:0;font-size:15px}.link-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:13px}.link-btn:hover{color:var(--text)}.import-text{width:100%;margin-top:10px;resize:vertical;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.import-actions{margin-top:10px}.import-report{margin-top:12px;font-size:13px}.import-report .ok{color:#5fd08a}.import-report .miss{color:#ffb4b4;margin-top:4px}.import-report .miss span{color:var(--muted)}.chart-note code{background:var(--panel-2);padding:1px 5px;border-radius:4px;font-size:12px}.ms-menu-btn{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:7px 8px;border-radius:6px;cursor:pointer;font-size:13px}.ms-menu-btn:hover{background:var(--panel-2)}.export-menu .ms-menu{min-width:160px;right:0;left:auto}.cube-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.danger-btn{background:transparent;color:#d8574f;border:1px solid #5a2b2b;border-radius:8px;padding:8px 14px;cursor:pointer}.danger-btn:hover{background:#3a1d1d;border-color:#6b2b2b}.muted{color:var(--muted)}.notice .link-btn{margin-left:8px;text-decoration:underline}.tags-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag-chip{display:inline-flex;align-items:center;gap:3px;background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:11px;color:var(--muted)}.tag-x{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:10px;padding:0;line-height:1}.tag-x:hover{color:#ff9b95}.tag-add{background:transparent;border:1px dashed var(--border);border-radius:5px;color:var(--muted);cursor:pointer;font-size:11px;padding:1px 6px}.tag-add:hover{border-color:var(--accent);color:var(--text)}.tag-input{background:var(--panel-2);border:1px solid var(--accent);border-radius:5px;color:var(--text);font-size:11px;padding:1px 6px;width:84px}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 14px;cursor:pointer;text-decoration:none;font-size:14px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#0e1116;border:none;font-weight:700}.draft-btn{border-color:var(--accent);color:var(--accent);font-weight:600}.draft-btn:hover{background:var(--accent);color:#0e1116}.draft-setup{max-width:640px}.setup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.setup-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.setup-grid input,.setup-grid select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px}.setup-grid label.checkbox{grid-column:1 / -1;flex-direction:row;align-items:center;gap:8px;color:var(--text)}.setup-grid label.checkbox input{width:auto}.setup-summary{margin-bottom:16px;color:var(--muted)}.setup-summary .warn{color:#ffb4b4}.draft-head{margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-controls{display:flex;gap:8px;flex-shrink:0}.pack-grid{margin-bottom:28px;overflow:visible}.pack-card{padding:0;cursor:pointer;display:block;position:relative;overflow:visible;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;transform-origin:center}.pack-card .card-img{overflow:hidden;border-radius:11px}.pack-card:disabled{cursor:default}.pack-card:not(.landscape):hover{transform:scale(1.15);z-index:20;box-shadow:0 12px 34px #0009}.pack-card.reserved{z-index:15;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 10px 28px #0000008c}.reserved-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--accent);color:#0e1116;font-weight:700;font-size:11px;padding:2px 8px;border-radius:6px;white-space:nowrap;z-index:5;pointer-events:none}.pack-card.landscape{grid-column:auto}.pack-card.landscape .card-img{position:relative;aspect-ratio:744 / 1039}.pack-card.landscape .card-img img{position:absolute;top:50%;left:50%;width:139.65%;height:71.6%;object-fit:cover;transform:translate(-50%,-50%) rotate(-90deg);transition:transform .18s ease}.pack-card.landscape:hover{z-index:25}.pack-card.landscape:hover .card-img{overflow:visible}.pack-card.landscape:hover .card-img img{transform:translate(-50%,-50%) rotate(0) scale(1.4);box-shadow:0 14px 40px #000000b3;border-radius:8px}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.pool-grid.big{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pool-card{position:relative;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#000;aspect-ratio:744 / 1039;display:grid;place-items:center;color:var(--muted);font-size:10px;text-align:center;padding:2px}.pool-card img{width:100%;height:100%;object-fit:cover;display:block}.pool-card.landscape{position:relative}.pool-card.landscape img{position:absolute;top:50%;left:50%;width:139.65%;height:71.6%;transform:translate(-50%,-50%) rotate(-90deg)}.other-seats{display:flex;flex-direction:column;gap:8px}.seat-details{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.seat-details summary{cursor:pointer}.seat-details .pool-grid{margin-top:12px}.deck-header{display:flex;align-items:center;gap:18px;margin-bottom:14px;flex-wrap:wrap}.deck-total{font-weight:700;font-size:16px}.type-counts{display:flex;gap:14px;color:var(--muted);font-size:13px;flex-wrap:wrap}.type-count b{color:var(--text)}.deck-hint{color:var(--muted);font-size:12px;margin-left:auto}.deck-body{display:flex;gap:14px;align-items:flex-start;overflow-x:auto;padding-bottom:8px}.deck-columns{display:flex;gap:8px}.deck-column{width:128px;flex:0 0 128px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px;min-height:220px;transition:border-color .1s,background .1s}.deck-column.over,.sideboard-col.over{border-color:var(--accent);border-style:solid;background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.deck-col-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700;padding:2px 4px 8px}.deck-stack{position:relative}.deck-card{position:relative;width:100%;aspect-ratio:744 / 1039;margin-top:-128px;cursor:grab}.deck-card:first-child{margin-top:0}.deck-card:active{cursor:grabbing}.deck-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--border);display:block}.deck-card.landscape img{inset:auto;top:50%;left:50%;width:139.65%;height:71.6%;transform:translate(-50%,-50%) rotate(-90deg)}.deck-card-label{position:absolute;top:0;left:0;right:0;font-size:10px;line-height:1.35;padding:2px 5px;background:#0e1116e6;color:var(--text);border-radius:8px 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:2}.deck-card-label b{color:var(--accent);margin-right:3px}.deck-card:hover .deck-card-label{opacity:0}.sideboard-col{width:150px;flex:0 0 150px;background:var(--panel-2);border:1px dashed var(--border);border-radius:10px;padding:6px;min-height:220px}.sideboard-empty{color:var(--muted);font-size:12px;text-align:center;padding:20px 4px}.zdeck{display:flex;flex-direction:column;gap:16px}.zdeck-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;position:sticky;top:0;z-index:20}.status-pill{font-size:13px;color:var(--muted)}.status-pill b{color:var(--text);margin:0 2px;font-variant-numeric:tabular-nums}.status-pill.ok b{color:var(--accent)}.zdeck-domains{display:flex;align-items:center;gap:6px;margin-left:6px}.domain-pip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#0e1116;padding:2px 6px;border-radius:999px}.zdeck-warn{color:#e0a93b;font-size:12px}.zdeck-legal{margin-left:auto;font-size:13px;font-weight:600}.zdeck-legal.ok{color:#4a9d5b}.zdeck-legal.warn{color:var(--muted)}.zdeck-top{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.zone-slot{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 10px 10px;transition:border-color .1s,background .1s}.zone-slot.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.zone-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px;display:flex;align-items:baseline;gap:8px}.zone-head .muted{font-variant-numeric:tabular-nums}.zone-hint{margin-left:auto;font-weight:400;letter-spacing:0;text-transform:none;font-size:11px}.legend-slot,.champ-slot{width:132px;flex:0 0 132px}.legend-slot .deck-card,.champ-slot .deck-card{margin-top:0}.champ-slot-card{display:flex;flex-direction:column;gap:6px}.champ-slot .deck-card{cursor:default}.champ-slot .deck-card img{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.slot-clear{font-size:11px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:3px 6px;cursor:pointer}.slot-clear:hover{color:var(--text);border-color:var(--accent)}.slot-empty{color:var(--muted);font-size:11px;text-align:center;padding:28px 8px;border:1px dashed var(--border);border-radius:8px}.bf-slot{flex:1 1 320px}.bf-row,.rune-row{display:flex;gap:8px;flex-wrap:wrap}.bf-row .deck-card{width:132px;margin-top:0}.rune-slot{flex:1 1 280px}.rune-row .deck-card{width:64px;margin-top:0}.rune-palette{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.rune-add{width:46px;aspect-ratio:744 / 1039;border:2px solid var(--border);border-radius:6px;padding:0;overflow:hidden;cursor:pointer;background:var(--panel-2)}.rune-add img{width:100%;height:100%;object-fit:cover;display:block}.rune-add:hover{transform:translateY(-2px)}.main-head{margin-bottom:0}.zdeck-columns{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.pool-slot{border-style:dashed}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.pool-grid .deck-card{margin-top:0}.deck-card.champ img{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.champ-star{position:absolute;top:3px;right:3px;z-index:3;width:22px;height:22px;border-radius:999px;border:none;background:#0e1116d9;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;padding:0}.champ-star.on{color:var(--accent);background:#0e1116f2}.deck-card:hover .champ-star{color:var(--text)}.setup-actions{display:flex;gap:12px;flex-wrap:wrap}.setdraft-note{color:var(--muted);font-size:13px;align-self:center}.zdeck .filters{margin-bottom:4px}.deck-sort{display:inline-flex;align-items:center;gap:6px}.deck-sort .sort-dir{padding:0 10px;font-size:14px}.deck-card.dimmed{opacity:.18;filter:saturate(.6)}.deck-card.dimmed:hover{opacity:1;filter:none}.card-zoom{position:fixed;z-index:1000;width:250px;aspect-ratio:744 / 1039;pointer-events:none;border-radius:12px;box-shadow:0 18px 55px #000000d9;animation:card-zoom-in .08s ease-out}.card-zoom img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--border);display:block}.card-zoom.landscape img{inset:auto;top:50%;left:50%;width:139.65%;height:71.6%;transform:translate(-50%,-50%) rotate(-90deg)}@keyframes card-zoom-in{0%{opacity:0}to{opacity:1}}.sealed-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px;margin-top:16px}.reveal-card{position:relative;aspect-ratio:744 / 1039;border-radius:8px;overflow:hidden;border:1px solid var(--border);opacity:0;animation:reveal-pop .4s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 12ms)}.reveal-card img{width:100%;height:100%;object-fit:cover;display:block}.reveal-card.landscape img{position:absolute;top:50%;left:50%;width:139.65%;height:71.6%;transform:translate(-50%,-50%) rotate(-90deg)}@keyframes reveal-pop{0%{opacity:0;transform:translateY(16px) scale(.85)}to{opacity:1;transform:none}}.reveal-card.rar-rare{box-shadow:0 0 0 2px #3d7fd1,0 0 14px #3d7fd173}.reveal-card.rar-epic{box-shadow:0 0 0 2px #9b59d0,0 0 18px #9b59d099}.reveal-card.rar-showcase{box-shadow:0 0 0 2px #e0a93b,0 0 20px #e0a93ba6}@media(prefers-reduced-motion:reduce){.reveal-card{animation:none;opacity:1}}.home-sealed-cta{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:12px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--text);font-weight:700;text-decoration:none}.home-sealed-cta span{font-weight:400;font-size:12px;color:var(--muted)}.home-sealed-cta:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel))}.room-code{font-size:15px;color:var(--muted);margin-bottom:18px}.room-code strong{color:var(--accent);font-size:24px;letter-spacing:4px;margin-left:8px}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.player-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.player-row{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.seat-num{width:22px;height:22px;border-radius:50%;background:var(--panel-2);color:var(--muted);font-size:12px;font-weight:700;display:grid;place-items:center}.conn-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;display:inline-block}.conn-dot.on{background:#4ccf7a}.bot-slot{color:var(--muted);font-style:italic}.you-badge{font-size:11px;font-weight:700;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:1px 7px}.name-edit{display:flex;gap:8px}.name-edit input{flex:1;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.name-edit button,.cube-actions button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer}.setup-grid input:disabled,.setup-grid select:disabled{opacity:.55}.seat-strip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.seat-chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--muted)}.seat-chip.you{border-color:var(--accent);color:var(--text)}.seat-chip.done{opacity:.55}.timer{margin-left:12px;color:var(--accent);font-weight:700}.timer.low{color:#ff8a82}