:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f6e8c9;--muted:#c5b18d;--panel:#39291e;--edge:#6a4931;--red:#e88f85}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(at 50% -20%,#6b4627 0,#2e201a 55%,#211914 100%);min-height:100vh;margin:0;font-family:Georgia,serif}a{color:#f4c878}.site-header{z-index:10;background:#261a15cc;border-bottom:1px solid #876544;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1.25rem,50vw - 600px);display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;color:var(--ink);font-size:1.5rem;font-weight:700;text-decoration:none}.brand small{color:var(--muted);font-size:.65em}.mana-dots{vertical-align:middle;gap:2px;margin:0 1px;display:inline-flex}.mana-dots i{background:#eee6ca;border-radius:50%;width:5px;height:5px}.mana-dots i:nth-child(2){background:#75afd1}.mana-dots i:nth-child(3){background:#212329}.mana-dots i:nth-child(4){background:#ca6c50}.mana-dots i:nth-child(5){background:#7ca06c}main{max-width:1200px;margin:auto;padding:3rem 1.25rem 5rem}h1{margin:.2rem 0 1rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}h2{margin:0 0 1rem;font-size:1.35rem}p{line-height:1.55}footer{color:var(--muted);text-align:center;border-top:1px solid #6a4931;padding:1.5rem;font-size:.8rem}.eyebrow{color:#e9b76c;text-transform:uppercase;letter-spacing:.2em;font:700 .75rem system-ui}.lede{color:var(--muted);max-width:65ch}.panel{border:1px solid var(--edge);background:linear-gradient(160deg,#432f20ed,#2b211bea);border-radius:16px;padding:1.5rem;box-shadow:0 24px 50px #0004}.grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:1.5rem;margin-top:2rem;display:grid}.field{color:#eedab5;margin-bottom:1rem;font-size:.9rem;display:block}.field span{margin-bottom:.4rem;display:block}input,textarea,select{color:#f8edda;background:#1b1715;border:1px solid #8a6b4b;border-radius:8px;width:100%;padding:.7rem .8rem;font:1rem system-ui}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #e4c483}textarea{resize:vertical;min-height:310px;font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.6}.row{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.btn{color:#211812;cursor:pointer;background:#bd965d;border:1px solid #b99861;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.1rem;font:700 .9rem system-ui;text-decoration:none;display:inline-flex}.btn:hover{background:#dfb579}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{color:var(--ink);background:#3d2d22}.actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.hint{color:var(--muted);font:.8rem/1.5 system-ui}.errors{border-left:3px solid var(--red);color:#ffddd8;background:#5b2827;margin-top:1rem;padding:.7rem 1rem}.errors div{font:.9rem/1.5 ui-monospace,monospace}.share{overflow-wrap:anywhere;background:#21372d;border:1px solid #6b9776;border-radius:8px;margin-top:1.5rem;padding:1rem}.deck-viewer{padding-top:1.5rem}.deck-viewer h1{overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,4vw,3rem)}.deck-subtitle{color:var(--muted);overflow-wrap:anywhere;margin:.3rem 0 1.5rem}.viewer-section{margin:1.3rem 0 2rem}.viewer-section h2{border-bottom:1px solid #684c36;align-items:baseline;gap:.6rem;margin:0 0 .7rem;padding-bottom:.45rem;font-size:1.15rem;display:flex}.viewer-section h2 span{color:var(--muted);font:.8rem system-ui}.deck-scroll{padding:0 0 1rem;overflow:auto visible}.deck-columns{align-items:flex-start;gap:8px;width:max-content;min-width:100%;display:flex}.deck-column{--card-width:clamp(132px,15vw,178px);width:var(--card-width);flex:0 0 var(--card-width)}.column-heading{height:30px;color:var(--muted);justify-content:space-between;align-items:baseline;font:.75rem system-ui;display:flex}.column-count{color:var(--ink);font:700 1rem system-ui}.deck-card{aspect-ratio:63/88;z-index:1;width:100%;position:relative}.deck-card+.deck-card{margin-top:calc(-1 * (var(--card-width) * 88 / 63 - 42px))}.deck-card.is-raised{z-index:30}.deck-card:has(:focus-visible){z-index:50}@media (hover:hover){.deck-card:hover{z-index:40}}.card-art{width:100%;height:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:block;position:relative}.card-art img{object-fit:contain;border-radius:4px;width:100%;height:100%;display:block}.deck-card:hover .card-art img,.deck-card:focus-within .card-art img,.deck-card.is-raised .card-art img{box-shadow:0 14px 32px #000a}.card-placeholder{text-align:center;background:#271f1a;border-radius:4px;place-items:center;width:100%;height:100%;padding:.5rem;display:grid}.card-title{display:none}.card-quantity{color:#fff;background:#101010d9;border-radius:3px;padding:2px 5px;font:700 .75rem system-ui;position:absolute;top:21px;right:5px}.face-toggle{z-index:1;width:28px;height:28px;color:var(--ink);cursor:pointer;background:#211812e8;border:1px solid #eedab5;border-radius:50%;font:1.1rem system-ui;position:absolute;bottom:8px;right:8px}@media (max-width:760px){main{padding-top:2rem}.grid,.row{grid-template-columns:1fr}.site-header{padding:1rem}.brand{font-size:1.2rem}.panel{padding:1rem}.card-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#111e;border-radius:2px;padding:2px 3px;font:700 12px/1.15 system-ui;display:block;position:absolute;top:21px;left:5px;right:5px;overflow:hidden}.card-art:has(.card-quantity) .card-title{right:38px}.deck-card.is-raised .card-title{white-space:normal}.deck-card:has(:focus-visible) .card-title{white-space:normal}}