:root{font-family:Segoe UI,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:#f4ebd8;background:radial-gradient(circle at top,rgba(58,110,203,.24),transparent 28%),linear-gradient(180deg,#0f1a33,#090d18);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-panel: rgba(15, 24, 46, .84);--bg-panel-strong: rgba(22, 34, 63, .92);--line: rgba(109, 155, 238, .26);--line-strong: rgba(109, 155, 238, .54);--text-main: #f4ebd8;--text-soft: #c3d2f0;--accent: #3a6ecb;--accent-strong: #75a0f3;--danger: #e77d68;--shadow: 0 24px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:1px solid var(--line);border-radius:999px;padding:.85rem 1.3rem;color:var(--text-main);background:linear-gradient(180deg,#5887e16b,#2852aa57);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}button:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 14px 24px #0003}button:disabled{cursor:wait;opacity:.7}input,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;background:#120e0aeb;color:var(--text-main)}#root{min-height:100vh}.app-shell{width:100vw;max-width:none;margin:0;padding:16px}.app-shell--menu{min-height:100vh;display:grid;place-items:start center;padding:28px 20px 40px}.app-shell--drafting{min-height:100vh;height:100vh;overflow:hidden}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel--hero{display:grid;grid-template-columns:1fr auto;gap:16px;overflow:hidden;position:relative;align-items:center;padding:12px 18px}.panel--hero:after{content:"";position:absolute;inset:auto -40px -80px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(58,110,203,.34),transparent 72%);pointer-events:none}.hero h1,.section-head h2,.section-head h3,.lobby-shell h2,.card-preview h3{font-family:Georgia,Times New Roman,serif;margin:0}.hero h1{font-size:clamp(1.4rem,2vw,1.9rem);max-width:none;line-height:1;font-weight:600}.hero p,.draft-status p,.lobby-shell p,.card-preview p,.seat-card span,.auth-panel label,.section-head span{color:var(--text-soft)}.hero-stats{display:flex;gap:10px;align-items:stretch;justify-content:flex-end}.hero-title-row{display:flex;align-items:center;gap:14px}.hero-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.hero-scratch{white-space:nowrap}.hero-title-copy{display:grid;gap:4px;align-content:center}.hero-title-copy p{margin:0;max-width:34rem;line-height:1.25;font-size:.94rem;color:#c3d2f0d6}.main-menu-shell{width:min(1040px,100%);display:grid;gap:22px}.main-menu-hero{display:grid;gap:22px;padding:26px 28px;background:radial-gradient(circle at top right,rgba(90,143,240,.22),transparent 34%),linear-gradient(180deg,#121d37f0,#0b1223f5)}.main-menu-hero__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.main-menu-hero__copy{display:grid;gap:8px}.main-menu-hero__copy h1{font-size:clamp(2.2rem,5vw,3.3rem);line-height:.96;letter-spacing:-.03em}.main-menu-hero__copy p:last-child{margin:0;max-width:42rem;color:#d6e2f8e0;font-size:1rem}.main-menu-hero__actions{display:flex;justify-content:flex-end}.main-menu-content{display:grid;gap:18px}.main-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.main-menu-card{padding:24px;min-height:100%}.main-menu-card__header{display:grid;gap:8px}.main-menu-card__header h3{margin:0}.main-menu-card__description{margin:0;color:var(--text-soft)}.main-menu-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.main-menu-card__pill{padding:.3rem .65rem;border-radius:999px;border:1px solid rgba(121,168,247,.2);background:#172748b8;color:#dce8fb;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.main-menu-invite-summary{min-height:86px;align-content:center}.main-menu-reconnect{max-width:720px}.hero-stats div{min-width:132px;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:#0a1121c7}.hero-actions{display:flex;align-items:center;min-width:0!important;padding:10px 0!important;border:0!important;background:transparent!important}.hero-confirm{min-width:164px}.hero-confirm--ready{border-color:#4eb866db;background:linear-gradient(180deg,#5bcc74f5,#287e3dfa);box-shadow:0 0 0 1px #adf5a22e,0 18px 30px #19542757;color:#f4fff0}.hero-confirm--ready:hover{border-color:#77e28ffa;box-shadow:0 0 0 1px #bdffb53d,0 22px 34px #1559276b}.hero-confirm--undo{border-color:#efb65dd6;background:linear-gradient(180deg,#f2be68f5,#b77323fa);box-shadow:0 0 0 1px #ffe3a333,0 18px 30px #70410b4d;color:#fff7e5}.hero-confirm--undo:hover{border-color:#ffce7cfa;box-shadow:0 0 0 1px #ffebb742,0 22px 34px #70410b5c}.hero-exit{align-self:center;white-space:nowrap}.hero-stats strong{display:block;font-size:1.3rem}.eyebrow{margin:0 0 .3rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent-strong)}.grid-two,.builder-grid{display:grid;gap:20px;margin-top:20px}.invite-summary{display:grid;gap:6px;padding:12px 14px;border-radius:16px;border:1px solid rgba(109,155,238,.2);background:#0c1426b8}.invite-summary strong{letter-spacing:.14em}.draft-workspace{display:grid;gap:20px;margin-top:12px;height:calc(100vh - 108px);min-height:0}.draft-stage{display:grid;gap:0;min-height:inherit;height:100%}.draft-stage--combined{min-height:0;height:100%;align-content:stretch;grid-template-rows:minmax(0,1fr);overflow:visible;min-width:0}.draft-hand-zone{display:grid;gap:10px;padding:16px 12px 12px;border-top:1px solid rgba(109,155,238,.14);background:linear-gradient(180deg,#070c1800,#070c1857);overflow:visible;position:relative;z-index:8;min-width:0}.draft-hand-panel{min-height:280px}.pack-row--large{min-height:312px;align-items:end;overflow:visible;min-width:0}.pack-row--overlap{padding-left:0;gap:0;overflow:visible;width:100%;justify-content:flex-start;position:relative;z-index:9}.pack-card{position:relative;transition:z-index .12s ease;flex:0 0 auto}.pack-card:hover{z-index:60!important}.pack-card:hover .card-thumb,.pack-card:focus-within .card-thumb{transform:translateY(-16px) scale(1.04)}.board-hint{position:absolute;inset:20px auto auto 20px;margin:0;padding:.7rem .9rem;border-radius:999px;background:#080e1cb3;border:1px dashed rgba(117,160,243,.34);color:var(--text-soft);pointer-events:none}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-grid{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:start}.auth-panel,.lobby-shell,.draft-status{margin-top:20px}.auth-panel,.lobby-shell,.board-zone,.panel{animation:rise .22s ease}.auth-panel{display:grid;gap:16px}.auth-panel label{display:grid;gap:8px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.deckbuilder-search-wrap{display:flex;align-items:center;gap:10px}.deckbuilder-search{display:flex;justify-content:flex-end}.deckbuilder-search input{min-width:260px;padding:.55rem .8rem}.deckbuilder-search-overlay{position:absolute;top:14px;right:14px;z-index:26;pointer-events:none}.deckbuilder-search-panel{display:flex;align-items:center;gap:10px}.deckbuilder-export-actions{display:flex;gap:8px;pointer-events:auto}.deckbuilder-export-actions button{padding:.42rem .72rem;line-height:1.1}.curiosa-import-modal{max-width:min(640px,calc(100vw - 24px))}.curiosa-import-modal__content{display:grid;gap:16px}.curiosa-import-modal__field{display:grid;gap:8px}.curiosa-import-modal__actions{display:flex;justify-content:flex-start}.curiosa-import-modal__status{margin:0;padding:12px 14px;border-radius:14px;border:1px solid rgba(109,155,238,.16)}.curiosa-import-modal__status--success{border-color:#4eb8665c;background:#1a3b2280;color:#d8ffe0}.curiosa-import-modal__status--error{border-color:#e06e6e57;background:#4c1c1c80;color:#ffd9d9}.deckbuilder-search--overlay{pointer-events:auto}.deckbuilder-search--overlay input{background:#080e1cad;border:1px solid rgba(109,155,238,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 30px #00000038}.deckbuilder-type-counts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:420px;pointer-events:auto}.deckbuilder-type-counts span{padding:.45rem .7rem;border-radius:999px;background:#080e1c8a;border:1px solid rgba(109,155,238,.16);color:var(--text-soft);font-size:.76rem;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby-shell{display:grid;gap:18px}.lobby-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.lobby-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:flex-end}.lobby-ready-button{border-color:#6ce089c2;background:linear-gradient(180deg,#5cce7afa,#267f43f5);box-shadow:0 0 0 1px #c4ffcd2e,0 16px 28px #135a284d;color:#f5fff2}.lobby-ready-button:hover{border-color:#91f5a7f5;box-shadow:0 0 0 1px #d6ffdb38,0 18px 32px #12612a5c}.lobby-actions__host-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px;border-radius:999px;border:1px solid rgba(109,155,238,.16);background:#090f1d7a}.seat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.lobby-overrides{display:grid;gap:12px}.lobby-pack-settings{display:grid;gap:14px}.lobby-pack-settings__panel{display:grid;gap:12px;padding:14px;border-radius:18px;background:#0a1121a3;border:1px solid rgba(109,155,238,.12)}.lobby-pack-settings__panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.lobby-pack-settings__panel-head strong{display:block;margin-bottom:4px}.lobby-pack-settings__panel-head p{margin:0;color:var(--text-soft);max-width:56ch}.lobby-pack-settings__details-button{align-self:start}.lobby-pack-settings__summary{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:#080e1b85;border:1px solid rgba(109,155,238,.1)}.lobby-pack-settings__summary p{margin:0;color:var(--text-soft)}.lobby-pack-settings__extras{display:grid;gap:10px}.lobby-pack-settings__extras label{display:grid;gap:6px}.lobby-pack-settings__grid,.lobby-pack-settings__odds{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.lobby-pack-settings label{display:grid;gap:8px}.lobby-setting-label{display:inline-flex;align-items:center;gap:6px}.lobby-setting-help{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(109,155,238,.2);color:var(--accent-strong);font-size:.72rem;cursor:help}.lobby-readonly-value{padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(109,155,238,.14);background:#0a11218f;color:var(--text-soft)}.lobby-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px;overflow-y:auto;overscroll-behavior:contain;background:#030812b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-modal__dialog{width:min(960px,100%);max-height:calc(100dvh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;margin:auto;padding:22px;overflow:hidden;border-radius:24px;border:1px solid rgba(109,155,238,.18);background:radial-gradient(circle at top left,rgba(65,102,171,.22),transparent 34%),linear-gradient(180deg,#070e1cfa,#050a16fa);box-shadow:0 32px 80px #01050e80}.lobby-modal__header,.lobby-modal__actions,.lobby-modal__content,.lobby-pack-details__section,.lobby-pack-details__cards{display:grid}.lobby-modal__header{grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;position:sticky;top:0;z-index:1;padding-bottom:6px;background:linear-gradient(180deg,#070e1cfa,#070e1ceb 78%,#070e1c00)}.lobby-modal__header h3,.lobby-modal__header p,.lobby-pack-details__section p,.lobby-pack-details__card p{margin:0}.lobby-modal__header p,.lobby-pack-details__section p,.lobby-pack-details__card p{color:var(--text-soft)}.lobby-modal__actions{grid-auto-flow:column;gap:10px;align-content:start}.lobby-modal__content{min-height:0;gap:16px;overflow-y:auto;padding-right:4px}.lobby-pack-details__section{gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(109,155,238,.14);background:#0a1121a3}.lobby-pack-details__cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.lobby-pack-details__cards--compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.lobby-pack-details__card{display:grid;gap:6px;padding:14px;border-radius:16px;border:1px solid rgba(109,155,238,.12);background:#070d19c2}.lobby-pack-details__card span{color:var(--text-soft);font-size:.82rem}.lobby-pack-details__card strong{font-size:1.15rem}.lobby-overrides__actions{display:flex;gap:10px}.lobby-overrides__file{display:none}.lobby-overrides__search{display:grid;gap:8px}.lobby-overrides__results,.lobby-overrides__list{display:grid;gap:10px}.lobby-override-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#0a1121c7;border:1px solid rgba(109,155,238,.16)}.lobby-override-card--active{grid-template-columns:minmax(0,1fr) auto auto auto}.lobby-override-card strong,.lobby-override-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-override-card span,.lobby-overrides__empty{color:var(--text-soft)}.lobby-override-card__ban{border-color:#d25c5c73;background:#5a131357;color:#ffdada}.lobby-override-card__ban--active{border-color:#e45454c2;background:linear-gradient(180deg,#c43434f5,#781313fa);box-shadow:0 12px 24px #4f070747;color:#fff2f2}.lobby-override-card__ban-label{color:#ffb8b8;font-size:.85rem}.seat-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:#0a1121c7;border:1px solid rgba(109,155,238,.16)}.pack-row,.hand-grid{display:flex;gap:16px;overflow-x:auto;padding:6px 4px 12px}.pack-row.pack-row--overlap{gap:0;overflow:visible;width:100%;max-width:100%;min-width:0;justify-content:flex-start}.hand-grid{flex-wrap:wrap;overflow:visible}.card-thumb{--card-scale: 1;width:calc(204px * var(--card-scale));min-width:calc(204px * var(--card-scale));padding:0;border:0;border-radius:16px;background:transparent;display:block;cursor:grab;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.card-thumb:active{cursor:grabbing}.card-thumb img{width:100%;border-radius:14px;display:block;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card-thumb:hover,.card-thumb:focus-visible{transform:translateY(-2px)}.card-thumb--selected{box-shadow:0 0 0 2px #75a0f373}.board-card .card-thumb--selected{box-shadow:0 0 0 3px #75a0f3b8}.card-thumb--foil{filter:drop-shadow(0 0 10px rgba(117,160,243,.28))}.board-zone{min-height:720px;display:grid;grid-template-rows:auto minmax(0,1fr)}@media (max-width: 720px){.lobby-modal{padding:12px}.lobby-modal__dialog{width:100%;max-height:calc(100dvh - 24px);padding:16px}.lobby-modal__header{grid-template-columns:minmax(0,1fr)}.lobby-modal__actions{grid-auto-flow:row;justify-items:stretch}}.board-surface{position:relative;min-height:620px;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;border-radius:20px;border:1px dashed rgba(109,155,238,.32);overflow:visible;min-width:0;background:linear-gradient(0deg,#00000014,#00000014),radial-gradient(circle at top,rgba(58,110,203,.2),transparent 36%),linear-gradient(180deg,#152a52c2,#0a142af0)}.board-surface--draft{grid-template-rows:minmax(0,1fr) auto}.board-surface--deckbuilder{grid-template-rows:minmax(0,1fr);min-height:100%;height:100%}.board-top-grid{display:grid;grid-template-columns:296px minmax(0,1fr);height:100%;min-height:0;min-width:0;position:relative;z-index:1;overflow:visible}.board-surface--deckbuilder .board-top-grid{min-height:620px}.collection-zone{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;border-right:1px solid rgba(109,155,238,.18);background:linear-gradient(180deg,#09101fb3,#080d1994);min-height:0;overflow:hidden}.collection-zone__head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(109,155,238,.12);color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.collection-zone__controls{display:flex;align-items:center;gap:8px}.collection-zone__controls select,.collection-zone__controls input,.collection-zone__controls button{padding:.35rem .55rem;font-size:.72rem}.collection-zone__controls button:disabled{opacity:.45}.collection-zone__controls input{min-width:140px}.collection-zone__controls strong{min-width:2ch;text-align:right}.collection-list{display:grid;align-content:start;gap:8px;padding:12px;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0}.deckbuilding-additions-popover{position:relative}.deckbuilding-additions-trigger{padding:.3rem .5rem;font-size:.68rem;border-color:#6d9bee29;background:#0a1222b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.deckbuilding-additions-trigger:hover{border-color:#81abf847;background:#0e172bd6}.deckbuilding-additions__search input{width:100%}.deckbuilding-additions-dropdown{position:fixed;width:min(280px,calc(100vw - 24px));display:grid;gap:8px;padding:8px;border-radius:14px;border:1px solid rgba(109,155,238,.18);background:#090f1df5;box-shadow:0 18px 36px #00000047;z-index:120;transform:translate(-100%)}.deckbuilding-additions__list{display:grid;gap:8px;max-height:240px;overflow-y:auto}.deckbuilding-additions__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(109,155,238,.16);background:#0e162adb;text-align:left}.deckbuilding-additions__item span{display:grid;gap:2px}.deckbuilding-additions__item small,.deckbuilding-additions__item em{color:var(--text-soft)}.deckbuilding-additions__item em{font-style:normal;font-size:.78rem}.collection-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(109,155,238,.16);background:#0e162adb;color:var(--text-main);text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;min-width:0}.collection-row strong,.collection-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.collection-row strong{font-size:.9rem}.collection-row span{font-size:.78rem;color:var(--text-soft)}.collection-row__mana{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.25px solid rgba(179,182,212,.7);color:var(--text-main);font-size:.72rem;line-height:1}.affinity-icons{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}.affinity-icons__icon{width:14px;height:14px;display:block}.collection-row--selected{box-shadow:0 0 0 2px #75a0f359}.collection-row--staged{border-color:#75a0f380;background:#14213deb}.board-play-area{position:relative;min-height:0;height:100%;overflow:visible}.board-top-left-overlay{position:absolute;top:12px;left:12px;z-index:32}.board-surface--deckbuilder .board-play-area{min-height:620px}.board-play-area--empty{min-height:280px}.board-selection-rect{position:absolute;border:1px solid rgba(117,160,243,.7);background:#75a0f324;box-shadow:inset 0 0 0 1px #abc9ff29;pointer-events:none;z-index:18}.board-selection-summary{position:absolute;z-index:27;pointer-events:none}.board-selection-summary .deckbuilder-type-counts{max-width:260px}.board-card{position:absolute}.board-card__inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center}.board-card--staged{filter:drop-shadow(0 0 18px rgba(117,160,243,.45))}.board-card--confirmed{filter:none}.board-card--search-match{z-index:20;filter:drop-shadow(0 0 20px rgba(117,160,243,.5))}.board-card--search-dim{opacity:.28;filter:grayscale(.9) saturate(.55)}.context-confirm{border-color:#4eb866db;background:linear-gradient(180deg,#5bcc74f5,#287e3dfa);box-shadow:0 0 0 1px #adf5a22e,0 18px 30px #19542757;color:#f4fff0}.context-confirm:hover{border-color:#77e28ffa;box-shadow:0 0 0 1px #bdffb53d,0 22px 34px #1559276b}.context-confirm--undo{border-color:#efb65dd6;background:linear-gradient(180deg,#f2be68f5,#b77323fa);box-shadow:0 0 0 1px #ffe3a333,0 18px 30px #70410b4d;color:#fff7e5}.context-confirm--undo:hover{border-color:#ffce7cfa;box-shadow:0 0 0 1px #ffebb742,0 22px 34px #70410b5c}.context-confirm--board{position:absolute;z-index:24;white-space:nowrap}.context-confirm--inline{padding:.5rem .9rem;font-size:.84rem}.board-card .card-thumb,.hand-grid .card-thumb{width:calc(179px * var(--card-scale));min-width:calc(179px * var(--card-scale))}.drag-overlay-card{pointer-events:none;opacity:.96;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35));position:relative}.drag-overlay-card__inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-origin:center center}.drag-overlay-card .card-thumb{transform:scale(1.02)}.board-play-area__controls{position:fixed;right:20px;bottom:20px;z-index:80;pointer-events:none}.card-size-controls{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:999px;border:1px solid rgba(109,155,238,.2);background:#080e1cc7;box-shadow:0 14px 28px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.card-size-controls button{min-width:34px;padding:.45rem .7rem;line-height:1}.card-size-controls span{min-width:3.5ch;text-align:center;color:var(--text-soft);font-size:.82rem}.card-preview{position:fixed;left:50%;top:64px;width:fit-content;max-width:min(40vw,640px);padding:0;opacity:0;pointer-events:none;transform:translate(-50%) scale(.94);transition:opacity .14s ease,transform .14s ease;z-index:40}.card-preview__media{position:relative;display:grid;place-items:center}.card-preview__stage{width:min(40vw,420px);aspect-ratio:204 / 285;display:grid;place-items:center}.card-preview__stage--site{width:min(52vw,560px)}.card-preview__stage--quarter-turn{width:min(40vw,420px);aspect-ratio:285 / 204}.card-preview__stage--site.card-preview__stage--quarter-turn{width:min(52vw,560px)}.card-preview__card{position:relative;width:100%;aspect-ratio:204 / 285;border-radius:18px;transform-origin:center center;transform:rotate(var(--preview-rotation, 0deg))}.card-preview__card--quarter-turn{width:calc(100% * 204 / 285)}.card-preview--visible{opacity:1;transform:translate(-50%) scale(1)}.card-preview__image{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card-preview>div:not(.card-preview__media){display:none}.error-banner{position:fixed;left:50%;bottom:20px;transform:translate(-50%);padding:.9rem 1.25rem;border-radius:999px;background:#741c16eb;border:1px solid rgba(231,125,104,.55);color:#fff2ef}.error-banner--info{background:#1b3a6ceb;border-color:#80b0ff73;color:#eef5ff}.reconnect-panel{display:grid;gap:14px}.reconnect-panel__message{margin:0;color:var(--text-soft)}.reconnect-panel__actions{display:flex;gap:10px;flex-wrap:wrap}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.app-shell{width:100vw;padding-top:12px}.app-shell--menu{padding:16px 12px 28px}.grid-two,.builder-grid,.main-menu-hero__top,.main-menu-grid{grid-template-columns:1fr}.main-menu-hero{padding:22px 18px}.main-menu-hero__actions{justify-content:flex-start}.board-top-grid{grid-template-columns:1fr}.collection-zone{min-height:220px;border-right:0;border-bottom:1px solid rgba(109,155,238,.18)}.panel--hero{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap}.draft-workspace,.draft-stage,.draft-stage--combined{min-height:0;height:auto}.card-preview{top:64px;width:min(88vw,520px)}}