: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}.build-info{color:var(--muted);text-align:center;border-top:1px solid #3a3a44;margin-top:2rem;padding-top:.8rem;font-size:.8rem}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tabs button,.tabs a{background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border:1px solid #3a3a44;border-radius:6px;padding:.45rem .9rem;text-decoration:none;display:inline-block}.tabs button.active,.tabs a.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-rarity{cursor:help;align-self:center;font-size:.95rem;line-height:1}.rarity-0{color:#565c68}.rarity-basic{color:#565c68;font-size:.8rem}.rarity-1{color:#b9c4d6}.rarity-2{color:#e8c15a;text-shadow:0 0 4px #e8c15a73}.rarity-3{background:linear-gradient(120deg,#f2b8ff 0%,#ffd76a 50%,#8fe3ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.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.blocked{opacity:.4;filter:saturate(.25);cursor:not-allowed}.hand-slot{flex-direction:column;gap:.25rem;display:flex}.hand-why{width:210px;color:var(--muted);font-size:.7rem;font-style:italic}.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%}.warn-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.warn-row button{background:var(--bg);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #3a3a44;border-radius:6px;padding:.2rem .7rem}.warn-row button:hover{border-color:var(--accent);color:var(--accent)}.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}.mode-tabs{border-bottom:1px solid #3a3a44;padding-bottom:.7rem}.mode-tabs button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.mode-blurb{margin:.5rem 0 .2rem}.danger-zone h3{color:#c96a5e}button.danger{color:#c96a5e;border-color:#c96a5e;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}.sharing-panel input{background:var(--bg);color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;width:12ch;padding:.3rem .5rem;font-style:normal}.backup-paste textarea{background:var(--bg);color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;flex:100%;padding:.3rem .5rem;font-size:.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}.deck-editor-head{z-index:5;background:var(--panel);align-items:center;gap:.8rem;margin:-.6rem 0 0;padding:.6rem 0;display:flex;position:sticky;top:0}.deck-name{background:var(--bg);min-width:0;color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;flex:1;padding:.45rem .7rem;font-weight:700}.deck-ok,.deck-short{white-space:nowrap}.deck-ok{color:#7ac278}.deck-short{color:#d2a05a}.library-bar{flex-wrap:wrap;align-items:center;gap:.6rem .8rem;margin:1rem 0 .7rem;display:flex}.library-bar h3{color:var(--accent);overflow-wrap:anywhere;min-width:0;margin:0}.deck-row-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.library-search{background:var(--bg);color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;width:12rem;margin-left:auto;padding:.35rem .6rem;font-size:.9rem}.color-tabs{flex-wrap:wrap;flex-basis:100%;gap:.35rem;display:flex}.color-chip{background:var(--panel);color:var(--text);border:1px solid var(--edge,#3a3a44);font:inherit;cursor:pointer;opacity:.75;border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.color-chip:hover{opacity:1}.color-chip.active{background:linear-gradient(160deg, var(--frame,#3a3a44) 0%, var(--panel) 130%);color:var(--text);opacity:1;box-shadow:inset 0 0 0 1px var(--edge,var(--accent))}.chip-count{color:var(--muted);margin-left:.15em;font-size:.8em}.chip-black{--frame:var(--c-black);--edge:#6a5a82}.chip-blue{--frame:var(--c-blue);--edge:#5a8ac2}.chip-white{--frame:var(--c-white);--edge:#c2bda2}.chip-red{--frame:var(--c-red);--edge:#c25a5a}.chip-green{--frame:var(--c-green);--edge:#5ab27a}.chip-orange{--frame:var(--c-orange);--edge:#d28a3e}.chip-purple{--frame:var(--c-purple);--edge:#9a6ac2}.deck-mix{color:var(--muted);flex-wrap:wrap;gap:.3rem;font-size:.8rem;display:flex}.mix-dot{border-left:3px solid var(--edge,#3a3a44);padding-left:.35rem}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.7rem;display:grid}.pick{flex-direction:column;display:flex}.pick .card{flex:1;min-height:190px;font-size:.8rem}.pick-card{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:0;display:flex}.pick-card:hover:not(:disabled) .card{filter:brightness(1.18);border-color:var(--accent)}.pick-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pick-blocked .card{opacity:.35;filter:saturate(.25)}.pick-card:disabled{cursor:default}.pick-foot{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.3rem .15rem 0;font-size:.75rem;display:flex}.pick-in-deck{color:var(--accent)}.pick-why{font-style:italic}.pick-foot span+span:before{content:"· "}.pick-count button{background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border:1px solid #3a3a44;border-radius:6px;padding:.1rem .6rem;line-height:1.4}.pick-count button:disabled{opacity:.4;cursor:default}.pick-count strong{text-align:center;min-width:1.5em;color:var(--text);font-size:.95rem}.deck-tray{border-top:2px solid #3a3a44;margin-top:1.6rem;padding-top:.4rem}.deck-unplayable{color:#d2a05a;margin:0;font-style:normal}@media (width>=1200px){.deck-editor{max-width:1400px}.deck-editor-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.4rem;display:grid}.deck-pane{overscroll-behavior:contain;min-width:0;max-height:calc(100vh - 14rem);overflow-y:auto}.deck-pane .pick-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.deck-pane .library-bar{z-index:2;background:var(--panel);margin-top:0;padding:.35rem 0;position:sticky;top:0}.deck-tray{border-top:0;border-left:2px solid #3a3a44;margin-top:0;padding:0 0 0 1.4rem}}@media (width<=600px){.pick-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.library-search{width:100%;margin-left:0}}.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}}.tier-link{font:inherit;min-width:1.2em;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ladder-scrim{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ladder-panel{background:var(--panel);border:1px solid #4a4a55;border-radius:12px;max-width:min(1100px,100vw - 2rem);max-height:calc(100vh - 3rem);padding:.9rem 1rem .6rem;overflow:auto}.ladder-panel h4{justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .7rem;display:flex}.ladder-cards{flex-wrap:wrap;align-items:stretch;gap:.9rem;display:flex}.ladder-rung{flex-direction:column;width:240px;display:flex}.ladder-rung .card{flex:1}.ladder-current .card{outline:2px solid var(--accent);outline-offset:2px}.keyword-panel{z-index:60;background:var(--panel);border:1px solid var(--accent);pointer-events:none;border-radius:8px;width:min(340px,100vw - 2rem);max-height:60vh;padding:.7rem .9rem;position:fixed;bottom:1rem;left:1rem;overflow-y:auto;box-shadow:0 8px 28px #0000008c}.keyword-panel h4{color:var(--accent);margin:0 0 .5rem;font-size:.95rem}.keyword-panel dl{flex-direction:column;gap:.45rem;margin:0;display:flex}.keyword-panel dt{font-size:.85rem;font-weight:700}.keyword-panel dd{color:var(--muted);margin:.1rem 0 0;font-size:.82rem;line-height:1.35}.keyword-panel h4 button{float:right;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #3a3a44;border-radius:5px;padding:.15rem .5rem;font-size:.75rem}.keyword-scrim{z-index:60;background:#00000073;position:fixed;inset:0}.keyword-panel.pinned{pointer-events:auto;z-index:61;border-bottom:none;border-left:none;border-right:none;border-radius:12px 12px 0 0;width:auto;max-height:55vh;padding:.9rem 1rem 1.4rem;bottom:0;left:0;right:0}.card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (hover:none){.keyword-panel:not(.pinned){display:none}}.achievement-category{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:.7rem 0 .1rem;font-size:.78rem}.achievement-mark{text-align:center;width:1.1em;color:var(--accent);display:inline-block}.achievement-row.earned strong,.achievement-row.earned .shop-note{opacity:.55}.achievement-toasts{background:linear-gradient(160deg, #2a2418 0%, var(--panel) 40%);border:1px solid var(--accent);border-radius:8px;flex-direction:column;gap:.3rem;margin-bottom:.8rem;padding:.6rem 2.2rem .6rem 1rem;display:flex;position:relative}.achievement-toasts button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.9rem;position:absolute;top:.35rem;right:.4rem}.achievement-toasts button:hover{color:var(--text)}.feedback{max-width:640px}.feedback-field{flex-direction:column;gap:.35rem;margin:1rem 0 0;display:flex}.feedback-field>span{color:var(--accent);font-size:.95rem}.feedback-field>span em{color:var(--muted);font-size:.85rem;font-style:normal}.feedback-field select,.feedback-field input,.feedback-field textarea{background:var(--bg);color:var(--text);font:inherit;border:1px solid #3a3a44;border-radius:6px;width:100%;padding:.5rem .6rem}.feedback-field textarea{resize:vertical;min-height:8rem;line-height:1.5}.feedback-count{color:var(--muted);text-align:right;margin:.3rem 0 0;font-size:.8rem}.feedback-count.low{color:var(--accent)}.feedback-actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1.2rem;display:flex}.feedback-error{color:#e08a7a;font-size:.9rem}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}