:root{color-scheme:dark;--bg: #14161a;--bg-raised: #1c1f25;--bg-inset: #101215;--border: #2c313a;--border-strong: #3d4450;--text: #e8eaed;--text-muted: #9aa3af;--accent: #d9822b;--accent-hover: #eb974e;--danger: #d0454c;--ok: #3fa36c;--radius: 10px;--card-w: 210px;--card-ratio: 88 / 63;--mana-w: #f5efd8;--mana-u: #a8c8e8;--mana-b: #b8afac;--mana-r: #e8a893;--mana-g: #a3c8a3;--mana-c: #cbd2d9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45}h1,h2,h3{font-weight:650;letter-spacing:-.01em;margin:0 0 .5rem}h1{font-size:1.7rem}h2{font-size:1.15rem}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible,.card-clickable:focus-visible{outline:3px solid var(--accent-hover);outline-offset:3px}.page{max-width:1500px;margin:0 auto;padding:1.5rem 2rem 4rem}.page-narrow{max-width:760px}.page-wide{max-width:1700px}.muted{color:var(--text-muted)}.small{font-size:.85rem}.spacer{flex:1}.crumbs{margin-bottom:1rem;font-size:.9rem}.hero{text-align:center;margin:2.5rem 0 2rem}.logo{font-size:clamp(1.6rem,5.5vw,2.7rem);letter-spacing:.16em;margin:0;color:var(--accent);text-transform:uppercase}.tagline{color:var(--text-muted);margin-top:.25rem}.home-footer{margin-top:2rem;text-align:center}.panel-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media(max-width:700px){.panel-row{grid-template-columns:1fr}}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.field{margin-bottom:.9rem;display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.85rem;color:var(--text-muted)}.checkbox-field label{color:var(--text);font-size:.95rem}input,select,button{font:inherit;color:var(--text)}input[type=text],input:not([type]),input[type=number],input[type=file],select{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.code-input{letter-spacing:.4em;text-transform:uppercase;font-size:1.2rem;text-align:center}button{background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:8px;padding:.5rem 1rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#16130d;font-weight:650}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.big{font-size:1.05rem;padding:.7rem 1.6rem}button.danger{color:var(--danger)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover:not(:disabled){border-color:var(--danger)}.alert{background:color-mix(in srgb,var(--danger) 18%,var(--bg-raised));border:1px solid var(--danger);border-radius:var(--radius);padding:.7rem 1rem;margin-bottom:1rem}.notice{background:color-mix(in srgb,var(--ok) 15%,var(--bg-raised));border:1px solid var(--ok);border-radius:var(--radius);padding:.7rem 1rem;margin-bottom:1rem}.set-list{list-style:none;margin:0;padding:0}.set-row{display:flex;align-items:center;gap:1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:.5rem}.set-row-main{flex:1;display:flex;flex-direction:column;color:inherit}.set-row-main:hover{text-decoration:none}.set-row-main:hover .set-row-name{color:var(--accent-hover)}.set-row-name{font-weight:650}.tag{font-size:.72rem;font-weight:600;color:var(--text-muted);border:1px solid var(--border-strong);border-radius:999px;padding:.05rem .5rem;margin-left:.4rem;vertical-align:middle}.filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1rem 0}.filter-search{min-width:260px;flex:1;max-width:420px}.track-toggle{display:inline-flex}.track-toggle button{border-radius:0;padding:.45rem .9rem;font-size:.9rem}.track-toggle button:first-child{border-radius:8px 0 0 8px}.track-toggle button:last-child{border-radius:0 8px 8px 0;border-left:none}.track-toggle button.active{background:var(--accent);border-color:var(--accent);color:#16130d;font-weight:650}.ratings-access{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem 1rem;margin-bottom:1rem}.ratings-code-entry{display:inline-flex;align-items:center;gap:.5rem}.code-input-small{letter-spacing:.2em;text-transform:uppercase;width:11rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w),1fr));gap:.9rem}.card-grid-small{--card-w: 150px}.card-cell{display:flex;flex-direction:column;gap:.35rem}.card{position:relative;aspect-ratio:calc(1 / (var(--card-ratio)));border-radius:4.5%/3.5%}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4.5%/3.5%;overflow:hidden;background:var(--bg-inset);border:1px solid var(--border)}.card-3d{perspective:1100px}.card-flipper{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,.7,.3,1)}.card-flipper.is-flipped{transform:rotateY(180deg)}.card-flipper .card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-flipper .card-face:last-child{transform:rotateY(180deg)}.card-clickable{cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.card-clickable:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000080;border-color:var(--border-strong)}.card-clickable:focus-visible{box-shadow:0 0 0 4px #eb974e47}.card-selected{outline:3px solid var(--accent);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}.card-img{width:100%;height:100%;object-fit:cover;display:block}.card-img-contain{object-fit:contain}.card-img-half{width:200%;max-width:none;object-fit:cover}.card-img-back{transform:translate(-50%)}.card-flip{position:absolute;top:6%;right:5%;width:2.1rem;height:2.1rem;border-radius:50%;background:#14161ad9;border:1px solid var(--border-strong);font-size:1.1rem;line-height:1;padding:0}.card-flip:hover{background:var(--accent);color:#16130d}.card-badge{position:absolute;bottom:5%;right:5%;background:var(--accent);color:#16130d;font-weight:700;font-size:.8rem;border-radius:6px;padding:.1rem .45rem}.card-check{position:absolute;top:5%;left:5%;background:var(--accent);color:#16130d;font-weight:700;width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center}.card-proxy{height:100%;display:flex;flex-direction:column;padding:7% 6%;gap:.3rem;font-size:clamp(.62rem,.8vw,.8rem);border-top:6px solid var(--border-strong)}.rarity-border-c{border-top-color:#9aa3af}.rarity-border-u{border-top-color:#b9c4cf}.rarity-border-r{border-top-color:#d3b458}.rarity-border-m{border-top-color:#e0713d}.rarity-border-b{border-top-color:#7a8a99}.rarity-border-s{border-top-color:#a678c8}.rarity-border-t{border-top-color:#6a7178}.card-proxy-title{display:flex;justify-content:space-between;align-items:baseline;gap:.3rem;font-weight:650}.card-proxy-name{overflow-wrap:anywhere}.card-proxy-type{font-style:italic;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:.2rem}.card-proxy-rules{flex:1;white-space:pre-line;overflow:hidden}.card-proxy-flavor{font-style:italic;color:var(--text-muted);white-space:pre-line}.card-proxy-bottom{display:flex;justify-content:space-between;color:var(--text-muted)}.card-proxy-pt{font-weight:700;color:var(--text)}.mana-cost{display:inline-flex;gap:2px;flex-shrink:0;align-items:center}.ms.ms-cost{font-size:.85em}.mana-unknown{display:inline-grid;place-items:center;min-width:1.35em;height:1.35em;padding:0 .2em;border-radius:50%;font-size:.78em;font-weight:700;color:#1a1c20;background:var(--mana-c)}.rating-select{width:100%}.room-code{font-family:ui-monospace,monospace;letter-spacing:.25em;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:8px;padding:.15rem .6rem;color:var(--accent)}.seat-list{list-style:none;margin:0 0 .8rem;padding:0;counter-reset:seat}.seat-chip{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;padding:.45rem .8rem;margin-bottom:.35rem}.seat-actions button.active{border-color:var(--accent);color:var(--accent)}.bot-config{flex-basis:100%;display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;padding:.5rem 0 .15rem 1.8rem;border-top:1px solid var(--border);margin-top:.25rem}.bot-skill{font-size:.88rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;cursor:pointer}.bot-skill:has(input:checked){color:var(--text)}.seat-chip:before{counter-increment:seat;content:counter(seat);color:var(--text-muted);font-size:.8rem;width:1.2rem}.seat-name{flex:1}.seat-actions{display:flex;gap:.25rem}.seat-actions button{padding:.15rem .5rem;font-size:.85rem}.draft-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.seat-strip{display:flex;gap:.4rem;flex-wrap:wrap;margin-left:auto}.seat-pill{font-size:.78rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;color:var(--text-muted)}.seat-pill.you{border-color:var(--accent);color:var(--text)}.seat-pill.holding{color:var(--text)}.seat-pill em{font-style:normal;background:var(--accent);color:#16130d;border-radius:999px;padding:0 .35rem;margin-left:.3rem;font-weight:700}.seat-pill .botify{font-size:.72rem;padding:0 .35rem;margin-left:.35rem;border-radius:999px;line-height:1.3}.pick-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.4rem 0}.pick-bar h2{font-size:1rem;margin:0}.pick-bar-actions{display:inline-flex;align-items:center;gap:.8rem}.pick-timer{font-variant-numeric:tabular-nums;font-weight:650;color:var(--text-muted)}.pick-timer.urgent{color:var(--danger)}.waiting{text-align:center;padding:3rem 0;background:var(--bg-raised);border:1px dashed var(--border-strong);border-radius:var(--radius)}.draft-screen{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:.5rem 1.25rem .4rem;gap:.2rem}.draft-screen .draft-header{margin-bottom:.25rem}.pack-area{flex:1;min-height:0;overflow-y:auto}.pack-grid{--card-w: 180px}.pool-strip{border-top:1px solid var(--border);padding-top:.35rem}.pool-strip-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.pool-strip-head h2{font-size:.95rem;margin:0 0 .3rem}.pool-row{display:flex;gap:.5rem;overflow-x:auto;align-items:flex-start;padding-bottom:.35rem;min-height:2rem}.pool-row .card{flex:0 0 112px;width:112px}.card-zoom{position:fixed;z-index:60;display:flex;gap:12px;pointer-events:none;filter:drop-shadow(0 10px 30px rgb(0 0 0 / .65))}.card-zoom-card{width:300px}.card-zoom .card-proxy{font-size:.92rem}.deck-zone{margin-bottom:2rem}.lands-zone .land-steppers{display:flex;gap:1rem;flex-wrap:wrap}.land-stepper{display:flex;align-items:center;gap:.5rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:.4rem .7rem}.land-stepper input{width:4.2rem}.sort-select{color:var(--text-muted);font-size:.9rem}.replace-panel summary{cursor:pointer;font-weight:650}.replace-panel form{margin-top:.8rem}.button-link{display:inline-block;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:8px;padding:.5rem 1rem;color:var(--text);text-decoration:none}.button-link:hover{border-color:var(--accent)}.log-seats{margin-bottom:1.2rem}.log-seats .tag{margin-left:.4rem}.log-round{margin-bottom:1.6rem}.log-round h2{font-size:1.1rem;margin-bottom:.5rem}.log-pick{display:flex;align-items:baseline;gap:.6rem;padding:.3rem 0;border-bottom:1px solid var(--border)}.log-pick-label{flex:0 0 3.6rem;font-variant-numeric:tabular-nums;font-size:.85rem}.log-pick-label .tag{margin-left:.3rem}.log-pack{display:flex;flex-wrap:wrap;gap:.3rem .45rem}.log-chip{font-size:.85rem;padding:.1rem .45rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-raised);color:var(--text-muted);white-space:nowrap}.log-chip .mana-cost{margin-left:.25rem;font-size:.75em}.log-chip-picked{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-raised));font-weight:650}.log-draft-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:2rem}.log-draft-row{display:flex;gap:.8rem;align-items:baseline;padding:.55rem .8rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none}.log-draft-row:hover{border-color:var(--accent)}.stats-table{margin-top:.8rem;border-collapse:collapse;font-variant-numeric:tabular-nums}.stats-table th,.stats-table td{text-align:right;padding:.35rem .9rem .35rem .3rem;border-bottom:1px solid var(--border)}.stats-table th{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);font-weight:650;white-space:nowrap}.stats-table th:hover{color:var(--text)}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-card-name{cursor:default}.stats-card-name:hover{color:var(--accent-hover)}.stats-scroll{overflow-x:auto}.pack-recipe{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem .8rem;margin-bottom:.5rem}.recipe-field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-muted)}.recipe-field input{width:100%}.deck-summary{display:flex;gap:1.2rem;align-items:baseline;flex-wrap:wrap;margin:-.4rem 0 1rem}.deck-pips{display:inline-flex;gap:.6rem}.curve-columns{display:flex;gap:.9rem;align-items:flex-start;overflow-x:auto;padding-bottom:.5rem;--card-w: 150px}.curve-col{flex:0 0 var(--card-w);display:flex;flex-direction:column;gap:.5rem}.curve-col-head{text-align:center;border-bottom:1px solid var(--border);padding-bottom:.2rem}.card-proxy-split{display:flex;flex-direction:column}.card-split-half{flex:1;display:flex;flex-direction:column;min-height:0}.card-split-half+.card-split-half{border-top:1px dashed var(--border-strong);padding-top:.35rem;margin-top:.35rem}.card-split-half .card-proxy-rules{flex:1;overflow:hidden}.card-split-half .card-proxy-bottom{margin-top:.15rem}.card-zoom-rotated{position:relative;width:calc(300px * 88 / 63);height:300px}.card-zoom-rotated img{position:absolute;left:50%;top:50%;width:300px;height:calc(300px * 88 / 63);transform:translate(-50%,-50%) rotate(90deg);border-radius:12px;object-fit:cover}@media(max-width:600px){.page{padding:1rem .85rem 3rem}.hero{margin-top:1.25rem}.filter-search{min-width:100%;max-width:none}.ratings-code-entry{width:100%;flex-wrap:wrap}.code-input-small{flex:1 1 10rem;width:auto;min-width:0}.set-row{align-items:flex-start;padding-inline:.75rem}.log-draft-row{flex-wrap:wrap}.log-draft-row .spacer{display:none}.draft-screen{padding-left:max(.65rem,env(safe-area-inset-left));padding-right:max(.65rem,env(safe-area-inset-right));padding-bottom:max(.35rem,env(safe-area-inset-bottom))}.draft-screen .draft-header{gap:.4rem .75rem}.seat-strip{margin-left:0;width:100%}.pick-bar{align-items:stretch;flex-direction:column;gap:.45rem}.pick-bar-actions{justify-content:space-between}.pick-bar-actions .primary{flex:1}.pool-strip-head{align-items:center}}@media(hover:none),(pointer:coarse){.card-zoom{display:none}.card-clickable:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}