:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1a1f;--panel:#24242b;--text:#e8e6e0;--muted:#9a978f;--accent:#c9a86a;--c-black:#3a3242;--c-blue:#2c4a6e;--c-white:#6e6a58;--c-red:#6e2c2c;--c-green:#2c5e3a;--c-orange:#7a4a1e;--c-purple:#4a2c6e;--c-hero:#7a6a2e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif}.page{max-width:1400px;margin:0 auto;padding:1rem 1.5rem 4rem}header h1{color:var(--accent);letter-spacing:.04em;margin:.5rem 0 0}.tagline{color:var(--muted);margin:.2rem 0 1rem;font-style:italic}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tabs button{background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border:1px solid #3a3a44;border-radius:6px;padding:.45rem .9rem}.tabs button.active{border-color:var(--accent);color:var(--accent)}.filters{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.filters input,.filters select{background:var(--panel);color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;padding:.4rem .6rem}.count{color:var(--muted);font-size:.9rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;display:grid}.card{border:2px solid var(--edge,#555);background:linear-gradient(160deg, var(--frame,#333) 0%, var(--panel) 30%);border-radius:10px;flex-direction:column;min-height:220px;display:flex;overflow:hidden}.card-black{--frame:var(--c-black);--edge:#6a5a82}.card-blue{--frame:var(--c-blue);--edge:#5a8ac2}.card-white{--frame:var(--c-white);--edge:#c2bda2}.card-red{--frame:var(--c-red);--edge:#c25a5a}.card-green{--frame:var(--c-green);--edge:#5ab27a}.card-orange{--frame:var(--c-orange);--edge:#d28a3e}.card-purple{--frame:var(--c-purple);--edge:#9a6ac2}.card-hero{--frame:var(--c-hero);--edge:var(--accent)}.card-head{align-items:baseline;gap:.5rem;padding:.5rem .6rem .2rem;display:flex}.card-tier{color:var(--muted);min-width:1.2em;font-size:.8rem}.card-name{flex:1;font-weight:700}.card-cost{color:var(--accent);font-size:1.1rem;font-weight:700}.card-typeline{color:var(--muted);border-bottom:1px solid #3a3a44;padding:0 .6rem .4rem;font-size:.8rem}.card-body{flex-direction:column;flex:1;gap:.3rem;padding:.5rem .6rem;font-size:.85rem;display:flex}.card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-right:.2rem;font-size:.7rem;display:inline-block}.card-attr{color:#b8b4a8;font-style:italic}.card-stats{border-top:1px solid #3a3a44;gap:.9rem;min-height:2.1em;padding:.45rem .6rem;font-size:.9rem;display:flex}.prose{max-width:720px;line-height:1.55}.prose h2{color:var(--accent);margin-top:.4rem}.prose h3{color:var(--accent);margin:1.4rem 0 .4rem;font-size:1.05rem}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin-bottom:.35rem}.glossary{margin:.4rem 0}.glossary-entry{border-bottom:1px dotted #33333c;gap:.8rem;padding:.4rem 0;display:flex}.glossary-entry dt{color:var(--accent);flex:0 0 180px;font-weight:700}.glossary-entry dd{flex:1;margin:0}.glossary-note{color:var(--muted);font-size:.9rem}.nyi{color:var(--muted);font-size:.8rem;font-style:italic;font-weight:400}.story-intro{color:#d8d4c8;font-size:1.05rem;font-style:italic}.story-note{color:var(--muted);font-size:.9em;font-style:italic}.story-footnote{color:var(--muted);border-top:1px solid #3a3a44;margin-top:1.6rem;padding-top:.8rem;font-size:.9rem}.setup{background:var(--panel);border:1px solid #3a3a44;border-radius:10px;flex-direction:column;gap:.9rem;max-width:780px;padding:1.2rem 1.5rem 1.5rem;display:flex}.setup h2{color:var(--accent);margin:0}.setup label{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.setup select{background:var(--bg);color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;max-width:320px;padding:.4rem .6rem}button.primary{background:var(--accent);color:#1a1a1f;font:inherit;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.1rem;font-weight:700}.game{align-items:flex-start;gap:1rem;display:flex}.game-main{flex:1;min-width:0}.game-side{flex-direction:column;flex-shrink:0;gap:.8rem;width:250px;display:flex}.stat-block,.log-block{background:var(--panel);border:1px solid #3a3a44;border-radius:8px;padding:.7rem .9rem;font-size:.85rem}.stat-block hr,.log-block hr{border:none;border-top:1px solid #3a3a44}.log-block{max-height:420px;overflow-y:auto}.log-line{color:#c8c4b8;border-bottom:1px dotted #33333c;padding:.15rem 0}.log-round{color:var(--muted);font-size:.75rem}.board-row{margin-bottom:.6rem}.board-row h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:.4rem 0;font-size:.85rem}.casting{color:var(--accent);text-transform:none;letter-spacing:normal}.board-cards{flex-wrap:wrap;gap:.6rem;min-height:40px;display:flex}.board-cards .card{width:210px;min-height:150px;font-size:.8rem}.board-cards .empty{color:var(--muted);font-style:italic}.card.selectable{cursor:pointer}.card.selectable:hover{filter:brightness(1.2)}.card.selected{outline:3px solid var(--accent);outline-offset:1px}.card.dimmed{opacity:.55}.card.stunned{filter:saturate(.3)}.card-hiddenback{--frame:#2a2a33;--edge:#4a4a58;justify-content:center}.card-hidden-body{color:var(--muted);justify-content:center;align-items:center;font-size:2.2rem;display:flex}.card-counters{color:var(--accent)}.stat-buffed{color:#7ac278}.stat-hurt{color:#d26a5a}.instructions{background:var(--panel);border:1px solid var(--accent);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:.8rem 0;padding:.6rem .9rem;display:flex}.instructions .buttons{gap:.5rem;display:flex}.instructions button{background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border:1px solid #3a3a44;border-radius:6px;padding:.4rem .9rem}.instructions button.primary{background:var(--accent);color:#1a1a1f;border-color:var(--accent);font-weight:700}.warnings{color:#d2a05a;width:100%}.rewards{background:linear-gradient(160deg, #2a2418 0%, var(--panel) 40%);border:1px solid var(--accent);border-radius:10px;padding:.6rem .9rem .9rem}.rewards h3{color:var(--accent)}.reward-choice{cursor:pointer}.reward-choice:hover{filter:brightness(1.25)}.reward-choice .card{width:220px}.profile-bar{background:var(--bg);border:1px solid #3a3a44;border-radius:6px;padding:.5rem .8rem;font-size:.95rem}.profile-bar .silver{color:var(--accent);font-weight:700}.town-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.town-tabs button{background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border:1px solid #3a3a44;border-radius:6px;padding:.45rem 1rem}.town-tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:700}.shop{border-top:1px solid #3a3a44;padding-top:.8rem}.shop h3{color:var(--accent);margin:0 0 .6rem}.shop-note{color:var(--muted);font-size:.85rem;font-style:italic;font-weight:400}.shop-item{flex-direction:column;gap:.4rem;width:220px;display:flex}.shop-item .card{width:100%}.shop-item button:disabled{opacity:.45;cursor:default}.job-row{border-bottom:1px dotted #33333c;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.job-row select{background:var(--bg);color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;padding:.3rem .5rem}.job-row button{background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border:1px solid #3a3a44;border-radius:6px;padding:.35rem .8rem}.job-row button.primary{background:var(--accent);color:#1a1a1f;border-color:var(--accent);font-weight:700}.pips{color:var(--accent);letter-spacing:.1em;font-size:.7em}.opportunity-note{color:var(--accent);font-size:.55em;font-style:italic;font-weight:400}.old-price{opacity:.6;margin-left:.3em;font-weight:400}.sale-item{position:relative}.sale-tag{color:#f0e4d8;text-align:center;letter-spacing:.06em;background:#6e2c2c;border-radius:6px 6px 0 0;padding:.2rem;font-size:.8rem;font-weight:700}.deck-editor-head{align-items:center;gap:.8rem;display:flex}.deck-name{background:var(--bg);color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;flex:1;padding:.45rem .7rem;font-weight:700}.deck-ok{color:#7ac278}.deck-short{color:#d2a05a}.deck-editor-panes{align-items:flex-start;gap:1rem;display:flex}.deck-pane{flex:1;min-width:0}.deck-pane h3{color:var(--accent);align-items:center;gap:.6rem;margin:.2rem 0 .5rem;display:flex}.deck-pane h3 input{background:var(--bg);color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;flex:1;padding:.25rem .5rem;font-size:.85rem;font-weight:400}@media (width<=700px){.deck-editor-panes{flex-direction:column}.deck-pane{width:100%}}.best-record{color:var(--muted);margin:0;font-size:.9rem;font-style:italic}.resume-box{background:linear-gradient(160deg, #2a2418 0%, var(--panel) 40%);border:1px solid var(--accent);border-radius:8px;flex-direction:column;gap:.6rem;padding:.8rem 1rem;display:flex}.resume-box .buttons{gap:.6rem;display:flex}.resume-box button{background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border:1px solid #3a3a44;border-radius:6px;padding:.45rem 1rem}.resume-box button.primary{background:var(--accent);color:#1a1a1f;border-color:var(--accent);font-weight:700}.deck-list{flex-direction:column;gap:.6rem;max-width:640px;display:flex}.deck{background:var(--panel);border:1px solid #3a3a44;border-radius:8px;padding:.6rem .9rem}.deck summary{cursor:pointer;font-weight:700}.deck-meta{color:var(--muted);font-size:.85rem;font-weight:400}.deck ul{columns:2;margin:.6rem 0 .2rem;padding-left:1.2rem;font-size:.9rem}@media (width<=860px){.game{flex-direction:column}.game-side{flex-flow:wrap;order:-1;width:100%}.stat-block{flex:180px}.log-block{flex:220px;max-height:160px}}@media (width<=600px){.page{padding:.6rem .6rem 3rem}header h1{font-size:1.5rem}.tabs button{padding:.35rem .6rem;font-size:.85rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.board-cards .card{width:calc(50% - .3rem);min-height:130px;font-size:.75rem}.card-stats{gap:.4rem;font-size:.8rem}.instructions{flex-direction:column;align-items:stretch}.instructions .buttons{flex-wrap:wrap}.instructions button{flex:auto;padding:.55rem .6rem}.setup{padding:.9rem}.setup label{flex-direction:column;align-items:stretch;gap:.25rem}.setup select{max-width:none}.glossary-entry{flex-direction:column;gap:.15rem}.glossary-entry dt{flex:none}.deck ul{columns:1}}
