@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c1115;--panel:#131c23;--line:#2b3942;--muted:#a0b0bb;--text:#edf3f4;--blue:#71dfd2;--red:#fb827b;--gold:#eed7a1;font-family:'DM Sans',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#1b2832;border:1px solid #3a4b58;border-radius:5px;padding:10px 16px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#30414e}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.condensed{font-family:'Barlow Condensed','Arial Narrow',sans-serif}h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:.95;letter-spacing:.02em}h2{font-size:2rem}h3{font-size:1.4rem}p{line-height:1.6}.muted{color:var(--muted)}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;color:var(--text);display:flex;gap:16px;align-items:center;font-weight:700;letter-spacing:.06em}.brandmark{font-family:'Barlow Condensed',sans-serif;font-size:2.3rem;border:1px solid #446068;padding:3px 8px;color:var(--blue)}.brandmark span{color:var(--red)}.brand i{color:var(--muted);font-style:normal}.brand small{display:block;font-size:.65rem;letter-spacing:.2em;color:var(--muted);margin-top:6px}nav{display:flex;gap:10px}.nav{border:0;background:transparent;color:var(--muted);font-size:.9rem;padding:14px}.nav.active{color:var(--blue);box-shadow:0 2px var(--blue);border-radius:0}.nav span{font-size:.75rem;background:#28353d;padding:3px 6px;margin-left:5px}.edition,.eyebrow{font-size:.75rem;letter-spacing:.18em;color:var(--muted);font-weight:600}.eyebrow{margin-bottom:15px}.start{max-width:1200px;margin:0 auto;padding:44px 28px}.start-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.start-top p{max-width:400px;margin-bottom:4px;color:var(--muted)}.factions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.faction{border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden;border-radius:8px}.faction .banner{height:210px;background:#172932;background-size:cover;background-position:center 40%;position:relative}.faction .banner:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#131c23)}.faction.red .banner{background-color:#321e23}.faction-body{padding:0 28px 28px;position:relative;margin-top:-35px}.faction h2{font-size:2.5rem;margin-bottom:8px}.faction.blue h2{color:var(--blue)}.faction.red h2{color:var(--red)}.faction p{color:var(--muted);min-height:52px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tag{border:1px solid var(--line);padding:5px 8px;font-size:.75rem;color:var(--muted);border-radius:3px}.primary{background:var(--blue);color:#0b1c20;font-weight:700;border-color:var(--blue)}.primary:hover:not(:disabled){background:#a3f3e6}.red .primary{background:var(--red);border-color:var(--red)}.start-foot{display:flex;justify-content:space-between;gap:24px;margin-top:28px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:.875rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100vh - 96px)}.table{padding:20px 24px;min-width:0;background:radial-gradient(ellipse at 50% 38%,#162831 0%,#0c141a 65%)}.sidebar{border-left:1px solid var(--line);background:#10191f;padding:22px 18px;max-height:calc(100vh - 96px);overflow:auto}.match-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.match-top h2{font-size:1.6rem;margin:0}.match-top .eyebrow{margin:0}.player-bar{display:flex;align-items:center;gap:16px;background:#111c24;border:1px solid var(--line);border-left:3px solid var(--red);padding:10px 16px;border-radius:4px}.player-bar.you{border-left-color:var(--blue)}.avatar{width:40px;height:40px;display:grid;place-items:center;font-size:1.5rem;font-family:'Barlow Condensed';background:#273740;color:var(--blue)}.hp{font:700 2.2rem 'Barlow Condensed';color:var(--red);min-width:40px}.you .hp{color:var(--blue)}.player-info{flex:1}.player-info strong{display:block;font-size:.9rem}.player-info small{font-size:.75rem;color:var(--muted)}.counter{text-align:right;font-size:.8rem;color:var(--muted)}.counter b{color:var(--text)}.zone-head{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:12px 0 8px}.board-row{display:flex;gap:10px;min-height:144px;overflow-x:auto;padding:4px 3px 10px}.empty-zone{display:flex;align-items:center;justify-content:center;flex:1;border:1px dashed #2c3c46;border-radius:5px;color:#83939e;font-size:.875rem;min-height:124px}.resources{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:8px 0;font-size:.8rem;color:var(--muted)}.resource{width:24px;height:28px;display:grid;place-items:center;border:1px solid #47746f;color:var(--blue);border-radius:3px;background:#173732}.resource.used{background:#192127;color:#5b7079;border-color:#2d3e47;transform:rotate(8deg)}.phase-bar{display:flex;justify-content:center;gap:4px;align-items:center;border-block:1px solid var(--line);margin:14px 0;padding:10px 0;flex-wrap:wrap}.phase{padding:6px 10px;color:var(--muted);font-size:.75rem;border-radius:3px}.phase.current{background:#24443f;color:var(--blue)}.action-bar{display:flex;align-items:center;gap:14px;margin:14px 0;min-height:48px}.action-bar .hint{flex:1;color:var(--muted);font-size:.875rem;line-height:1.5}.hand{display:flex;gap:9px;overflow-x:auto;align-items:flex-start;padding:8px 3px 16px}.card{--accent:var(--blue);width:154px;flex:0 0 154px;background:#16262c;border:1px solid #456368;border-radius:7px;padding:5px;text-align:left;position:relative;box-shadow:0 5px 12px #0005;color:var(--text);white-space:normal}.card.red{--accent:var(--red);background:#302225;border-color:#745350}.card:hover:not(:disabled){transform:translateY(-4px);background:#223b40}.card.red:hover:not(:disabled){background:#443034}.card.selected{outline:2px solid var(--gold);outline-offset:1px}.card.tapped{opacity:.63;transform:rotate(4deg)}.card.playable{border-color:var(--accent);box-shadow:0 0 8px #70dfd229}.card-top{display:flex;justify-content:space-between;align-items:center;gap:4px;min-height:33px;padding:2px 3px}.card-title{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:1rem;line-height:1.1}.cost{border:1px solid #c9d3cd;border-radius:50%;height:23px;width:23px;min-width:23px;display:grid;place-items:center;font-weight:700;font-size:.8rem;background:#ced6cc;color:#192126}.art{height:86px;background:#202e35;background-size:cover;background-position:center;border:1px solid #ffffff15;border-radius:2px}.card-type{font-size:.68rem;color:var(--accent);margin:5px 3px;border-bottom:1px solid #ffffff1a;padding-bottom:4px}.card-text{font-size:.75rem;line-height:1.35;min-height:52px;padding:2px 3px}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;color:var(--muted);padding:3px}.stats{font-weight:700;color:var(--text);font-size:.9rem;border:1px solid #ffffff33;padding:1px 5px;border-radius:3px}.board-row .card{width:124px;flex-basis:124px}.board-row .art{height:55px}.board-row .card-text{display:none}.board-row .card-top{min-height:30px}.card-status{font-size:.65rem;color:var(--gold);padding:1px 3px}.inspect .card{width:100%;max-width:264px;cursor:default;transform:none!important}.inspect .art{height:144px}.inspect .card-title{font-size:1.3rem}.inspect .card-text{font-size:.875rem;min-height:62px}.inspect .card-type{font-size:.75rem}.lesson{border-left:2px solid var(--blue);padding-left:12px;margin:20px 0}.lesson p{font-size:.875rem;color:#c0ced5;line-height:1.65}.lesson .eyebrow{color:var(--blue);margin-bottom:8px}.log{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.log ol{padding:0;list-style:none;margin:0;max-height:230px;overflow:auto}.log li{font-size:.75rem;line-height:1.55;padding:7px 0;border-bottom:1px solid #22313b;color:var(--muted)}.stack-item{border:1px solid #726447;background:#322d24;padding:10px;margin-bottom:8px;font-size:.875rem}.stack-item strong{display:block;color:var(--gold)}.library,.guide{max-width:1260px;margin:auto;padding:36px 28px}.library-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}input,select{background:#14232b;border:1px solid #3a4d58;padding:11px 14px;color:var(--text);border-radius:4px}input{flex:1;min-width:180px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}.grid .card{width:100%}.grid .art{height:116px}.guide{max-width:940px}.guide section{padding:22px 0;border-top:1px solid var(--line)}.guide p,.guide li{color:#b9c7d0;line-height:1.8}.guide li{margin-bottom:8px}.guide strong{color:var(--text)}.guide table{border-collapse:collapse;width:100%;font-size:.9rem}.guide td{border-bottom:1px solid var(--line);padding:10px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.small{font-size:.8rem;padding:7px 10px}.text-button{background:transparent;border:0;color:var(--blue);padding:5px 0;font-size:.875rem}.notice{background:#1b3036;border:1px solid #37545d;border-radius:5px;padding:16px;margin-bottom:18px;line-height:1.6;font-size:.875rem}.notice strong{color:var(--blue)}dialog{width:min(600px,calc(100% - 32px));max-height:90vh;overflow:auto;background:#131f27;color:var(--text);border:1px solid #4b616c;border-radius:10px;padding:32px}dialog::backdrop{background:#050b10ce;backdrop-filter:blur(5px)}.close{position:absolute;right:10px;top:8px;font-size:1.5rem;border:0;background:none;padding:3px 9px}.modal-card{display:grid;grid-template-columns:200px 1fr;gap:22px;margin-top:15px}.modal-card .card{width:200px}.modal-card .art{height:130px}.modal-card .card-text{font-size:.875rem}.modal-card p{font-size:.9rem}.targets{display:grid;gap:10px}.result{text-align:center;padding:20px 0}.result h2{font-size:3rem;color:var(--blue)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#e7e9d5;color:#18262b;padding:12px 20px;border-radius:5px;max-width:90%;box-shadow:0 4px 20px #0007;display:none;z-index:5}.footer-note{font-size:.75rem;color:var(--muted);margin-top:28px}.board-label{font-size:.7rem;color:var(--gold)}.tutorial-step{display:flex;align-items:start;gap:12px}.tutorial-step strong{white-space:nowrap}.tutorial-step p{margin:0}.opening-hand{display:flex;overflow:auto;gap:10px;padding:8px 2px 20px}.opening-hand .card{flex-basis:135px;width:135px}.pill{font-size:.75rem;border:1px solid var(--line);border-radius:20px;padding:5px 10px;color:var(--muted)}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.table{padding-inline:40px}.board-row{min-height:170px}.board-row .art{height:72px}.board-row .card{width:140px;flex-basis:140px}.card{width:170px;flex-basis:170px}.art{height:100px}}@media(max-width:1000px){header{padding:0 18px}.edition{display:none}.workspace{grid-template-columns:minmax(0,1fr) 260px}.table{padding:16px}.sidebar{padding:18px 12px}.brand small{display:none}.brand{font-size:.85rem}.nav{padding:10px}.start-top{align-items:start;gap:20px}}@media(max-width:760px){header{height:auto;min-height:100px;flex-wrap:wrap;padding:14px 16px;gap:10px}.brand{flex:1}.brandmark{font-size:1.8rem}nav{width:100%;justify-content:space-between}.nav{font-size:.875rem}.workspace{display:block}.sidebar{max-height:none;border-left:0;border-top:1px solid var(--line)}.sidebar .inspect{display:none}.sidebar .lesson{display:none}.start{padding:30px 18px}.start-top{display:block}.start-top p{max-width:none}.factions{grid-template-columns:1fr}.faction .banner{height:160px}.start-foot{flex-direction:column;font-size:.875rem}.table{padding:14px 12px}.board-row{min-height:134px}.player-bar{gap:9px;padding:8px}.counter{font-size:.75rem}.action-bar{flex-wrap:wrap}.action-bar .hint{flex-basis:100%}.card{width:145px;flex-basis:145px}.library,.guide{padding:26px 16px}.library-head{align-items:start}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-card{grid-template-columns:1fr}.modal-card .card{margin:auto;width:220px}.phase{padding:5px 7px;font-size:.7rem}.board-row .card{width:114px;flex-basis:114px}.board-row .card-title{font-size:.9rem}.board-row .art{height:48px}.match-top{gap:10px}.match-top .eyebrow{font-size:.65rem}.hp{font-size:1.9rem}.resources{margin:5px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.card-type,.card-bottom,.card-status,.board-label,.brand small{font-size:.75rem}.card-text{font-size:.8125rem}.card-top{min-height:38px}.board-row .card-top{min-height:38px}.card-status{line-height:1.4}.library .card-text{min-height:68px}
/* Motion is rendered above scrolling lanes so cards can cross the whole board. */
.motion-ghost{position:fixed!important;z-index:40;pointer-events:none!important;transform-style:preserve-3d;transform-origin:center;will-change:transform,opacity;overflow:visible}.motion-ghost .art{height:32%}.motion-ghost .card-text{display:none}.entry-card> :not(.card-back){backface-visibility:hidden}.card-back{position:absolute;inset:-1px;display:grid;place-items:center;border:2px solid var(--accent,#71dfd2);border-radius:7px;background:repeating-linear-gradient(135deg,#192d35 0 12px,#213d43 12px 13px);color:var(--accent,#71dfd2);font:bold 1.6rem 'Barlow Condensed',sans-serif;letter-spacing:.12em;transform:rotateY(180deg);backface-visibility:hidden}.block-arrows{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:12;overflow:hidden}.block-arrows>path{fill:none;stroke:#eed7a1;stroke-width:2.5;filter:drop-shadow(0 1px 3px #000);opacity:.95}.impact-ring{position:fixed;width:65px;height:65px;border:4px solid #fff0bc;border-radius:50%;box-shadow:0 0 25px #ffb35c,inset 0 0 18px #ffb35c;pointer-events:none;z-index:45}.dissolve-particle{position:fixed;width:7px;height:7px;background:#eed7a1;box-shadow:0 0 9px #fb827b;pointer-events:none;z-index:45}.animating #app,.animating header{pointer-events:none}.animating #advance{opacity:.5}.board-row,.hand,.opening-hand{perspective:1000px}@media(prefers-reduced-motion:reduce){.motion-ghost,.impact-ring,.dissolve-particle{display:none}}
/* Combat roles remain readable even on tapped cards and during attack travel. */
.card.attack-selected{--combat-glow:#fb827b}
.card.block-selected{--combat-glow:#71dfd2}
.card.attack-selected,.card.block-selected{opacity:1;border-color:var(--combat-glow);outline:2px solid var(--combat-glow);outline-offset:1px;box-shadow:0 0 9px var(--combat-glow),0 0 22px color-mix(in srgb,var(--combat-glow) 55%,transparent),inset 0 0 10px color-mix(in srgb,var(--combat-glow) 20%,transparent)}
.board-row{padding-top:12px;padding-bottom:18px}
/* Daylight arena: cool tabletop, bright card stock, restrained faction accents. */
:root{color-scheme:light;--bg:#eaf0f5;--panel:#f7fafc;--line:#becdd8;--muted:#526777;--text:#182b3a;--blue:#087f8c;--red:#c94350;--gold:#995806}
body{background:var(--bg);color:var(--text)}header{height:78px;background:#f7fafceF;box-shadow:0 2px 16px #19394b0a;border-color:#cbd7e0}.brandmark{background:#fff;border-color:#b3cbd3}.brand small{font-size:.75rem}.nav.active{color:var(--blue)}.nav span{background:#e1eaf0;color:#405c6c}
button{background:#f8fbfd;border-color:#afc2d0;color:var(--text)}button:hover:not(:disabled){background:#e6f0f4}button:disabled{opacity:.55}.primary,.red .primary{background:var(--blue);color:white;border-color:var(--blue)}.red .primary{background:var(--red);border-color:var(--red)}.primary:hover:not(:disabled){background:#066774;color:#fff}.red .primary:hover:not(:disabled){background:#a9323e}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-color:#995806}
.workspace{display:block;min-height:calc(100vh - 78px)}.workspace.inspector-open{display:grid;grid-template-columns:minmax(0,1fr) 300px}.table{padding:20px clamp(16px,4vw,64px) 0;background:radial-gradient(ellipse at 50% 35%,#f6fafc 0%,#dce5ec 65%,#cfdee7 100%);min-width:0}.match-top{margin-bottom:14px}.match-top h2{font-size:1.6rem}.eyebrow{color:#536a7b}.match-top .toolbar{justify-content:flex-end}.sidebar{background:#f7fafc;max-height:none;padding:24px 18px;border-color:#bccdd9}.sidebar[hidden]{display:none}.sidebar .inspect{position:relative}.sidebar .inspect .card{max-width:264px}.sidebar .lesson{display:block}.sidebar .lesson p{color:#405767}.sidebar .log li{color:#526777;border-color:#d4dfe6}.sidebar .log{border-color:#c8d6df}
.player-end{max-width:980px;margin:0 auto}.player-bar{background:#f7fafce8;border:1px solid #b9cbd7;border-radius:12px;padding:10px 16px;box-shadow:0 4px 14px #2943550b;gap:16px}.player-bar.has-priority{border-color:#b76a08;box-shadow:0 0 0 2px #b76a0818}.avatar{background:#e3edf2;border:1px solid #c5d6df;border-radius:9px;width:44px;height:44px}.player-info strong{font-size:.95rem}.player-info small{font-size:.8125rem}.hp{font-size:2.4rem;text-align:center}.hp small{display:block;font:600 .65rem 'DM Sans',sans-serif;letter-spacing:.09em;color:var(--muted)}.card-piles{display:flex;gap:12px;padding:3px 3px 3px 12px;border-left:1px solid #c8d6df}.pile{width:62px;min-height:66px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #a4bac9;border-radius:5px;box-shadow:2px 2px 0 #e4edf3,3px 3px 0 #a4bac9;gap:1px;padding:5px}.pile b{font-size:1.25rem}.pile span{font-size:.75rem}.deck-pile{background:repeating-linear-gradient(135deg,#d5e4ec 0 7px,#e0ebf1 7px 8px)}.discard-pile{background:#f8fafb;border-style:dashed}.resources{padding:2px 12px;font-size:.875rem;min-height:33px}.resource{background:#e4f2f1;border-color:#84b8ba;color:#087783}.resource.used{background:#d7e0e6;color:#617583;border-color:#a7bbc7}
.zone-head{font-size:.75rem;letter-spacing:.06em;margin:8px 0 2px}.board-row{justify-content:center;min-height:205px;padding:16px 14px 22px;gap:18px}.board-row .card{width:150px;flex-basis:150px}.board-row .art{height:90px}.board-row .card-title{font-size:1.05rem}.board-row .card-top{min-height:36px}.empty-zone{min-height:155px;background:#f7fafc35;border-color:#adbfcd;color:#627887;border-radius:12px;max-width:1000px}.combat-divider{display:flex;align-items:center;gap:20px;margin:0 0 6px;color:#6c8494;font-size:.7rem;letter-spacing:.2em}.combat-divider:before,.combat-divider:after{content:'';height:1px;background:linear-gradient(90deg,transparent,#9cb3c3,transparent);flex:1}
.card{--accent:var(--blue);background:#f7fafc;border:1px solid #9dbec7;box-shadow:0 5px 12px #17354425;color:var(--text);padding:6px;border-radius:8px}.card.red{--accent:var(--red);background:#fff8f8;border-color:#d1a9ae}.card:hover:not(:disabled){background:#fff;box-shadow:0 9px 22px #17354435}.card.red:hover:not(:disabled){background:#fff}.card-top{padding:3px 2px}.card-title{font-size:1.1rem}.cost{background:#fff;border-color:#a7bac6;color:#203d4b}.art{height:115px;border-color:#afc3cc;border-radius:4px}.card-type{color:var(--accent);border-color:#cad7df;font-size:.75rem}.card-text{font-size:.875rem;color:#304958}.card-bottom{font-size:.75rem;color:#617480}.stats{background:#fff;border-color:#b2c3ce;color:#182b3a;font-size:1rem}.card-status{color:#80500c;font-size:.75rem}.card.tapped{opacity:.8}.card.playable{border-color:#087f8c;box-shadow:0 0 0 1px #087f8c,0 4px 12px #17354420}.card.selected{outline-color:#995806}.card.attack-selected{--combat-glow:#c94350}.card.block-selected{--combat-glow:#087f8c}.card.attack-selected,.card.block-selected{opacity:1;border-color:var(--combat-glow);outline-color:var(--combat-glow);box-shadow:0 0 8px var(--combat-glow),0 0 22px color-mix(in srgb,var(--combat-glow) 35%,transparent),inset 0 0 8px color-mix(in srgb,var(--combat-glow) 10%,transparent)}
.command-area{max-width:1080px;margin:12px auto 0;padding:10px 16px;background:#f7fafce6;border:1px solid #b9cbd7;border-radius:12px;position:relative;z-index:13}.phase-bar{justify-content:flex-end;border:0;padding:0;margin:0 0 4px;gap:5px}.phase{font-size:.75rem;color:#536a79}.phase.current{background:#fae7c8;color:#825009;box-shadow:inset 0 0 0 1px #e3bd80}.action-bar{margin:3px 0;gap:18px}.action-bar .hint{color:#405969;font-size:.875rem}.action-bar .primary{min-width:190px;min-height:45px;background:#99600e;border-color:#99600e;color:white}.action-bar .primary:hover:not(:disabled){background:#7d4c08}.hand-dock{max-width:1150px;margin:12px auto 0}.hand{justify-content:safe center;align-items:flex-start;padding:25px 18px 16px;gap:0;min-height:236px}.hand .card{width:164px;flex-basis:164px;transition:transform .18s,box-shadow .18s;transform-origin:center bottom}.hand .card+.card{margin-left:-18px}.hand .card:hover,.hand .card:focus-visible{transform:translateY(-14px) scale(1.06);z-index:4}.hand .card-text{display:none}.hand .art{height:104px}.priority-option{display:block;font-size:.8125rem;padding:0 0 16px}.priority-option input{min-width:0;margin-right:8px}.effect-stack{max-width:980px;margin:14px auto;padding:12px;background:#fff8e9;border:1px solid #d9bd89;border-radius:10px}.effect-stack .eyebrow{margin-bottom:8px}.stack-item{background:#fffdf8;border-color:#dac395;color:#655137;display:inline-block;margin:0 8px 6px 0}.stack-item strong{color:#80510e}
.notice{background:#edf6f8;border-color:#afcdd4;color:#375865;padding:12px 16px}.notice strong{color:#096b78}.tutorial-step{max-width:1080px;margin:0 auto 16px;align-items:center;justify-content:space-between}.tutorial-step strong{white-space:normal}.tutorial-step .small{flex-shrink:0}.lesson{border-color:var(--blue)}.lesson p,.guide p,.guide li{color:#435d6d}.guide strong{color:#182b3a}.guide td{border-color:#c4d3de}.log{border-color:#c4d3de}.log li{border-color:#ccdbe5}.tag,.pill{color:#4e6878;border-color:#b9ccd7;background:#f6fafb}input,select{background:#fff;border-color:#aebfcd;color:#182b3a}.faction{background:#f7fafc;border-color:#b6c9d5;box-shadow:0 8px 30px #233e5010}.faction .banner:after{background:linear-gradient(transparent,#f7fafc)}.faction p{color:#465f6f}.start-top p{color:#536a79}.faction-body{margin-top:-25px}.faction h2{color:var(--blue)}.faction.red h2{color:var(--red)}.start-foot{border-color:#bdcdd8}.modal-card p{color:#405a6b}dialog{background:#f7fafc;color:#182b3a;border-color:#9db5c5;box-shadow:0 20px 90px #182b3a40}dialog::backdrop{background:#233d5266;backdrop-filter:blur(5px)}.close{color:#405967}.inspect .card{background:#fff}.block-arrows>path{stroke:#9a640c;filter:drop-shadow(0 1px 2px #fff)}.card-back{color:#eaf8fa;border-color:#438491}
@media(min-width:1600px){.workspace.inspector-open{grid-template-columns:minmax(0,1fr) 320px}.board-row .card{width:165px;flex-basis:165px}.board-row .art{height:102px}.board-row{min-height:218px}}
@media(max-width:1000px){.table{padding:16px 20px 0}.workspace.inspector-open{grid-template-columns:minmax(0,1fr) 260px}.board-row{justify-content:safe center}.player-info strong{font-size:.875rem}.player-bar{gap:10px}.card-piles{gap:8px;padding-left:9px}.pile{width:52px}}
@media(max-width:760px){header{height:auto;min-height:96px}.workspace.inspector-open{display:block}.table{padding:14px 12px 0}.sidebar .inspect{display:block}.sidebar{border-top:1px solid #bccdd9}.match-top{align-items:flex-start}.match-top .toolbar{max-width:160px;gap:5px}.match-top .small{font-size:.75rem;padding:6px 8px}.player-bar{gap:8px;padding:9px;border-radius:9px}.avatar{width:30px;height:36px;font-size:1.25rem}.player-info strong{font-size:.8125rem}.player-info small{font-size:.75rem}.hp{font-size:1.9rem}.hp small{font-size:.6rem}.card-piles{gap:6px;padding-left:6px}.pile{width:44px;min-height:55px}.pile span{font-size:.7rem}.pile b{font-size:1.1rem}.resources{padding:2px;font-size:.75rem;gap:4px}.board-row .card{width:130px;flex-basis:130px}.board-row .art{height:78px}.board-row{min-height:195px;gap:14px;padding:14px 10px 20px}.board-row .card-title{font-size:1rem}.command-area{padding:8px 10px}.phase-bar{justify-content:center;gap:0}.phase{font-size:.7rem;padding:4px 6px}.action-bar{gap:7px;justify-content:flex-end}.action-bar .hint{font-size:.8125rem;flex-basis:100%}.action-bar .primary{min-width:170px;min-height:42px}.hand{justify-content:flex-start;padding:23px 8px 14px;min-height:226px}.hand .card{width:145px;flex-basis:145px}.hand .card+.card{margin-left:-10px}.hand .art{height:94px}.hand .card:hover,.hand .card:focus-visible{transform:translateY(-10px) scale(1.025)}.tutorial-step{font-size:.8125rem}.grid .card-text{font-size:.8125rem}.modal-card .card{background:#fff}.empty-zone{padding:16px;text-align:center;font-size:.8125rem}}
.board-row{justify-content:safe center}.card.attack-selected:hover,.card.block-selected:hover{box-shadow:0 0 8px var(--combat-glow),0 0 22px color-mix(in srgb,var(--combat-glow) 35%,transparent),inset 0 0 8px color-mix(in srgb,var(--combat-glow) 10%,transparent)}
/* Original illustrated arena and faction objects. */
.table{background-color:#dce5ec;background-image:linear-gradient(#eaf1f520,#eaf1f530),url('art/daylight-battlefield.png');background-position:center top;background-size:cover;background-repeat:no-repeat}
.avatar{width:64px;height:64px;flex-shrink:0;border:0;background:transparent;overflow:visible}.faction-emblem{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #1a344426)}
.faction-crest{float:right;object-fit:contain;margin:-12px 0 8px 12px;filter:drop-shadow(0 4px 7px #142c3933)}
.deck-pile{background-position:center;background-size:cover;position:relative;justify-content:flex-end;overflow:hidden;color:#fff;border-color:#89a6b7;isolation:isolate}.deck-pile:before{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#122938e8);z-index:-1}.deck-pile.blue,.hidden-card.blue,.card-back.blue{background-image:url('art/blue-card-back.png')}.deck-pile.red,.hidden-card.red,.card-back.red{background-image:url('art/red-card-back.png')}.deck-pile b{font-size:1.05rem;text-shadow:0 1px 3px #000}.deck-pile span{font-size:.7rem;color:#fff}.card-back{background-size:100% 100%;background-position:center;border-color:#9fb7c7;background-color:#e7eff4}.hidden-card{background-size:100% 100%;background-position:center}.empty-zone{background:#f7fafc20}
@media(max-width:760px){.avatar{width:42px;height:48px}.faction-crest{width:80px;height:80px}.table{background-position:center top}}
.table{background-size:100% 100%}.match-top{background:#f7fafce8;border:1px solid #c4d4de;border-radius:10px;padding:10px 14px}.hand-dock{background:#edf3f7d9;border-radius:12px 12px 0 0;padding:4px 14px 0}.zone-head{color:#3c5362;text-shadow:0 1px 2px #fff}.combat-divider{color:#425d6e}
@media(max-width:760px){.table{background-size:auto 100%;background-position:center}.match-top{padding:9px}.hand-dock{padding-inline:6px}}