*{box-sizing:border-box}:root{--text: #eef4f7;--muted: rgba(238, 244, 247, .62);--panel: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .12);--good: #7cf7c0;--pending: #ffcf5c;--glow: #7cf7c0}html,body{height:100%}body{margin:0;display:flex;flex-direction:column;font-family:Trebuchet MS,system-ui,sans-serif;color:var(--text);background:radial-gradient(ellipse at 50% 0%,#2c5a6e,#183544 45%,#0d1d27) fixed}.top{display:flex;align-items:baseline;gap:18px;padding:12px 24px;background:#0d1d27e0;border-bottom:1px solid var(--line)}.top h1{margin:0;font-size:24px}.top .who{margin-left:auto;font-size:14px;font-weight:700}.link{color:var(--text);font-size:14px;font-weight:700}.button{display:inline-block;font:inherit;font-size:14px;font-weight:700;padding:.5em 1.2em;border:none;border-radius:999px;background:#ffd23f;color:#333;text-decoration:none;cursor:pointer;box-shadow:0 3px #c9a227}.button:active{transform:translateY(2px);box-shadow:0 1px #c9a227}.button.quiet{background:#ffffff24;color:#fff;box-shadow:0 3px #0000004d}.button.disabled{opacity:.4;pointer-events:none}.builder{flex:1;min-height:0;display:grid;grid-template-columns:230px 1fr 360px}.side,.pool,.deck{min-height:0;overflow-y:auto;padding:16px 18px}.side{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px;overflow-x:hidden}.deck{border-left:1px solid var(--line);background:#00000026}h2{margin:0;font-size:16px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.empty{color:var(--muted)}.deck-list{display:flex;flex-direction:column;gap:6px}.deck-item{display:flex;align-items:center;gap:8px;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.deck-item:hover{border-color:#ffffff59}.deck-item[aria-current=true]{border-color:var(--glow);background:#7cf7c01f}.deck-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-size{font-size:12px;color:var(--pending)}.deck-size.ready{color:var(--good)}.deck-item:has(.deck-marks){flex-wrap:wrap;row-gap:4px}.deck-marks{display:flex;align-items:center;gap:6px;flex-basis:100%}.tiles.looking .tile-minus{display:none}.deck-private{font-size:12px}.deck-unsaved{padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;color:#10202a;background:var(--pending);white-space:nowrap}.shared-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}.shared-list[hidden]{display:none}.shared-group h3{margin:0 0 6px;font-size:14px;color:var(--text)}.start-from{display:grid;gap:6px;font-size:13px;color:var(--muted)}.start-from select{width:100%;min-width:0;font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#183544;color:var(--text)}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{font:inherit;font-size:14px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);cursor:pointer}.filters button:hover{background:var(--panel)}.filters button[aria-pressed=true]{background:#ffd23f;border-color:#ffd23f;color:#222;font-weight:700}.filters.types button{padding:4px 6px;font-size:18px;line-height:0}.search{flex:1 1 200px;max-width:320px;font:inherit;font-size:14px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#00000040;color:var(--text)}.hint{margin:10px 0 12px;font-size:13px;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px}.tile{position:relative}.tile[hidden]{display:none}.tile-card{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;border-radius:8px}.tile-card .card{--card-width: 100%;transition:transform .12s,box-shadow .12s}.tile-card:hover .card{transform:translateY(-3px);box-shadow:0 0 0 2px var(--glow),0 8px 18px #00000080}.tile.maxed .tile-card{cursor:not-allowed}.tile.maxed .card{opacity:.55}.tile.maxed .tile-card:hover .card{transform:none;box-shadow:0 3px 8px #00000073}.tile.in-deck .card{box-shadow:0 0 0 2px var(--glow),0 3px 8px #00000073}.tile-count{position:absolute;top:-8px;right:-8px;min-width:34px;padding:2px 7px;border-radius:999px;background:#ffd23f;color:#222;font-weight:700;font-size:14px;text-align:center;box-shadow:0 2px 6px #00000080;pointer-events:none}.tile-count:empty{display:none}.tile-minus{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border:2px solid white;border-radius:50%;background:#d63c2f;color:#fff;font:inherit;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 6px #00000080}.tile:not(.in-deck) .tile-minus{display:none}.status{position:fixed;left:50%;bottom:24px;z-index:100;margin:0;padding:10px 18px;border-radius:999px;background:#d63c2f;font-weight:700;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.status.shown{opacity:1;transform:translate(-50%)}.deck-empty{color:var(--muted)}.deck-title{width:100%;font:inherit;font-size:22px;font-weight:700;padding:4px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text)}.deck-title:hover,.deck-title:focus{border-color:var(--line);background:#0003;outline:none}.deck-summary p{margin:6px 8px}.deck-count{font-size:15px}.deck-count strong{font-size:22px}.deck-mix{font-size:13px;color:var(--muted)}.deck-ready{color:var(--good);font-weight:700}.deck-problems{margin:6px 8px;padding-left:18px;font-size:13px;color:var(--pending)}.deck-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 8px 16px}.deck-saved-note{font-size:13px;color:var(--pending)}.deck-saved-note[hidden]{display:none}.shared-title{margin:0;text-transform:none;letter-spacing:normal;color:var(--text)}.deck-author{margin:0 8px;color:var(--muted)}.deck-group h3{margin:14px 8px 6px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.deck-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px}.deck-row:hover{background:var(--panel)}.deck-row .energy-symbol,.no-type{width:18px;flex-shrink:0;font-size:0}.row-name{flex:1;min-width:0;padding:0;border:none;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:zoom-in}.row-stage{font-size:11px;color:var(--muted);white-space:nowrap}.row-count{min-width:22px;text-align:center;font-weight:700}.row-button{width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffff1a;color:var(--text);font:inherit;font-weight:700;line-height:1;cursor:pointer}.row-button:hover:not(:disabled){border-color:var(--glow)}.row-button:disabled{opacity:.3;cursor:default}@media(max-width:900px){html,body{height:auto}.builder{grid-template-columns:1fr}.side,.pool,.deck{overflow:visible;border:none}}