:root{--bg:#12141a;--felt-center:#2f5a3c;--felt-edge:#0e1f15;--panel:#1e222c;--panel-2:#262b37;--border:#333a48;--border-lit:#4a5568;--text:#e6e8ee;--muted:#9aa3b2;--accent:#d8813a;--accent-2:#e0a95f;--gold:#d9b25a;--gold-bright:#f3d485;--deep-red:#8c1c1c;--ok:#5fbf7a;--err:#e06565;--warn:#e0b84f;--side-bg:#0a0a0b;--side-bg-2:#16161a;--side-border:#2c2c30;--side-red:#d13a3a;--side-red-deep:#7d1f1f;--side-text:#f4f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button{background:var(--accent);color:#1a1206;cursor:pointer;border:none;border-radius:6px;padding:7px 13px;font-size:13px;font-weight:600}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.08)}button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.hint{color:var(--muted);margin:0 0 10px;font-size:13px}.warn,.ok,.err{margin:4px 0;font-size:13px}.ok{color:var(--ok)}.err{color:var(--err)}.warn{color:var(--warn)}.gl{width:100vw;height:100vh;color:var(--side-text);background:radial-gradient(60% 50% at 85% 0,#d13a3a14 0%,#0000 60%),linear-gradient(160deg,#17161b 0%,#0b0b0d 55%,#0e0b0d 100%);flex-direction:column;display:flex;overflow:hidden}.gl-nav{gap:8px;margin-left:auto;display:flex}.gl-nav button{color:#fff;border:1px solid var(--side-border);letter-spacing:.05em;text-transform:uppercase;background:#0000008c;font-size:12px;font-weight:700}.gl-nav button:hover{border-color:var(--side-red)}.gl-nav .gl-nav-active{background:var(--side-red);border-color:var(--side-red)}.gl-body{flex:1;justify-content:center;min-height:0;padding:26px 18px;display:flex;overflow-y:auto}.gl-panel{border:1px solid var(--side-red-deep);background:linear-gradient(#131114 0%,#0a090b 100%);border-radius:8px;flex-direction:column;align-self:flex-start;width:560px;max-width:94vw;padding:18px 20px 20px;display:flex;position:relative;overflow:hidden}.gl-panel>:not(.db-deck-stripes){z-index:1;position:relative}.gl-title{letter-spacing:.1em;text-transform:uppercase;color:#fff;text-align:center;margin:0 0 2px;font-family:Cinzel,serif;font-size:18px;font-weight:700}.gl{position:relative}.gl-bg-stripes{pointer-events:none;z-index:0;opacity:.1;background:repeating-linear-gradient(-60deg,#cf3a35 0 18px,#0000 18px 30px,#3f3f46 30px 36px,#0000 36px 46px,#e8e4d8 46px 51px,#0000 51px 61px,#2b2b30 61px 83px,#0000 83px 93px,#7a1614 93px 101px,#0000 101px 115px,#d6d2c6 115px 119px,#0000 119px 131px);width:420px;height:300px;position:absolute}.gl-bg-stripes-tl{top:0;left:0;-webkit-mask-image:radial-gradient(100% 100% at 0 0,#000 20%,#0000 65%);mask-image:radial-gradient(100% 100% at 0 0,#000 20%,#0000 65%)}.gl-bg-stripes-br{bottom:0;right:0;-webkit-mask-image:radial-gradient(100% 100% at 100% 100%,#000 20%,#0000 65%);mask-image:radial-gradient(100% 100% at 100% 100%,#000 20%,#0000 65%)}.gl-watermark{opacity:.04;pointer-events:none;z-index:0;width:min(58vw,760px);position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.gl>.db-header,.gl>.gl-body{z-index:1;position:relative}.gl-stack{flex-direction:column;gap:12px;width:min(94vw,620px);display:flex}.gl-modes-row{gap:12px;display:flex}.gl-modes-row .gl-modecard{flex:1}.gl-col-label{letter-spacing:.18em;text-transform:uppercase;color:var(--side-red);padding-left:2px;font-family:Cinzel,serif;font-size:12px;font-weight:700}.gl-modecard{text-align:left;cursor:pointer;color:#e4e6ea;border:1px solid var(--side-border);background:radial-gradient(90% 60% at 50% 0,#d13a3a12 0%,#0000 65%),linear-gradient(#16141a 0%,#0b0a0d 100%);border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 16px 14px 20px;transition:border-color .12s,box-shadow .12s,transform 80ms;display:flex;position:relative;overflow:hidden}.gl-modecard:hover{border-color:var(--side-red);transform:translateY(-1px)}.gl-modecard-on{border-color:var(--side-red);box-shadow:0 0 16px #d13a3a59,inset 0 0 22px #d13a3a1a}.gl-modecard-edge{opacity:.25;pointer-events:none;background:repeating-linear-gradient(-60deg,#cf3a35 0 8px,#121013 8px 14px,#3f3f46 14px 20px,#121013 20px 26px,#e8e4d8 26px 29px,#121013 29px 35px);width:7px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}.gl-modecard-on .gl-modecard-edge,.gl-modecard:hover .gl-modecard-edge{opacity:.65}.gl-modecard-icon{width:30px;height:30px;color:var(--side-red);filter:drop-shadow(0 0 6px #d13a3a66)}.gl-modecard-name{letter-spacing:.1em;text-transform:uppercase;color:#fff;font-family:Cinzel,serif;font-size:17px;font-weight:700}.gl-modecard-desc{color:var(--muted);font-size:11.5px;line-height:1.5}.gl-dataset-chip{border:1px solid var(--side-border);color:var(--muted);background:#00000080;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:flex}.gl-dataset-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 6px var(--ok);border-radius:50%}.gl-dataset-warn .gl-dataset-dot{background:var(--warn);box-shadow:0 0 6px var(--warn)}.gl-stack .gl-dataset-chip{align-self:center}.gl-stack .gl-panel{align-self:stretch;width:100%}.gl-row{gap:10px;margin-bottom:10px;display:flex}.gl-row .db-save-label{flex:1}.gl-deck-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.gl-deck-tag{letter-spacing:.08em;text-transform:uppercase;color:#f0a3a3;border:1px solid var(--side-red-deep);border-radius:999px;padding:2px 10px;font-size:10.5px;font-weight:700}.gl-validation-line{margin:2px 0;font-size:12px}.gl-no-decks p{color:#cfd2d8;text-align:center;margin:4px 0 2px;font-size:13px;line-height:1.5}.gl-selectwrap{display:block;position:relative}.gl-selectwrap:after{content:"";border-right:2px solid var(--side-red);border-bottom:2px solid var(--side-red);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:14px;transform:translateY(-65%)rotate(45deg)}.gl-select{appearance:none;color:#fff;border:1px solid var(--side-border);letter-spacing:.02em;text-transform:none;cursor:pointer;background:linear-gradient(#16161b 0%,#050506 100%);border-radius:6px;width:100%;padding:10px 36px 10px 12px;font-size:13px;font-weight:600;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px #ffffff0f}.gl-select:hover{border-color:var(--side-red)}.gl-select:focus{border-color:var(--side-red);outline:none;box-shadow:0 0 10px #d13a3a4d,inset 0 1px #ffffff0f}.gl-actions{gap:10px;margin-top:10px;display:flex}.gl-primary{color:#fff;letter-spacing:.09em;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);filter:drop-shadow(0 0 8px #cf3a3566);background:linear-gradient(#e04640 0%,#a51f1b 100%);border:none;border-radius:0;flex:1;padding:12px 20px;font-family:Cinzel,serif;font-size:13px;font-weight:800;transition:filter .12s,transform 80ms;box-shadow:inset 0 1px #ffffff47,inset 0 -8px 14px #00000040}.gl-primary:hover:not(:disabled){filter:drop-shadow(0 0 13px #e65046a6)brightness(1.07);transform:translateY(-1px)}.gl-primary:active:not(:disabled){transform:translateY(0)}.gl-primary:disabled{opacity:.4;filter:none}.gl-secondary{color:#e8e4d8;border:1px solid var(--side-border);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#1a1a20 0%,#0a0a0c 100%);border-radius:6px;padding:11px 16px;font-family:Cinzel,serif;font-size:12px;font-weight:700;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px #ffffff0f}.gl-secondary:hover:not(:disabled){border-color:var(--side-red);color:#fff;box-shadow:0 0 9px #d13a3a4d,inset 0 1px #ffffff0f}.gl-mp{flex-direction:column;display:flex}.gl-join-row{gap:8px;margin-top:10px;display:flex}.gl-join-input{color:#fff;border:1px solid var(--side-border);letter-spacing:.3em;text-transform:uppercase;background:#000;border-radius:6px;flex:1;padding:9px 12px;font-family:ui-monospace,monospace;font-size:15px;font-weight:700}.gl-join-input:focus{border-color:var(--side-red);outline:none}.gl-browse-note{color:var(--muted);margin:8px 0 0;font-size:11.5px;font-style:italic}.gl-lobby{flex-direction:column;align-items:center;margin-top:8px;display:flex}.gl-lobby-label{letter-spacing:.18em;text-transform:uppercase;color:var(--side-red);margin-bottom:8px;font-family:Cinzel,serif;font-size:12px;font-weight:700}.gl-room-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.gl-room-code{letter-spacing:.28em;color:#fff;border:1px solid var(--side-red-deep);text-shadow:0 0 12px #cf3a3580;background:#000;border-radius:8px;padding:6px 10px 6px 18px;font-family:ui-monospace,monospace;font-size:34px;font-weight:800}.gl-lobby-status{color:#e4e6ea;align-items:center;gap:8px;font-size:13px;display:flex}.gl-pulse{background:var(--side-red);border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite gl-pulse}@keyframes gl-pulse{0%,to{opacity:1;box-shadow:0 0 #d13a3ab3}50%{opacity:.6;box-shadow:0 0 0 7px #d13a3a00}}.gl-net-note{color:var(--muted);text-align:center;max-width:420px;margin:10px 0 0;font-size:11.5px;line-height:1.5}.gl-linklike{font:inherit;cursor:pointer;color:#e8b34b;background:0 0;border:none;padding:0;text-decoration:underline}.nav-signin{cursor:pointer;background:var(--side-red);color:#fff;border:1px solid var(--side-red-deep);letter-spacing:.04em;white-space:nowrap;border-radius:7px;margin-left:12px;padding:6px 14px;font-size:12.5px;font-weight:700}.nav-signin:hover{filter:brightness(1.12)}.nav-account{color:#f0e6d0;white-space:nowrap;align-items:center;gap:7px;margin-left:12px;font-size:12.5px;font-weight:700;display:inline-flex}.nav-account-dot{background:#7fd18a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #7fd18acc}.gl-stub{align-items:center}.gl-stub-blurb{color:#cfd2d8;text-align:center;max-width:420px;margin:6px 0 10px;font-size:13.5px;line-height:1.6}.pp-list{z-index:1;flex-direction:column;align-self:flex-start;gap:18px;width:min(96vw,1150px);display:flex;position:relative}.pp-card{flex:none;width:100%}.pp-grid{grid-template-columns:190px 160px 1fr 190px;align-items:start;gap:18px;display:grid}.pp-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.pp-photo.pp-photo-lg{width:100%;height:190px;margin-bottom:8px}.pp-photo.pp-photo-lg img{object-fit:cover;object-position:center 18%}.pp-photo.pp-photo-lg .pp-photo-initials{font-size:44px}.pp-statcol{flex-direction:column;gap:8px;display:flex}.pp-photo{border:1px solid var(--side-red-deep);background:radial-gradient(80% 60% at 50% 0,#d13a3a26 0%,#0000 65%),linear-gradient(#1a1a20 0%,#0a0a0c 100%);border-radius:8px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 3px 8px #00000080}.pp-photo img{object-fit:cover;width:100%;height:100%}.pp-photo-initials{color:var(--side-red);text-shadow:0 0 12px #d13a3a73;font-family:Cinzel,serif;font-size:24px;font-weight:800}.pp-idblock{min-width:0}.pp-name{letter-spacing:.05em;text-transform:uppercase;color:#fff;margin:0;font-family:Cinzel,serif;font-size:17px;font-weight:700}.pp-role{letter-spacing:.15em;text-transform:uppercase;color:var(--side-red);margin:2px 0 6px;font-size:10px;font-weight:700}.pp-facts{color:#e4e6ea;gap:14px;font-size:12.5px;display:flex}.pp-fact{align-items:baseline;gap:6px;display:flex}.pp-fact-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-weight:700}.pp-bio{color:#b9bdc6;margin:0 0 10px;font-size:12px;line-height:1.5}.pp-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pp-stat{text-align:center;border:1px solid var(--side-border);background:linear-gradient(#d13a3a17 0%,#00000059 100%);border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:9px 6px 8px;display:flex}.pp-stat-value{color:#fff;font-family:Cinzel,serif;font-size:16px;font-weight:800;line-height:1.1}.pp-stat-label{letter-spacing:.11em;text-transform:uppercase;color:var(--side-red);font-size:9.5px;font-weight:700}.pp-stat-sub{color:var(--muted);font-size:10px}.pp-tabs{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.pp-tab{color:#cdd0d6;border:1px solid var(--side-border);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:#0000008c;border-radius:4px;padding:5px 11px;font-size:10.5px;font-weight:700}.pp-tab:hover{border-color:var(--side-red)}.pp-tab-on{background:var(--side-red);color:#fff;border-color:var(--side-red)}.pp-tab-body{height:300px;overflow-y:auto}.pp-tab-body .pp-table-wrap{max-height:none}.pp-finish-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pp-finish-list li{color:#e4e6ea;border-top:1px solid #ffffff0d;align-items:baseline;gap:8px;padding:6px 0;font-size:12.5px;display:flex}.pp-finish-list li:first-child{border-top:none}.pp-finish-pip{border:1.5px solid var(--side-red);flex:none;align-self:center;width:6px;height:6px;transform:rotate(45deg)}.pp-finish-text{min-width:0}.pp-finish-badge{text-align:center;letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:4px;flex:none;align-self:center;min-width:30px;padding:2px 5px;font-size:9.5px;font-weight:800}.pp-badge-champ{color:#ffd76a;text-shadow:0 0 8px #ffd76a66;background:#ffd76a1a;border-color:#8a6d2a}.pp-badge-finals{color:#f0a3a3;background:#d13a3a1f;border-color:#b23a3a}.pp-badge-t4{color:#e8e4d8;background:#ffffff0d;border-color:#5a5a62}.pp-badge-t8{color:#b9bdc6;background:#ffffff08;border-color:#3f3f46}.pp-finish-rec{text-align:center;letter-spacing:.02em;min-width:30px;color:var(--muted);font-variant-numeric:tabular-nums;background:#0000004d;border:1px solid #2c2c30;border-radius:4px;flex:none;align-self:center;padding:2px 5px;font-size:9.5px;font-weight:700}.pp-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pp-block-title{letter-spacing:.18em;text-transform:uppercase;color:var(--side-red);border-bottom:1px solid var(--side-border);margin:0 0 6px;padding-bottom:4px;font-family:Cinzel,serif;font-size:12px;font-weight:700}.pp-table-wrap{max-height:260px;overflow-y:auto}.pp-table{border-collapse:collapse;width:100%;font-size:12.5px}.pp-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#0f0e11;padding:3px 8px 5px 2px;font-size:10px;font-weight:700;position:sticky;top:0}.pp-table td{color:#e4e6ea;font-variant-numeric:tabular-nums;border-top:1px solid #ffffff0d;padding:3px 8px 3px 2px}.pp-summary{flex-direction:column;gap:0;margin:0;display:flex}.pp-summary>div{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:baseline;padding:5px 0;display:flex}.pp-summary>div:first-child{border-top:none}.pp-summary dt{color:var(--muted);font-size:12px}.pp-summary dd{color:#fff;font-variant-numeric:tabular-nums;margin:0;font-size:13px;font-weight:700}.pp-breakdowns{margin-top:14px}.pp-cat{text-transform:capitalize}.pp-pct{color:var(--muted)}.pp-row-total td{color:#fff;border-top:1px solid var(--side-red-deep);font-weight:800}.pp-row-total .pp-cat{color:var(--side-red)}.pp-row-total .pp-pct{color:#e8e4d8}.pp-attained{text-align:right;max-width:60%;color:#cfd2d8!important;font-size:11px!important;font-weight:600!important}.pp-fetched{color:var(--muted);text-align:center;margin:0;font-size:11px}.dp-wrap{z-index:1;flex-direction:column;align-self:flex-start;gap:14px;width:min(96vw,1050px);display:flex;position:relative}.dp-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.dp-filters .db-save-label{min-width:170px}.dp-back{align-self:flex-end}.dp-count{color:var(--muted);margin-left:auto;padding-bottom:8px;font-size:11.5px}.dp-grid{grid-template-columns:repeat(auto-fill,218px);gap:14px;display:grid}.dp-tile{text-align:left;border:1px solid var(--side-border);cursor:pointer;background:linear-gradient(#16141a 0%,#0b0a0d 100%);border-radius:8px;flex-direction:column;align-items:stretch;gap:2px;padding:0 0 10px;transition:border-color .12s,transform 80ms,box-shadow .12s;display:flex;overflow:hidden}.dp-tile:hover{border-color:var(--side-red);transform:translateY(-2px);box-shadow:0 0 14px #d13a3a4d}.dp-tile-art{background:#0a0a0c;height:128px;display:block;position:relative;overflow:hidden}.dp-tile-art img{width:118%;position:absolute;top:-34%;left:-9%}.dp-tile-noart{height:100%;color:var(--side-red);text-align:center;justify-content:center;align-items:center;padding:8px;font-family:Cinzel,serif;font-size:15px;font-weight:700;display:flex}.dp-tile-name{color:#fff;letter-spacing:.03em;padding:8px 10px 0;font-family:Cinzel,serif;font-size:14px;font-weight:700}.dp-tile-format{letter-spacing:.14em;text-transform:uppercase;color:var(--side-red);padding:0 10px;font-size:9.5px;font-weight:700}.dp-tile-record{color:#fff;padding:4px 10px 0;font-family:Cinzel,serif;font-size:15px;font-weight:800}.dp-tile-pct{color:#e8e4d8;font-size:12.5px;font-weight:700}.dp-tile-matches{color:var(--muted);padding:0 10px;font-size:10.5px}.dp-empty{align-self:center;width:min(94vw,560px)}.dp-tile-empty{cursor:default;opacity:.82}.dp-tile-empty:hover{border-color:var(--side-border);box-shadow:none;transform:none}.dp-tile-nodata{color:var(--muted)!important;font-family:inherit!important;font-size:11.5px!important;font-weight:600!important}.dp-detail{width:100%}.dp-detail .dp-banner{z-index:0;opacity:.2;pointer-events:none;background-position:50% 18%;background-size:cover;height:170px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 96%);mask-image:linear-gradient(#000 0%,#0000 96%)}.dp-hero{align-items:center;gap:16px;display:flex}.dp-hero-art{border:1px solid var(--side-red-deep);background:#0a0a0c;border-radius:8px;flex:none;width:168px;height:100px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0009,inset 0 1px #ffffff14}.dp-hero-art img{width:118%;position:absolute;top:-33%;left:-9%}.dp-hero-info{flex-direction:column;gap:4px;min-width:0;display:flex}.dp-hero-name{letter-spacing:.07em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px #000000d9;margin:0;font-family:Cinzel,serif;font-size:21px;font-weight:700}.dp-hero-stats{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.dp-hero-stats .pp-stat{min-width:86px;padding:7px 10px 6px}.dp-hero-stats .pp-stat-value{font-size:15px}.dp-detail-cols{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.dp-usage{max-height:420px;position:relative}.dp-side-title{margin-top:12px}.dp-cardname,.dp-opp{color:#e4e6ea}.dp-good{font-weight:700;color:var(--ok)!important}.dp-bad{font-weight:700;color:#f0a3a3!important}.dp-matchups{max-height:340px}.dp-note{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.5}.dp-hovercard{z-index:40;pointer-events:none;filter:drop-shadow(0 6px 18px #000c);position:fixed;bottom:20px;right:26px}.dp-hovercard img{border-radius:11px;width:250px;display:block}.gl-opp-label{margin-bottom:4px}.dp-demo-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0 0 9px;font-size:11px;text-decoration:underline}.dp-demo-btn:hover{color:var(--side-red)}.board-root{width:100vw;height:100vh;display:flex}.board-play-surface{background:radial-gradient(ellipse 75% 70% at center, var(--felt-center) 0%, #204030 45%, var(--felt-edge) 100%);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.board-half{flex:1;min-height:0;display:flex}.player-area{border:2px solid #0000;border-radius:10px;flex:1;gap:8px;min-width:0;min-height:0;padding:8px;transition:box-shadow .2s,border-color .2s;display:flex}.player-area-active{border-color:#d64545;box-shadow:inset 0 0 22px #d6454533,0 0 0 1px #f0605f80}.main-column{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.player-area-opponent .main-column{flex-direction:column-reverse}.pile-column{flex:none;justify-content:center;align-items:center;width:124px;display:flex;overflow:hidden}.pile-scale{transform-origin:50%;flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.panel-column{flex-direction:column;justify-content:center;gap:8px;width:142px;display:flex}.battlefield-row{flex:3.2;min-height:0}.hand-row{flex:1;min-height:0;position:relative}.battlefield{border:1px dashed #0000;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.battlefield.is-over{border-color:var(--accent);background:#d8813a0f}.bf-lane-row{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.bf-lane-content{transform-origin:50%;flex:none;gap:12px;width:max-content;display:flex}.bf-card-wrap{flex:none;position:relative}.card-view{-webkit-user-select:none;user-select:none;cursor:grab;perspective:700px;flex:none;transition:transform .24s cubic-bezier(.25,.9,.3,1);position:relative}.card-view:active{cursor:grabbing}.card-face{background:#0b0b0d;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 5px #0000008c}.card-face.card-flip-out{animation:.15s ease-in forwards card-flip-out}.card-face.card-flip-in{animation:.15s ease-out card-flip-in}@keyframes card-flip-out{to{transform:rotateY(88deg)}}@keyframes card-flip-in{0%{transform:rotateY(-88deg)}}.card-front-art img{object-fit:cover;width:100%;height:100%;display:block}.card-art-hq{object-fit:cover;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-back{background:radial-gradient(#2a2d3a 0%,#14161e 100%);border:1px solid #3a3f52;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-back-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-back-inner{aspect-ratio:1;border:2px solid #4a4f66;border-radius:50%;justify-content:center;align-items:center;width:62%;display:flex;box-shadow:inset 0 0 12px #0000008c}.card-back-pips{gap:9px;display:flex}.card-back-pips span{border-radius:50%;width:9px;height:9px;box-shadow:0 0 3px #0009}.card-front-text{color:#e6e8ee;background:linear-gradient(160deg,#2c2f38 0%,#1a1c22 100%);border:1px solid #454b59;flex-direction:column;padding:5px 6px;font-size:8px;line-height:1.25;display:flex}.card-header{justify-content:space-between;gap:3px;font-size:8.5px;font-weight:700;display:flex}.card-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-cost{color:var(--accent-2);flex:none}.card-type-line{color:var(--muted);border-bottom:1px solid #333;margin:2px 0;padding-bottom:2px;font-size:7px}.card-rules{color:#cdd2dc;flex:1;font-size:7px;overflow:hidden}.card-pt{background:#000a;border-radius:3px;align-self:flex-end;padding:0 3px;font-size:9px;font-weight:700}.card-view.is-drop-target .card-face{box-shadow:0 0 0 2px var(--accent), 0 2px 5px #0000008c}.card-view.card-selected .card-face{box-shadow:0 0 0 2px var(--ok), 0 2px 5px #0000008c}.card-view.arrow-follow-target .card-face{box-shadow:0 0 0 2px var(--accent-2)}.card-view.mana-tap-preview .card-face{animation:1s ease-in-out infinite mana-tap-pulse;box-shadow:0 0 0 2px #ffcf4d,0 0 12px 2px #ffcf4dbf,0 2px 5px #0000008c}@keyframes mana-tap-pulse{0%,to{box-shadow:0 0 0 2px #ffcf4d,0 0 10px 1px #ffcf4d99,0 2px 5px #0000008c}50%{box-shadow:0 0 0 2px #ffe08a,0 0 16px 4px #ffcf4de6,0 2px 5px #0000008c}}.card-view.bottoming-selected{cursor:pointer}.card-view.bottoming-selected .card-face{filter:brightness(.72);box-shadow:0 0 0 2px #d64545,0 0 12px 2px #d64545b3,0 2px 5px #0000008c}.card-dimmed{opacity:.5}.attached-card .card-face{box-shadow:0 0 0 1px var(--accent-2), 0 2px 4px #0009}.card-counters{pointer-events:none;flex-wrap:wrap;gap:3px;display:flex;position:absolute;bottom:4px;left:4px}.card-counter-badge{color:#fff;border:1.5px solid var(--accent-2);text-shadow:0 1px 2px #000c;background:#000d;border-radius:10px;padding:3px 8px;font-size:16px;font-weight:800;line-height:1}.card-arrow-btn{background:var(--accent);color:#1a1206;opacity:0;z-index:20;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:opacity .1s;display:flex;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.card-view:hover .card-arrow-btn{opacity:.9}.hand-zone{border:1px dashed #0000;border-radius:8px;justify-content:center;align-items:center;height:175%;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.player-area-opponent .hand-zone{top:auto;bottom:0}.hand-zone.is-over{border-color:var(--accent);background:#d8813a0f}.hand-zone.hand-over{border-color:var(--warn)}.hand-fan{transform-origin:50%;flex:none;align-items:center;gap:12px;width:max-content;display:flex}.hand-warning{color:var(--warn);z-index:5;background:#000a;border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;top:4px;right:8px}.pile-zone{flex-direction:column;align-items:center;width:108px;display:flex}.pile-label{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px}.pile-stack{cursor:pointer;border-radius:6px;position:relative}.pile-stack:hover{outline:1px solid var(--accent);outline-offset:2px}.pile-empty{border:1px dashed var(--border);width:104px;height:145px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex}.pile-zone.is-over .pile-stack{outline:2px solid var(--accent);outline-offset:2px}.pile-count-badge{color:#fff;background:#000c;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;bottom:2px;right:2px}.stack-zone{background:linear-gradient(#17171a 0%,#0a0a0c 55%,#050506 100%);border-top:2px solid #a02c2c;border-bottom:2px solid #a02c2c;align-items:center;gap:12px;min-height:62px;margin:0;padding:6px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #0000008c,inset 0 1px #cf3a3540}.stack-zone.is-over{background:linear-gradient(#241416 0%,#140b0c 55%,#0a0607 100%)}.stack-zone:before,.stack-zone:after{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(-60deg,#cf3a35 0 18px,#121013 18px 30px,#3f3f46 30px 36px,#121013 36px 46px,#e8e4d8 46px 51px,#121013 51px 61px,#2b2b30 61px 83px,#121013 83px 93px,#7a1614 93px 101px,#121013 101px 115px,#46464e 115px 127px,#121013 127px 133px,#d6d2c6 133px 137px,#121013 137px 149px);width:300px;position:absolute;top:0;bottom:0}.stack-zone:before{opacity:.6;right:0;-webkit-mask-image:linear-gradient(270deg,#000 35%,#0000 85%);mask-image:linear-gradient(270deg,#000 35%,#0000 85%)}.stack-zone:after{opacity:.32;left:0;-webkit-mask-image:linear-gradient(90deg,#000 25%,#0000 70%);mask-image:linear-gradient(90deg,#000 25%,#0000 70%)}.stack-logo{object-fit:contain;pointer-events:none;z-index:1;filter:drop-shadow(0 2px 5px #000000bf);width:auto;max-width:40%;height:78%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stack-stripes{z-index:0;pointer-events:none;width:min(17%,210px);height:2px;position:absolute;top:50%}.stack-stripes:after{content:"";background:#cf3a35;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg);box-shadow:0 0 6px #cf3a35b3}.stack-stripes-left{background:linear-gradient(270deg,#cf3a35 0%,#cf3a350d 100%);right:calc(50% + 52px);transform:translateY(-50%)}.stack-stripes-left:after{right:-3px}.stack-stripes-right{background:linear-gradient(90deg,#cf3a35 0%,#cf3a350d 100%);left:calc(50% + 52px);transform:translateY(-50%)}.stack-stripes-right:after{left:-3px}.stack-label,.stack-cards{z-index:2;position:relative}.stack-label{color:#ffe3e3;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 1px 3px #000000b3;flex:none;font-family:Cinzel,serif;font-size:13px;font-weight:700}.stack-cards{flex:1;align-items:center;gap:8px;display:flex;overflow-x:auto}.stack-empty{color:#ffffffb8;text-shadow:0 1px 2px #0009;font-size:12px;font-style:italic}.panel-you{--p-color:#57c47c;--p-glow:#5fbf7a8c}.panel-foe{--p-color:#cf3a35;--p-glow:#d645458c}.player-panel{text-align:center;background:linear-gradient(#121215 0%,#08080a 100%);border:1px solid #a02c2c;border-radius:6px;padding:12px 10px 10px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000c,inset 0 1px #cf3a3533,0 3px 8px #00000080}.panel-stripes{pointer-events:none;z-index:0;opacity:.25;background:repeating-linear-gradient(-60deg,#cf3a35 0 16px,#0000 16px 30px,#4a4a52 30px 36px,#0000 36px 48px,#e8e4d8 48px 53px,#0000 53px 63px,#35353b 63px 83px,#0000 83px 95px,#7a1614 95px 103px,#0000 103px 117px,#43434b 117px 129px,#0000 129px 135px,#d6d2c6 135px 139px,#0000 139px 151px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 48% at 50% 46%,#0000 40%,#000 92%);mask-image:radial-gradient(55% 48% at 50% 46%,#0000 40%,#000 92%)}.player-panel>:not(.panel-stripes){z-index:1;position:relative}.player-panel-active{box-shadow:0 0 16px var(--p-glow), inset 0 0 14px #0009, inset 0 1px 0 #cf3a3559;border-color:#cf3a35}.panel-corner{opacity:.9;pointer-events:none;border:0 solid #cf3a35;width:12px;height:12px;position:absolute}.panel-corner.tl{border-top-width:2px;border-left-width:2px;top:4px;left:4px}.panel-corner.tr{border-top-width:2px;border-right-width:2px;top:4px;right:4px}.panel-corner.bl{border-bottom-width:2px;border-left-width:2px;bottom:4px;left:4px}.panel-corner.br{border-bottom-width:2px;border-right-width:2px;bottom:4px;right:4px}.player-panel-active .panel-corner{opacity:1;box-shadow:0 0 6px var(--p-glow)}.player-panel-name{letter-spacing:.18em;text-transform:uppercase;color:#fff;text-overflow:ellipsis;text-shadow:0 1px 3px #000c;margin-bottom:5px;font-family:Cinzel,serif;font-size:14px;font-weight:700;overflow:hidden}.panel-active{flex-direction:column;align-items:center;gap:2px;margin-bottom:6px;transition:opacity .2s;display:flex}.panel-active-off{opacity:.18}.panel-active-bar{background:var(--p-color);width:34px;height:4px;box-shadow:0 0 7px var(--p-glow);border-radius:2px}.panel-active-text{letter-spacing:.3em;text-transform:uppercase;color:#d8d8dc;font-family:Cinzel,serif;font-size:9px;font-weight:700}.life-display{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin:2px auto 6px;transition:transform 80ms;display:flex}.life-display:active{transform:scale(.96)}.life-value{color:#fff;text-shadow:0 3px 10px #000000f2,0 0 22px #000000e6,0 0 4px #000c;font-family:Cinzel,serif;font-size:64px;font-weight:900;line-height:1}.life-label{letter-spacing:.34em;text-transform:uppercase;color:#e8e8ec;text-shadow:0 1px 4px #000000f2;margin-top:3px;font-family:Cinzel,serif;font-size:12px}.life-adjust-row{justify-content:center;align-items:stretch;gap:6px;display:flex}.life-adj{color:#fff;cursor:pointer;background:#0000008c;border:1px solid #a02c2c;border-radius:4px;width:30px;padding:2px 0;font-size:16px;font-weight:800;line-height:1}.life-adj:hover{background:#2a1214;border-color:#cf3a35}.counter-open{letter-spacing:.22em;text-transform:uppercase;color:#e8e8ec;cursor:pointer;background:#0000008c;border:1px solid #a02c2c;border-radius:4px;flex:none;padding:3px 14px;font-family:Cinzel,serif;font-size:10px;font-weight:700}.counter-open:hover{background:#2a1214;border-color:#cf3a35}.player-counters{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:7px;display:flex}.player-counter-badge{color:#f0dede;background:#0000008c;border:1px solid #7a2020;border-radius:4px;padding:2px 6px;font-size:11px}.panel-btn{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--border)}.pass-turn-btn{background:var(--panel-2);color:#f0a3a3;border:1px solid #b23a3a;width:100%;font-weight:700}.pass-turn-btn-active{color:#fff;background:linear-gradient(#d64545 0%,#8c1c1c 100%);box-shadow:0 0 10px #d6454580}.net-panel{border:1px solid var(--side-red-deep);background:linear-gradient(#d13a3a1a 0%,#0003 100%);border-radius:7px;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;padding:7px 9px;font-size:12px;display:flex}.net-room{letter-spacing:.08em;font-family:ui-monospace,monospace;font-weight:800}.net-opp{color:#e6dcc4;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gl-auth-note,.gl-account-row{color:#cfd2d8;margin:0 0 8px;font-size:12.5px}.gl-auth-input{color:#fff;border:1px solid var(--side-border);letter-spacing:normal;text-transform:none;background:#000;border-radius:6px;width:100%;padding:9px 11px;font-size:13px}.gl-auth-input:focus{border-color:var(--side-red);outline:none}.gl-account-row{align-items:baseline;gap:6px;display:flex}.gl-account-row strong{color:#fff}.gl-signout{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:11px;text-decoration:underline}.gl-signout:hover{color:var(--side-red)}.mull-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mull-overlay{border:1px solid var(--side-red-deep,#7a2020);background:radial-gradient(90% 60% at 50% 0,#d13a3a1f 0%,#0000 65%),linear-gradient(#1a1c22 0%,#101116 100%);border-radius:12px;flex-direction:column;align-items:center;gap:8px;max-width:min(92vw,1000px);padding:20px 24px;display:flex;box-shadow:0 18px 60px #000000b3}.mull-title{color:#f3e9d2;letter-spacing:.01em;margin:0;font-size:20px}.mull-sub{color:var(--muted,#9aa0ab);text-align:center;max-width:620px;margin:0;font-size:12.5px}.mull-hand{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;margin:10px 0 4px;display:flex}.mull-card{cursor:default}.mull-hand-bottoming .mull-card{cursor:pointer}.mull-actions{gap:12px;margin-top:6px;display:flex}.mull-btn{background:var(--panel-2,#23252c);color:#f0e6d0;cursor:pointer;border:1px solid #b23a3a;border-radius:7px;min-width:150px;padding:9px 18px;font-size:14px;font-weight:700}.mull-btn:hover{background:#2c2e37}.mull-keep{color:#fff;background:linear-gradient(#3f7d47 0%,#1e4a26 100%);border-color:#2e6a38}.mull-keep:hover{background:linear-gradient(#4a9053 0%,#24582e 100%)}.mull-keep:disabled{background:var(--panel-2,#23252c);color:var(--muted,#9aa0ab);border-color:var(--border,#3a3d46);cursor:not-allowed}.match-panel{border:1px solid var(--side-red-deep,#7a2020);background:linear-gradient(#d13a3a1a 0%,#0003 100%);border-radius:7px;flex-direction:column;gap:6px;margin-bottom:8px;padding:8px 9px;display:flex}.match-score{justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.match-game{letter-spacing:.02em;font-weight:800}.match-wins{color:#e6dcc4}.match-result-row{align-items:center;gap:6px;display:flex}.match-result-label{color:var(--muted);margin-right:auto;font-size:11px}.match-win-btn,.match-loss-btn{cursor:pointer;border:1px solid;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:700}.match-win-btn{color:#fff;background:linear-gradient(#3f7d47 0%,#1e4a26 100%);border-color:#2e6a38}.match-loss-btn{background:var(--panel-2);color:#f0a3a3;border-color:#b23a3a}.match-backdrop{z-index:62;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000ad;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.match-modal{border:1px solid var(--side-red-deep,#7a2020);color:var(--text);background:radial-gradient(90% 60% at 50% 0,#d13a3a1f 0%,#0000 65%),linear-gradient(#1a1c22 0%,#101116 100%);border-radius:12px;flex-direction:column;gap:12px;max-width:min(94vw,780px);padding:20px 22px;display:flex;box-shadow:0 18px 60px #000000b3}.match-modal-head{text-align:center}.match-modal h3{color:#f3e9d2;margin:0;font-size:20px}.match-sub{color:var(--muted);font-size:12px}.match-modal-actions{justify-content:center;gap:10px;margin-top:4px;display:flex}.match-btn{cursor:pointer;background:var(--panel-2,#23252c);color:#f0e6d0;border:1px solid #b23a3a;border-radius:7px;min-width:150px;padding:9px 18px;font-size:14px;font-weight:700}.match-btn:hover{background:#2c2e37}.match-btn-primary{color:#fff;background:linear-gradient(#3f7d47 0%,#1e4a26 100%);border-color:#2e6a38}.match-btn-primary:hover{background:linear-gradient(#4a9053 0%,#24582e 100%)}.sb-modal{width:min(94vw,760px)}.sb-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sb-col{flex-direction:column;min-width:0;display:flex}.sb-col-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:6px;padding:0 2px 6px;display:flex}.sb-col-head>span:first-child{font-size:13px;font-weight:800}.sb-count{color:var(--muted);font-size:11px}.sb-count-warn{color:#f0a3a3}.sb-list{flex-direction:column;gap:3px;max-height:46vh;padding-right:4px;display:flex;overflow-y:auto}.sb-row{border-radius:5px;align-items:center;gap:7px;padding:3px 4px;display:flex}.sb-row:hover{background:#ffffff0a}.sb-thumb{object-fit:cover;background:#0e1015;border-radius:3px;flex:none;width:26px;height:36px}.sb-thumb-empty{display:inline-block}.sb-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sb-qty{color:var(--muted);margin-left:auto;font-size:11px}.sb-move{cursor:pointer;background:var(--panel-2);color:#f0e6d0;border:1px solid #b23a3a;border-radius:5px;flex:none;width:24px;height:24px;font-size:13px;font-weight:800}.sb-move:hover{background:#2c2e37;border-color:#d64545}.sb-empty{color:var(--muted);padding:6px 4px;font-size:11px;font-style:italic}.match-done h3{text-align:center}.match-done-win{color:#7fd18a!important}.match-done-loss{color:#f0a3a3!important}.match-final-score{text-align:center;letter-spacing:.04em;font-size:34px;font-weight:800}.net-record-prompt{background:#e8e4d80d;border:1px solid #e8e4d824;border-radius:8px;margin:4px 0 2px;padding:12px 14px}.net-record-blurb{text-align:center;color:#f0e6d0;margin:0 0 10px;font-size:13px}.net-record-detail{color:var(--muted);margin-top:4px;font-size:12px;display:block}.net-record-done{margin:6px 0 8px;font-weight:700}.net-record-prompt .match-modal-actions{margin-top:0}.sidebar{border-left:1px solid var(--side-red-deep);width:300px;color:var(--side-text);background:radial-gradient(80% 40% at 100% 0,#d13a3a14 0%,#0000 60%),linear-gradient(#16151a 0%,#0b0b0d 100%);flex-direction:column;flex:none;height:100vh;display:flex}.sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--side-red);border-bottom:1px solid var(--side-border);padding:12px 12px 10px;font-family:Cinzel,serif;font-size:15px;font-weight:700}.sidebar-bottom{border-top:1px solid var(--side-border)}.turn-info{justify-content:space-between;align-items:center;padding:8px 12px 6px;display:flex}.turn-badge{color:var(--side-text);font-family:Cinzel,serif;font-weight:700}.active-badge{color:var(--side-red);font-size:12px;font-weight:600}.sidebar-controls{flex-wrap:wrap;gap:6px;padding:0 12px 8px;display:flex}.sidebar-controls button{background:var(--side-bg-2);color:var(--side-text);border:1px solid var(--side-red-deep);flex:auto;padding:6px 8px;font-size:12px}.sidebar-controls button:not(:disabled):hover{background:var(--side-red-deep);border-color:var(--side-red)}.log{flex:1;padding:10px 12px;overflow-y:auto}.log p{margin:3px 0;font-size:12px}.log-action{color:#b9bcc4}.log-chat{color:var(--side-text)}.log-chat strong{color:var(--side-red)}.chat-row{border-top:1px solid var(--side-border);gap:6px;padding:10px 12px;display:flex}.chat-row input{min-width:0;color:var(--side-text);border:1px solid var(--side-border);background:#000;border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.chat-row input:focus{border-color:var(--side-red);outline:none}.chat-row button{background:var(--side-red);color:#fff}.sidebar-footer{border-top:1px solid var(--side-border);gap:6px;padding:10px 12px;display:flex}.sidebar-footer button{background:var(--side-bg-2);color:var(--side-text);border:1px solid var(--side-red-deep);flex:1;font-size:12px}.sidebar-footer button:hover{background:var(--side-red-deep)}.leave-btn{color:var(--side-red)!important;border-color:var(--side-red)!important}.drag-overlay-wrap{position:relative}.drag-overlay-card{cursor:grabbing}.drag-overlay-count{background:var(--ok);color:#06210f;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;position:absolute;top:-8px;right:-8px}.selection-box{border:1px solid var(--ok);pointer-events:none;z-index:500;background:#5fbf7a26;position:fixed}.arrow-layer{pointer-events:none;z-index:400;width:100vw;height:100vh;position:fixed;inset:0}.arrow-line-group{pointer-events:auto;cursor:pointer}.arrow-hit{fill:none;stroke:#0000;stroke-width:16px}.arrow-line{fill:none;stroke:var(--accent);stroke-width:3px}.arrow-line-group:hover .arrow-line{stroke:var(--err)}.arrow-draft-line{fill:none;stroke:var(--accent-2);stroke-width:3px;stroke-dasharray:6 5}.context-menu{z-index:600;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;min-width:180px;padding:4px;position:fixed;box-shadow:0 8px 24px #00000080}.context-menu-item{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:5px;padding:6px 10px;font-size:13px;font-weight:500;display:block}.context-menu-item:hover{background:var(--accent);color:#1a1206}.context-menu-item-danger{color:var(--err)}.context-menu-separator{background:var(--border);height:1px;margin:4px 6px}.zone-overlay-backdrop,.peek-backdrop,.token-backdrop{z-index:700;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.zone-overlay,.peek-overlay{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;max-width:90vw;max-height:86vh;padding:16px;display:flex}.zone-overlay-header,.peek-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.zone-overlay-header h3,.peek-header h3{margin:0;font-size:16px}.zone-overlay-actions{align-items:center;gap:8px;display:flex}.zone-overlay-grid,.peek-grid{flex-wrap:wrap;align-content:flex-start;gap:12px;display:flex;overflow-y:auto}.zo-count,.zo-remaining{color:var(--muted);font-size:13px;font-weight:400}.zo-remaining{color:var(--side-red);font-weight:700}.zo-filter{width:150px;color:var(--text);border:1px solid var(--side-border);background:#000;border-radius:6px;padding:6px 9px;font-size:12.5px}.zo-filter:focus{border-color:var(--side-red);outline:none}.zo-shufflechk{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;display:flex}.zo-card{position:relative}.zo-quick{z-index:5;opacity:0;background:#000000d1;border-radius:0 0 6px 6px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;transition:opacity .1s;display:grid;position:absolute;bottom:0;left:0;right:0}.zo-card:hover .zo-quick{opacity:1}.zo-quick button{letter-spacing:.03em;text-transform:uppercase;background:var(--side-bg-2);color:#e4e6ea;border:1px solid var(--side-border);border-radius:3px;padding:3px 2px;font-size:9.5px;font-weight:700}.zo-quick button:hover{border-color:var(--side-red);color:#fff}.zo-pick{cursor:pointer;border-radius:8px;transition:transform 80ms}.zo-pick:hover{transform:translateY(-3px)}.zo-pick:hover .card-view .card-face{box-shadow:0 0 0 2px var(--side-red), 0 0 14px #d13a3a80}.zo-pick-hint{z-index:5;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:#ffcf9e;border:1px solid var(--side-red-deep);opacity:0;pointer-events:none;background:#000000d9;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:800;transition:opacity .1s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.zo-pick:hover .zo-pick-hint{opacity:1}.zone-overlay-empty{color:var(--muted)}.peek-card{flex-direction:column;align-items:center;gap:4px;display:flex}.peek-card-actions{gap:4px;display:flex}.peek-card-actions button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:3px 7px;font-size:11px}.token-overlay{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:340px;padding:20px;display:flex}.token-overlay h3{margin:0}.token-overlay label{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.token-overlay input,.token-overlay textarea{color:var(--text);border:1px solid var(--border);background:#0e1015;border-radius:5px;padding:6px 8px;font-size:13px}.token-pt-row{gap:10px;display:flex}.token-pt-row label{flex:1}.token-actions{gap:8px;margin-top:6px;display:flex}.token-suggestions{flex-direction:column;gap:7px;display:flex}.token-suggestions-label{color:var(--muted);font-size:12px}.token-suggestions-list{flex-direction:column;gap:6px;max-height:210px;display:flex;overflow-y:auto}.token-suggestion{text-align:left;cursor:pointer;background:var(--panel-2);width:100%;color:var(--text);border:1px solid #b23a3a;border-radius:6px;flex-direction:row;align-items:center;gap:10px;padding:7px 10px;display:flex}.token-suggestion:hover{background:#2c2e37;border-color:#d64545}.token-suggestion-art{background:#0e1015;border-radius:4px;flex:none;justify-content:center;align-items:center;width:46px;height:64px;display:flex;overflow:hidden}.token-suggestion-art img{object-fit:cover;width:100%;height:100%}.token-suggestion-art-fallback{color:var(--muted);text-align:center;font-size:9px}.token-suggestion-info{flex-direction:column;gap:2px;min-width:0;display:flex}.token-suggestion-name{font-size:13px;font-weight:700}.token-suggestion-count{letter-spacing:.05em;text-transform:uppercase;color:#f0a3a3;font-size:10px}.token-suggestion-text{color:var(--muted);font-size:10.5px;line-height:1.25}.token-or{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:2px 0;font-size:11px;display:flex}.token-or:before,.token-or:after{content:"";background:var(--border);flex:1;height:1px}.preview-pane{z-index:450;pointer-events:none;filter:drop-shadow(0 6px 16px #000000b3);position:fixed}.setup-builder-btn{background:var(--side-red);color:#fff;margin-left:auto;font-weight:700}.frame-corner{border:0 solid var(--side-red);opacity:.85;pointer-events:none;z-index:3;width:16px;height:16px;position:absolute}.frame-corner.tl{border-top-width:2px;border-left-width:2px;top:5px;left:5px}.frame-corner.tr{border-top-width:2px;border-right-width:2px;top:5px;right:5px}.frame-corner.bl{border-bottom-width:2px;border-left-width:2px;bottom:5px;left:5px}.frame-corner.br{border-bottom-width:2px;border-right-width:2px;bottom:5px;right:5px}.db{width:100vw;height:100vh;color:var(--side-text);background:radial-gradient(60% 50% at 85% 0,#d13a3a14 0%,#0000 60%),linear-gradient(160deg,#17161b 0%,#0b0b0d 55%,#0e0b0d 100%);flex-direction:column;display:flex;overflow:hidden}.db-header{background:linear-gradient(#131316 0%,#0a0a0c 100%);border-bottom:2px solid #a02c2c;flex:none;align-items:center;gap:16px;padding:12px 18px;display:flex;position:relative;overflow:hidden}.db-header-stripes{pointer-events:none;z-index:0;opacity:.25;background:repeating-linear-gradient(-60deg,#cf3a35 0 18px,#121013 18px 30px,#3f3f46 30px 36px,#121013 36px 46px,#e8e4d8 46px 51px,#121013 51px 61px,#2b2b30 61px 83px,#121013 83px 93px,#7a1614 93px 101px,#121013 101px 115px,#46464e 115px 127px,#121013 127px 133px,#d6d2c6 133px 137px,#121013 137px 149px);width:22%;position:absolute;top:0;bottom:0;left:24%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 25% 75%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 25% 75%,#0000 100%)}.db-header-wash{pointer-events:none;z-index:0;background:linear-gradient(270deg,#7a161480 0%,#7a16142e 55%,#0000 100%);width:42%;position:absolute;top:0;bottom:0;right:0}.db-header>:not(.db-header-stripes):not(.db-header-wash):not(.db-logo){z-index:1;position:relative}.db-header h1{letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px #000c;margin:0;font-family:Cinzel,serif;font-size:20px}.db-logo{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 5px #000000bf);border-radius:50%;width:auto;max-width:26%;height:86%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.db-logo[data-fb]{border-radius:0}.db-back{color:#fff;border:1px solid var(--side-border);letter-spacing:.05em;text-transform:uppercase;background:#0000008c;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.db-back:hover{border-color:var(--side-red)}.db-back-arrow{color:var(--side-red);font-size:13px;line-height:1}.db-toggle{color:#fff;border:1px solid var(--side-border);letter-spacing:.05em;text-transform:uppercase;background:#0000008c;font-size:12px;font-weight:700}.db-toggle:hover{border-color:var(--side-red)}.db-toggle-on{background:var(--side-red);color:#fff;border-color:var(--side-red)}.db-play{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(#e04640 0%,#b02420 100%);border:1px solid #ff6a5f;padding:8px 18px;font-size:13px;font-weight:800;box-shadow:0 0 12px #cf3a3559}.db-play:disabled{opacity:.4;box-shadow:none}.db-visual{flex:1;min-width:0;padding:4px 8px 8px;overflow:hidden}.db-visual-section{margin-bottom:20px}.db-visual-head{text-transform:uppercase;letter-spacing:.08em;color:var(--side-red);border-bottom:1px solid var(--side-border);justify-content:space-between;align-items:baseline;margin:0 0 10px;padding-bottom:5px;font-family:Cinzel,serif;font-size:15px;font-weight:700;display:flex}.db-visual-head span{color:var(--side-text);font-size:14px}.db-visual-grid{grid-template-columns:repeat(auto-fill, var(--vcard-w,168px));grid-auto-rows:calc(var(--vcard-w,168px) * 1.4);justify-content:start;gap:12px;display:grid}.db-visual .db-vcard{width:var(--vcard-w,168px);height:calc(var(--vcard-w,168px) * 1.4)}.db-vcard .db-card-count{min-width:20px;height:20px;font-size:12px;top:4px;right:4px}.db-searchrow{flex:none;padding:12px 18px}.db-searchwrap{align-items:center;display:flex;position:relative}.db-search-icon{color:var(--muted);pointer-events:none;position:absolute;left:14px}.db-search{width:100%;color:var(--side-text);border:1px solid var(--side-border);background:#000;border-radius:8px;padding:10px 40px;font-size:15px}.db-search:focus{border-color:var(--side-red);outline:none}.db-search-clear{background:var(--side-bg-2);width:24px;height:24px;color:var(--muted);border:1px solid var(--side-border);cursor:pointer;border-radius:50%;padding:0;font-size:11px;line-height:1;position:absolute;right:8px}.db-search-clear:hover{color:#fff;border-color:var(--side-red)}.db-body{flex:1;gap:16px;min-height:0;padding:0 18px 18px;display:flex}.db-browser{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.db-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.db-tabs{flex-wrap:wrap;gap:6px;display:flex}.db-tab{color:#e4e6ea;border:1px solid var(--side-border);letter-spacing:.07em;text-transform:uppercase;background:#0000008c;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:700}.db-tab:hover{border-color:var(--side-red)}.db-tab-active{background:var(--side-red);color:#fff;border-color:var(--side-red)}.db-tools{align-items:center;gap:10px;display:flex}.db-sort{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.db-sort select{color:var(--side-text);border:1px solid var(--side-border);background:#0000008c;border-radius:4px;padding:5px 8px;font-size:12px}.db-sort select:hover{border-color:var(--side-red)}.db-colors{align-items:center;gap:8px;display:flex}.db-pip{cursor:pointer;opacity:.85;filter:brightness(1.12);background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:opacity .12s,border-color .12s,filter .12s;display:flex}.db-pip img{width:25px;height:25px;display:block}.db-pip:hover{opacity:1}.db-pip-on{opacity:1;filter:brightness(1.15);border-color:var(--side-red);box-shadow:0 0 8px #d13a3a8c}.db-result-count{color:var(--muted);margin-left:auto;font-size:12px}.db-grid-wrap{border:1px solid var(--side-red-deep);background:linear-gradient(#101210 0%,#0a0b0a 100%);border-radius:8px;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px 12px #0000008c}.db-grid{flex:1;grid-template-columns:repeat(auto-fill,277px);grid-auto-rows:388px;place-content:start center;gap:18px;padding:16px;display:grid;overflow-y:auto}.db-card{cursor:pointer;background:#1a1a1f;border-radius:9px;width:277px;height:388px;transition:transform 80ms,box-shadow .12s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 2px 6px #0000008c}.db-card:hover{box-shadow:0 0 0 2px var(--side-red), 0 6px 14px #0009;z-index:1;transform:translateY(-4px)}.db-card>img{object-fit:cover;width:100%;height:100%;display:block}.db-card-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:8px;display:flex}.db-card-fallback span{font-size:11px;font-weight:600}.db-card-fallback .db-card-type{color:var(--muted);font-size:9px;font-weight:400}.db-card-fallback.big{width:325px;height:454px}.db-card-count{background:var(--side-red);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:13px;font-weight:800;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 3px #0009}.db-card-art{color:#fff;opacity:0;z-index:2;background:#0009;border:1px solid #ffffff59;border-radius:6px;width:26px;height:26px;padding:0;font-size:13px;line-height:1;transition:opacity .1s;position:absolute;top:4px;left:4px}.db-card:hover .db-card-art{opacity:1}.db-card-art:hover{background:var(--side-red)}.db-empty{color:var(--muted);padding:20px}.db-deck{flex-direction:column;flex:none;gap:10px;width:340px;display:flex}.db-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.db-actions button{color:#e4e6ea;border:1px solid var(--side-border);letter-spacing:.06em;text-transform:uppercase;background:#0000008c;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:7px 6px;font-size:11px;font-weight:700;display:inline-flex}.db-actions button svg{opacity:.85;flex:none}.db-actions button:hover{border-color:var(--side-red);color:#fff}.db-actions button.db-action-on{background:var(--side-red);border-color:var(--side-red);color:#fff}.db-deck-panel{border:1px solid var(--side-red-deep);background:linear-gradient(#131114 0%,#0a090b 100%);border-radius:8px;flex-direction:column;flex:1;min-height:0;padding:14px 12px 12px;display:flex;position:relative;overflow:hidden}.db-deck-stripes{pointer-events:none;z-index:0;opacity:.18;background:repeating-linear-gradient(-60deg,#cf3a35 0 12px,#0000 12px 22px,#3f3f46 22px 30px,#0000 30px 40px,#e8e4d8 40px 44px,#0000 44px 52px,#2b2b30 52px 68px,#0000 68px 78px,#7a1614 78px 85px,#0000 85px 96px,#d6d2c6 96px 99px,#0000 99px 108px);width:190px;height:130px;position:absolute}.db-deck-stripes-top{top:0;right:0;-webkit-mask-image:radial-gradient(100% 100% at 100% 0,#000 25%,#0000 68%);mask-image:radial-gradient(100% 100% at 100% 0,#000 25%,#0000 68%)}.db-deck-stripes-bottom{bottom:0;left:0;-webkit-mask-image:radial-gradient(100% 100% at 0 100%,#000 25%,#0000 68%);mask-image:radial-gradient(100% 100% at 0 100%,#000 25%,#0000 68%)}.db-deck-panel>:not(.db-deck-stripes){z-index:1;position:relative}.db-deck-head{align-items:center;gap:8px;margin-bottom:2px;display:flex}.db-deck-name{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;min-width:0;padding:4px 6px 4px 0;font-family:Cinzel,serif;font-size:15px;font-weight:700}.db-deck-name:hover{border-color:var(--side-border)}.db-deck-name:focus{border-color:var(--side-red);background:#000;outline:none;padding-left:6px}.db-deck-pencil{color:var(--muted);font-size:13px}.db-deck-count{color:#fff;font-family:Cinzel,serif;font-size:15px;font-weight:700}.db-deck-count.under{color:#fff}.db-deck-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--side-red);margin-bottom:4px;font-family:Cinzel,serif;font-size:11px;font-weight:700}.db-deck-ornament{align-items:center;gap:8px;margin:2px 0 6px;display:flex}.db-deck-ornament:before,.db-deck-ornament:after{content:"";background:linear-gradient(90deg,#0000,#5a2020 30% 70%,#0000);flex:1;height:1px}.db-deck-ornament span{border:1.5px solid var(--side-red);background:0 0;flex:none;width:7px;height:7px;transform:rotate(45deg)}.db-deck-scroll{flex:1;overflow-y:auto}.db-deck-empty{flex-direction:column;align-items:center;padding-top:4px;display:flex}.db-deck-empty-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--side-red);justify-content:space-between;align-self:stretch;align-items:baseline;margin-bottom:34px;font-family:Cinzel,serif;font-size:12px;font-weight:700;display:flex}.db-deck-empty-sub span{color:#fff;letter-spacing:.04em;font-size:17px}.db-deck-empty-cards{opacity:.5;width:92px;height:108px;margin-bottom:26px;position:relative}.db-deck-empty-cards span{background:#0000004d;border:1.5px solid #8a5a30;border-radius:6px;width:64px;height:90px;position:absolute}.db-deck-empty-cards span:first-child{top:12px;left:0;transform:rotate(-8deg)}.db-deck-empty-cards span:last-child{top:4px;right:0;transform:rotate(7deg)}.db-deck-empty p{color:#cfd2d8;text-align:center;margin:3px 0;font-size:13px}.db-deck-empty p strong{color:#fff}.db-section{margin-bottom:10px}.db-section-head{text-transform:uppercase;letter-spacing:.08em;color:var(--side-red);border-bottom:1px solid var(--side-border);justify-content:space-between;margin-bottom:4px;padding-bottom:3px;font-family:Cinzel,serif;font-size:12px;font-weight:700;display:flex}.db-row{border-radius:4px;align-items:center;gap:6px;padding:2px;font-size:13px;display:flex}.db-row:hover{background:#d13a3a1f}.db-row-unknown .db-row-name{color:var(--err)}.db-row-count{text-align:right;width:20px;color:var(--muted);font-variant-numeric:tabular-nums}.db-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.db-row-controls{opacity:0;gap:3px;display:flex}.db-row:hover .db-row-controls{opacity:1}.db-row-controls button{background:var(--side-bg-2);width:20px;height:20px;color:var(--side-text);border:1px solid var(--side-border);padding:0;font-size:12px;line-height:1}.db-row-art-dot{color:var(--side-red);vertical-align:middle;margin-left:5px;font-size:9px}.db-none{color:var(--muted);padding:2px;font-size:12px;font-style:italic}.db-artpicker{width:760px;max-width:92vw}.db-artpicker-grid{border:1px solid var(--side-red-deep);background:linear-gradient(#101210 0%,#0a0b0a 100%);border-radius:8px;grid-template-columns:repeat(auto-fill,150px);justify-content:center;gap:12px;max-height:62vh;padding:16px;display:grid;overflow-y:auto;box-shadow:inset 0 0 40px 12px #0000008c}.db-artpicker-card{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;gap:4px;padding:4px;display:flex}.db-artpicker-card img{object-fit:cover;border-radius:6px;width:100%;height:202px;display:block}.db-artpicker-card:hover{border-color:var(--side-red)}.db-artpicker-label{color:#33333a;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.db-grid,.db-visual{scrollbar-width:none;-ms-overflow-style:none}.db-grid::-webkit-scrollbar{width:0;height:0;display:none}.db-visual::-webkit-scrollbar{width:0;height:0;display:none}.db-validation{border-top:1px solid var(--side-border);margin-top:6px;padding-top:8px}.db-validation p{margin:3px 0;font-size:12px}.db-preview{z-index:500;pointer-events:none;filter:drop-shadow(0 6px 18px #000c);position:fixed;bottom:16px;right:372px}.db-preview img{pointer-events:none;border-radius:15px;width:358px;display:block}.db-preview .db-preview-hq{position:absolute;inset:0}.db-modal-backdrop{z-index:700;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.db-modal{background:var(--side-bg-2);border:1px solid var(--side-red-deep);border-radius:12px;width:460px;max-width:90vw;padding:20px}.db-modal h3{margin:0 0 6px;font-family:Cinzel,serif}.db-modal .hint{color:var(--muted);margin:0 0 10px;font-size:13px}.db-modal textarea{width:100%;min-height:220px;color:var(--side-text);border:1px solid var(--side-border);background:#000;border-radius:6px;padding:10px;font-family:ui-monospace,monospace;font-size:13px}.db-savemodal{flex-direction:column;gap:10px;display:flex}.db-save-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.db-save-label select,.db-save-label input{color:var(--side-text);border:1px solid var(--side-border);letter-spacing:normal;text-transform:none;background:#000;border-radius:5px;padding:8px 10px;font-size:13px}.db-save-label select:focus,.db-save-label input:focus{border-color:var(--side-red);outline:none}.db-modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.db-modal-actions .primary{background:var(--side-red);color:#fff}.db-modal-actions button:not(.primary){background:var(--side-bg);color:var(--side-text);border:1px solid var(--side-border)}.db-open-list{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.db-open-list button{text-align:left;background:var(--side-bg);width:100%;color:var(--side-text);border:1px solid var(--side-border);border-radius:6px;justify-content:space-between;margin-bottom:6px;padding:8px 10px;display:flex}.db-open-list button:hover{border-color:var(--side-red)}.db-open-list span{color:var(--muted);font-size:12px}