:root{--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Spectral", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--bg-gradient:linear-gradient(165deg, #16140f, #0d0c0a);--ink:#f6f1e6;--ink-70:#f6f1e6b3;--ink-55:#f6f1e68c;--ink-40:#f6f1e666;--rule:#f6f1e61f;--gold:#d8b26a;--gold-85:#d8b26ad9;--gold-fill:linear-gradient(135deg, #e6c184, #c99a52);--gold-fill-hover:linear-gradient(135deg, #f0d09a, #d9aa62);--gold-ink:#1c1409;--card-placeholder:repeating-linear-gradient(45deg, #211f1b, #211f1b 9px, #282520 9px, #282520 18px);--mana-w:#f8f6d8;--mana-u:#0e68ab;--mana-b:#2e2b28;--mana-r:#d3202a;--mana-g:#00733e}html,body{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--bg-gradient);font-family:var(--font-body);color:var(--ink)}.bg-white,.bg-blue,.bg-black,.bg-red,.bg-green,.bg-azorius,.bg-dimir,.bg-rakdos,.bg-gruul,.bg-selesnya,.bg-orzhov,.bg-izzet,.bg-golgari,.bg-boros,.bg-simic,.bg-bant,.bg-esper,.bg-grixis,.bg-jund,.bg-naya,.bg-abzan,.bg-jeskai,.bg-sultai,.bg-mardu,.bg-temur,.bg-yore-tiller,.bg-glint-eye,.bg-dune-brood,.bg-ink-treader,.bg-witch-maw,.bg-five-color,.bg-colorless{background:var(--bg-gradient)}.App{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.App-header{box-sizing:border-box;grid-template-columns:1fr 470px;align-items:center;gap:80px;width:100%;height:100vh;padding:72px 88px;display:grid;position:relative;overflow:hidden}.landing-left{z-index:1;flex-direction:column;gap:34px;min-width:0;display:flex;position:relative}.landing-eyebrow{align-items:center;gap:14px;display:flex}.landing-eyebrow-rule{background:var(--gold);width:44px;height:1px}.landing-eyebrow-label{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-85);font-size:12px}.App-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);text-align:left;margin:0;font-size:104px;font-weight:500;line-height:.92}.landing-lede{max-width:520px;font-family:var(--font-body);color:var(--ink-70);margin:0;font-size:22px;font-weight:300;line-height:1.55}.landing-right{z-index:1;flex-direction:column;gap:20px;min-width:0;display:flex;position:relative}.landing-card-art{aspect-ratio:5/7;object-fit:cover;border-radius:14px;width:100%;box-shadow:0 40px 80px #0009}.landing-card-placeholder{aspect-ratio:5/7;background:var(--card-placeholder);color:#7d766b;width:100%;font-family:var(--font-mono);border-radius:14px;justify-content:center;align-items:center;font-size:12px;display:flex}.landing-identity-row{align-items:center;gap:8px;display:flex}.landing-identity-pip{border-radius:50%;flex-shrink:0;width:12px;height:12px}.landing-identity-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-55);margin-left:10px;font-size:11px}.display-none{display:none}.search-bar-container{flex-direction:column;width:100%;max-width:600px;margin-top:12px;display:flex;position:relative}.search-bar-anchor{width:100%;position:relative}.search-bar-row{border-bottom:1px solid #f6f1e652;align-items:center;gap:18px;padding:0 4px 14px;display:flex}.search-bar-dice-button{color:#f6f1e68c;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:color .2s;display:flex}.search-bar-dice-button svg{width:24px;height:24px}.search-bar-dice-button:hover{color:var(--gold)}.search-bar-input{min-width:0;color:var(--ink);font-family:var(--font-display);background:0 0;border:none;outline:none;flex:1;font-size:34px;font-weight:400}.search-bar-input::placeholder{color:#f6f1e666}.search-bar-enter-button{color:#e8cd94;height:46px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#d8b26a1f;border:1px solid #d8b26a99;border-radius:2px;flex-shrink:0;align-items:center;padding:0 22px;font-size:12px;transition:background .2s,color .2s;display:flex}.search-bar-enter-button:hover:not(:disabled){color:#f6ecd2;background:#d8b26a3d}.search-bar-enter-button:disabled{color:#f6f1e659;cursor:not-allowed;background:0 0;border-color:#f6f1e62e}.search-bar-spinner{border:3px solid #f6f1e633;border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite search-bar-spin}@keyframes search-bar-spin{to{transform:rotate(360deg)}}.search-bar-dropdown{z-index:50;background-color:#0c0b09f0;border:1px solid #f6f1e624;border-radius:4px;max-height:360px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 26px 60px #0000008c}.search-bar-suggestion{color:#f6f1e6e6;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f6f1e612;border-left:2px solid #0000;border-radius:0;padding:13px 18px;font-size:17px}.search-bar-suggestion:last-child{border-bottom:none}.search-bar-suggestion:hover,.search-bar-suggestion.is-highlighted{color:var(--ink);border-left-color:var(--gold);background:#d8b26a24}.Transition-Container{z-index:999;background:linear-gradient(165deg,#16140f,#0d0c0a);justify-content:center;align-items:center;width:100%;height:100%;transition:left .5s ease-in-out;display:flex;position:absolute;left:100vw}.swipe-left{left:100vw}.swipe-center{left:0}.swipe-right{left:-100vw}.transition-loading{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.transition-spinner{background:conic-gradient(#f9faf4 0%,#0e68ab 20%,#2b2b2b 40%,#d3202a 60%,#00733e 80%,#f9faf4 100%);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite transition-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0)}@keyframes transition-spin{to{transform:rotate(360deg)}}.transition-loading-text{color:#f6f1e6b3;letter-spacing:.03em;opacity:0;font-family:Spectral,Georgia,serif;font-size:19px;font-weight:300;transition:opacity .5s ease-in-out}.transition-loading-text.is-visible{opacity:1}.identity-aura-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.aura{pointer-events:none;will-change:transform;position:absolute}@keyframes aura-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-3%,2%)scale(1.12)}}@keyframes aura-drift2{0%,to{transform:translate(0,0)scale(1.05)}50%{transform:translate(4%,-3%)scale(1)}}@media (prefers-reduced-motion:reduce){.aura{animation:none!important}}.deckbuilder-wrapper{flex-direction:column;width:100%;height:100%;display:none;position:relative;overflow:hidden}.deckbuilder-header{z-index:1;border-bottom:1px solid var(--rule);flex:none;justify-content:space-between;align-items:center;padding:26px 48px;display:flex;position:relative}.step-rail{align-items:center;gap:0;display:flex}.step-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:0 12px;font-size:11px}.step-label-current{color:var(--gold-85)}.step-label-completed{color:var(--ink-70)}.step-label-future{color:var(--ink-40)}.step-rail-compact{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-85);font-size:11px;display:none}@media (width<=1400px){.step-rail{display:none}.step-rail-compact{display:block}}.export-status{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-85);font-size:11px}.export-count{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-40);font-size:11px}.back-button{color:#f6f1e699;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex:none;align-items:center;gap:10px;font-size:11px;transition:color .2s;display:flex}.back-button:hover{color:var(--gold)}.back-button svg{flex-shrink:0;width:16px;height:16px}.next-button{color:#e8cd94;height:42px;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#d8b26a1f;border:1px solid #d8b26a99;border-radius:2px;flex:none;align-items:center;gap:10px;padding:0 20px;font-size:11px;transition:background .2s;display:flex}.next-button:hover{background:#d8b26a3d}.next-button svg{flex-shrink:0;width:16px;height:16px}.deckbuilder-body{z-index:1;flex:auto;min-height:0;position:relative}.carousel{flex-direction:row;align-items:center;gap:1rem;width:100%;display:flex;overflow-x:auto}.carousel-item{flex:none}.card-art-container{z-index:1;box-sizing:border-box;background:linear-gradient(160deg,#ffd67a59,#ffffff0a 60%);border-radius:22px;justify-content:center;width:auto;padding:.6rem;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff14}.card-art-container img{border-radius:16px;width:100%;max-width:280px;transition:transform .25s;box-shadow:0 12px 32px #00000073}.card-art-container:hover img{transform:translateY(-4px)}.three-category-container{box-sizing:border-box;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;padding:2rem 1.25rem;display:none;overflow-y:auto}.display-flex{display:flex!important}.section-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#fffc;text-align:center;text-shadow:0 2px 8px #00000080;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;display:block}.commander-section{background-color:#05050542;border-radius:16px;flex-direction:column;align-items:center;width:auto;padding:2rem;display:flex}.commander-section .card-art-container img{max-width:340px;box-shadow:0 18px 40px #0000008c}.commander-name{letter-spacing:.01em;color:#f5f5f5;text-align:center;text-shadow:0 2px 8px #00000080;align-items:center;margin:.9rem 0 0;font-size:2rem;font-weight:600}.tags-section{flex-direction:column;align-items:center;width:100%;max-width:50vw;height:auto;display:flex}.tags-panel{flex-wrap:no-wrap;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#00000036;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;place-content:center;gap:.55rem;width:100%;padding:1rem;display:flex}.tag{color:#f5f5f5e6;letter-spacing:.02em;white-space:normal;text-shadow:0 2px 8px #00000080;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:.4rem .95rem;font-size:1rem;font-weight:500;display:flex}.tag:last-child{margin-bottom:0}.tag-primary{color:#241a0a;text-shadow:none;background:linear-gradient(135deg,#ffd67a,#ff9f5a);border-color:#0000;align-self:center;margin:0;padding:.5rem 1.6rem;font-size:1.15rem;font-weight:700;box-shadow:0 6px 16px #ff9f5a59}.tag-primary:hover{background:linear-gradient(135deg,#ffdf94,#ffad70);transform:translateY(-1px)}.tags-status{color:#ffffff8c;font-size:.85rem;font-style:italic}.tags-status-error{color:#ff8a8a}.eight-category-container{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.eight-category-body{box-sizing:border-box;grid-template-columns:330px 1fr;gap:48px;width:100%;height:100%;min-height:0;padding:36px 48px 40px;display:grid}.eight-category-commander{flex-direction:column;gap:22px;min-height:0;display:flex}.eight-category-commander .card-art-container{width:100%;box-shadow:none;background:0 0;border-radius:0;padding:0}.eight-category-commander .card-art-container img{aspect-ratio:5/7;object-fit:cover;border-radius:12px;width:100%;max-width:none;box-shadow:0 24px 56px #0000008c}.eight-category-commander .commander-name{font-family:var(--font-display);color:var(--ink);margin:0;font-size:28px;line-height:1.15}.eight-category-identity-row{gap:7px;margin-top:-10px;display:flex}.eight-category-identity-pip{border-radius:50%;flex-shrink:0;width:10px;height:10px}.eight-category-themes{border-top:1px solid var(--rule);flex-direction:column;display:flex}.eight-category-theme-row{border-bottom:1px solid #f6f1e61a;justify-content:space-between;align-items:center;padding:13px 2px;display:flex}.eight-category-theme-name{font-family:var(--font-body);color:#f6f1e6d9;font-size:17px}.eight-category-theme-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--gold-85);font-size:10px}.eight-category-recommendations{flex-direction:column;gap:20px;min-height:0;display:flex}.eight-category-title-row{border-bottom:1px solid #f6f1e629;flex:none;justify-content:space-between;align-items:flex-end;padding-bottom:14px;display:flex}.eight-category-title-group{align-items:baseline;gap:18px;display:flex}.eight-category-pass{font-family:var(--font-mono);letter-spacing:.2em;color:var(--gold-85);font-size:11px}.eight-category-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:52px;font-weight:500}.eight-category-chosen-count{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-55);white-space:nowrap;font-size:12px}.eight-category-grid{grid-template-columns:repeat(4,1fr);align-content:start;gap:20px;min-height:0;display:grid;overflow-y:auto}.hidden{display:none!important}.card-wrapper-container{z-index:1;cursor:pointer;flex-direction:column;align-self:start;gap:9px;width:100%;display:flex;position:relative}.card-wrapper-art{aspect-ratio:5/7;background:var(--card-placeholder);border:1px solid #f6f1e61a;border-radius:10px;width:100%;transition:transform .25s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.card-wrapper-container:hover .card-wrapper-art{transform:translateY(-4px)}.card-wrapper-art img{object-fit:cover;width:100%;height:100%;display:block}.card-wrapper-rank{font-family:var(--font-mono);color:var(--ink-55);font-size:11px;position:absolute;top:9px;left:11px}.card-wrapper-in{font-family:var(--font-mono);color:var(--gold-85);font-size:11px;position:absolute;top:8px;right:10px}.card-wrapper-name{font-family:var(--font-body);color:#f6f1e6e6;font-size:16px;line-height:1.25}@keyframes card-jiggle{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-6px)rotate(-3deg)}40%{transform:translate(5px)rotate(3deg)}60%{transform:translate(-4px)rotate(-2deg)}80%{transform:translate(3px)rotate(2deg)}}.card-wrapper-container.shake .card-wrapper-art{animation:.4s ease-in-out card-jiggle;box-shadow:0 0 0 1px #d3202acc,0 18px 40px #00000080}.selected-card .card-wrapper-art{border:1px solid #d8b26ad9}.export-page-container{box-sizing:border-box;width:100%;height:100%;display:flex;overflow:hidden}.export-page-body{box-sizing:border-box;grid-template-columns:1fr 620px;gap:64px;width:100%;height:100%;min-height:0;padding:48px 48px 56px;display:grid}.export-page-left{flex-direction:column;gap:28px;min-height:0;display:flex;overflow-y:auto}.export-page-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:76px;font-weight:500;line-height:.95}.export-page-lede{max-width:420px;font-family:var(--font-body);color:#f6f1e6a6;margin:0;font-size:19px;font-weight:300;line-height:1.6}.export-page-summary{border-top:1px solid var(--rule);flex-direction:column;max-width:440px;display:flex}.export-page-summary-row{border-bottom:1px solid #f6f1e617;justify-content:space-between;padding:11px 2px;display:flex}.export-page-summary-label{font-family:var(--font-body);color:#f6f1e6cc;font-size:16px}.export-page-summary-value{font-family:var(--font-mono);color:var(--gold-85);font-size:13px}.export-page-actions{gap:14px;margin-top:6px;display:flex}.export-page-button{background:var(--gold-fill);height:52px;color:var(--gold-ink);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:0 30px;font-size:12px;transition:background .2s;box-shadow:0 14px 30px #c99a5247}.export-page-button:hover{background:var(--gold-fill-hover)}.export-page-button-copied{color:#12190c;box-shadow:none;background:linear-gradient(135deg,#a9c48f,#6f9455)}.export-page-download-button{color:#f6f1e6cc;height:52px;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f6f1e647;border-radius:2px;padding:0 30px;font-size:12px;transition:border-color .2s}.export-page-download-button:hover{border-color:#f6f1e699}.export-page-status{min-height:1.2rem;font-family:var(--font-mono);font-size:11px}.export-page-status-error{color:#d98d8d}.export-page-right{border-left:1px solid var(--rule);flex-direction:column;min-height:0;padding-left:44px;display:flex}.export-page-preview-header{flex:none;justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.export-page-preview-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-55);font-size:11px}.export-page-preview-count{font-family:var(--font-mono);color:#f6f1e659;font-size:11px}.export-page-decklist-preview{resize:none;color:#f6f1e6b8;width:100%;min-height:0;font-family:var(--font-mono);white-space:pre;background:0 0;border:none;border-radius:0;flex:auto;padding:0;font-size:13px;line-height:1.85}.export-page-decklist-preview:focus{outline-offset:2px;outline:1px solid #d8b26a80}