:root{color-scheme:dark;--gold:#e5bd79;--ink:#121b24;--muted:#a2afb6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 15%,#38433d66,transparent 55%),#101921;color:#eee8dc;font-family:system-ui,-apple-system,sans-serif}.shell{max-width:1220px;margin:auto;padding:26px 38px}header,.tools,.battle-top,.hand-label,.launch{display:flex;align-items:center;justify-content:space-between;gap:15px}header{padding-bottom:24px;border-bottom:1px solid #ffffff18}.brand{color:var(--gold);text-decoration:none;font-size:22px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:4px}button{font:inherit;color:inherit;background:#25323b;border:1px solid #ffffff20;border-radius:8px;padding:11px 16px;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold);background:#35454d}button:disabled{opacity:.42;cursor:default}.primary{background:var(--gold);color:#20282b;border-color:var(--gold);font-weight:750}.primary:hover:not(:disabled){background:#f5d59d;color:#20282b}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px}#camp{padding-top:40px}h1{font-size:clamp(36px,5vw,62px);line-height:1.22;margin:22px 0}h1 em{font-style:normal;color:var(--gold)}.intro{color:var(--muted);line-height:1.8}.decks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.deck{text-align:left;padding:24px;min-height:175px;background:linear-gradient(135deg,#293941,#1a252e);position:relative}.deck.chosen{border:2px solid var(--gold);background:linear-gradient(130deg,#4d4938,#22323a)}.deck .symbol{font-size:30px;color:var(--gold);float:right}.deck h2{margin:7px 0}.deck p{color:var(--muted);line-height:1.6;margin-bottom:0}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.stage{padding:18px;border-top:2px solid #4a5357;color:var(--muted)}.stage.current{border-color:var(--gold);color:var(--gold)}.stage.done{border-color:#83bf9e}.stage small{display:block;margin-top:7px;color:var(--muted)}.launch{justify-content:flex-start;margin:24px 0}.launch span,footer{font-size:12px;color:var(--muted)}footer{margin-top:35px;text-align:center;letter-spacing:3px}.battle-top{margin:20px 0}.battle-top h2{margin:0}#turn{display:block;color:var(--gold);margin-top:6px}.arena{border:1px solid #d7c09325;border-radius:18px;background:radial-gradient(ellipse,#3d4d4566,#17232e);padding:14px}.hero{display:flex;align-items:center;justify-content:center;gap:18px;width:max-content;max-width:100%;margin:auto;min-height:58px;background:#18252e}.hero b{color:#f2b28c}.hero small{color:var(--muted)}.board{display:flex;justify-content:center;gap:12px;min-height:117px;margin:10px 0}.board:empty:after{content:'— 等待随从入场 —';align-self:center;color:#b6c4ba44;font-size:12px;letter-spacing:3px}.unit{width:150px;min-width:0;min-height:104px;padding:12px 7px;background:linear-gradient(145deg,#3d514f,#24343d)}.unit strong{font-size:14px}.unit small{display:block;font-size:10px;color:#bed0c8;margin-top:7px}.stats{display:flex;justify-content:space-around;margin-top:10px;color:#edcf94}.targetable{outline:3px solid #edc888;box-shadow:0 0 20px #edc88844}.selected{outline:3px solid #89cbbc}.ready{border-color:#8bbb9c}#feedback{min-height:38px;text-align:center;color:var(--gold);padding:8px;font-size:13px;background:#101b2266;border-radius:6px}.hand-label{margin-top:18px;color:var(--gold)}.hand-label small{color:var(--muted);margin-left:12px;font-size:11px}.hand{display:flex;gap:10px;overflow-x:auto;padding:14px 3px 20px;min-height:175px}.card{flex:0 0 135px;position:relative;min-height:156px;padding:12px;text-align:left;background:linear-gradient(145deg,#42504c,#27343d);transition:transform .15s}.card:hover:not(:disabled),.card:focus-visible{transform:translateY(-7px)}.card .cost{display:inline-grid;place-items:center;background:#d6ba80;color:#20292e;width:26px;height:26px;border-radius:50%;margin-bottom:8px}.card strong{display:block;font-size:13px}.card p{font-size:11px;line-height:1.5;color:#d0d8d4}.card.playable{border-color:#8cbaab;box-shadow:0 0 9px #8cbaab22}.card:disabled{opacity:.65}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:5px 0 18px}#hint{flex:1;font-size:12px;color:var(--muted);min-width:180px}.zone-note{text-align:center;margin:7px;font-size:11px;color:var(--muted)}details{color:var(--muted);font-size:12px}#events{max-height:180px;overflow:auto;line-height:1.8}dialog{color:#eee8dc;background:#1c2a34;border:1px solid #d8b97470;border-radius:18px;max-width:520px;width:calc(100% - 32px);padding:30px;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#07121be0;backdrop-filter:blur(6px)}dialog p{color:#b9c6ca;line-height:1.85}dialog h2{font-size:28px;color:var(--gold)}dialog button{margin:6px}.pulse{animation:pulse .55s ease}.hit{animation:hit .55s ease}.heal{animation:glow .55s ease}@keyframes pulse{0%{transform:scale(.96);opacity:.5}100%{transform:scale(1);opacity:1}}@keyframes hit{25%{transform:translateX(-6px);box-shadow:0 0 28px #ff7359}60%{transform:translateX(5px)}}@keyframes glow{50%{box-shadow:0 0 30px #89ffc5}}[hidden]{display:none!important}@media(max-width:650px){.shell{padding:16px 12px}.brand{font-size:17px}.tools{gap:5px}.tools button{font-size:11px;padding:8px}h1{font-size:36px}.decks{gap:8px}.deck{padding:12px;min-height:180px}.deck h2{font-size:19px}.deck p{font-size:12px}.deck .symbol{float:none}.journey{gap:4px}.stage{padding:10px 4px;font-size:12px}.launch{flex-wrap:wrap}.board{gap:5px}.unit{padding:10px 3px}.unit strong{font-size:11px}.hero{gap:8px;font-size:12px}.hero small{font-size:10px}.hand-label small{display:block;margin:5px 0}.arena{padding:8px}.card{flex-basis:125px}.controls .primary{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.unit{position:relative}.damage-number{position:absolute;right:8px;top:0;font-size:25px;font-weight:800;color:#ffb29a;text-shadow:0 2px 5px #000;animation:float .8s forwards;pointer-events:none}.fallen{position:absolute;background:#462f30;pointer-events:none;animation:fade .85s forwards;z-index:3}.board{position:relative}@keyframes float{to{transform:translateY(-25px);opacity:0}}@keyframes fade{to{transform:scale(.8);opacity:0}}
/* Ember art direction v1 — all artwork is local. */
body{background:linear-gradient(180deg,#0a111830,#0a1118 850px),url('./assets/art-v1/world.png') right top / max(100vw,1200px) auto no-repeat,#0a1118;background-attachment:fixed,fixed,fixed}
header{background:linear-gradient(90deg,#0b131c99,transparent)}
#camp{padding-top:46px}#camp h1{font-family:Georgia,'Songti SC',serif;text-shadow:0 3px 28px #000b}#camp .intro{color:#c0c9c9;text-shadow:0 2px 8px #000}#camp>.eyebrow{text-shadow:0 2px 8px #000}
.decks{margin-top:44px;gap:20px}.deck{padding:0;overflow:hidden;min-height:265px;isolation:isolate;border:1px solid #9e81544d;border-radius:12px;box-shadow:0 12px 24px #0005;transition:transform .2s,border-color .2s}.deck:disabled{opacity:1;cursor:default}.deck:disabled:not(.chosen){filter:saturate(.55)}.deck.chosen{border:2px solid #e4bc76;box-shadow:0 0 24px #e3a24a20}.deck:not(:disabled):hover{transform:translateY(-4px)}.deck-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-2}.deck:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08131b00 15%,#0c141a66 45%,#091019f5 90%);z-index:-1}.deck-copy{padding:115px 23px 20px}.deck-copy>span:not(.symbol){font-size:11px;letter-spacing:2px;color:#ebd6b3}.deck-copy h2{color:#fff2d8;font-family:Georgia,'Songti SC',serif;font-size:26px;text-shadow:0 2px 7px #000}.deck-copy p{color:#cad0cb;font-size:12px}.deck .symbol{color:#f6dfb3}
.journey{gap:18px}.stage{display:flex;align-items:center;gap:12px;background:#101b24c9;padding:14px;border:1px solid #ab967736;border-radius:8px}.stage.current{border-color:#d9b47880;background:#242b29e0}.stage-portrait{width:49px;height:57px;object-fit:cover;object-position:center 25%;border:1px solid #a2895b;border-radius:24px 24px 7px 7px}.stage small{font-size:10px}.arena{background:linear-gradient(#0b181740,#07151a50),url('./assets/art-v1/battlefield.png') center/cover;border:2px solid #a48b594d;box-shadow:inset 0 0 60px #0008,0 16px 40px #0004}.hero{padding:5px 15px 5px 5px;background:linear-gradient(100deg,#203339,#101c27ee);border:1px solid #ab926762;box-shadow:0 4px 15px #0005}.hero-portrait{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:2px solid #d1ad6a}.hero b{font-size:19px}.board{min-height:144px}.unit{isolation:isolate;overflow:visible;min-height:132px;display:flex;flex-direction:column;justify-content:flex-end;border:2px solid #947b51;background:#102028;padding:9px 6px;border-radius:38px 38px 9px 9px;box-shadow:0 6px 14px #0008}.unit-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:36px 36px 7px 7px;z-index:-2}.unit:after{content:'';position:absolute;inset:0;border-radius:36px 36px 7px 7px;background:linear-gradient(transparent 24%,#09141b88 45%,#08121af7 92%);z-index:-1}.unit strong{margin-top:48px;color:#fff0d3;text-shadow:0 2px 5px #000}.unit .stats{margin-top:5px;font-weight:750}.unit small{margin-top:3px;color:#d7e1dc}.unit.ready{border-color:#9bd5b1;box-shadow:0 0 12px #81c6a340}.unit.targetable{outline-color:#f6dc9b}.unit.fallen{display:block}
.hand{min-height:246px;padding-top:14px}.card{flex-basis:155px;min-height:224px;padding:0 11px 10px;background:linear-gradient(#2e3539,#16242d);border:2px solid #826b4b;border-radius:12px;overflow:hidden;box-shadow:0 7px 13px #0007}.card-art{width:calc(100% + 22px);height:110px;object-fit:cover;margin-left:-11px;display:block;margin-bottom:10px;border-bottom:1px solid #be9b604d}.card .cost{position:absolute;top:7px;left:7px;width:29px;height:29px;border:2px solid #edcd8d;background:radial-gradient(circle at 35% 25%,#648998,#173746);color:#ffefc7;font-weight:800;box-shadow:0 2px 8px #000b}.card strong{color:#f7e5c4;font-size:13px}.card p{font-size:11px;margin:6px 0;min-height:32px}.card .stats{font-weight:750;margin-top:6px}.card:disabled{opacity:1;filter:saturate(.65) brightness(.77)}.card.playable:not(:disabled){border-color:#dec38a;box-shadow:0 0 13px #edbd6340}.card.selected{outline-color:#bce5d9}.card[data-faction=ember],.unit[data-faction=ember]{border-color:#ba7853}.card[data-faction=grove],.unit[data-faction=grove]{border-color:#719c78}.card[data-faction=tide],.unit[data-faction=tide]{border-color:#7aa2b8}.card.playable:not(:disabled),.unit.ready{border-color:#dbc68b}
#feedback{background:linear-gradient(90deg,transparent,#071119e0 25%,#071119e0 75%,transparent);border-block:1px solid #c3a46b25;font-size:13px;text-shadow:0 2px 5px #000}.primary{background:linear-gradient(135deg,#f0d699,#c69753);border:1px solid #ffe5a9;box-shadow:inset 0 1px #fff5,0 5px 16px #0004}.controls{background:#0a141bd9;padding:10px;border:1px solid #a68e5b33;border-radius:10px}#result{background:linear-gradient(#101b27c9,#101b27f5),url('./assets/art-v1/world.png') center/cover}#result[data-outcome=victory]{box-shadow:0 0 70px #d8a55145}#gallery{max-width:1100px;width:calc(100% - 28px);max-height:90vh;padding:24px}.gallery-heading{display:flex;justify-content:space-between;align-items:center}.gallery-heading h2{margin:8px 0}#gallery-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.collection-card{border:1px solid #aa8c60;border-radius:10px;background:#14212b;overflow:hidden}.collection-card>img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.collection-card>div{padding:13px}.collection-card h3{margin:6px 0;color:#f1d69f}.collection-card p{font-size:12px;margin:6px 0}.collection-cost{color:#a9bdc8;font-size:11px}.collection-card small{color:#d6bf93}.collection-card[data-faction=ember]{border-color:#aa6242}.collection-card[data-faction=grove]{border-color:#527e62}.collection-card[data-faction=tide]{border-color:#547e9b}
@media(max-width:650px){header{align-items:flex-start}.tools{flex-wrap:wrap;justify-content:flex-end;max-width:210px}.tools button{font-size:10px;padding:7px}.brand small{font-size:7px;letter-spacing:2px}.decks{gap:8px}.deck{min-height:220px}.deck-copy{padding:107px 10px 12px}.deck-copy h2{font-size:19px}.deck-copy p{font-size:11px}.deck .symbol{display:none}.deck-copy>span:not(.symbol){font-size:9px;letter-spacing:0}.stage{padding:8px 5px;gap:6px;flex-direction:column;align-items:flex-start}.stage-portrait{height:38px;width:38px}.stage small{font-size:9px;line-height:1.5}.journey{gap:8px}.hero{gap:7px;flex-wrap:wrap;justify-content:flex-start}.hero-portrait{width:40px;height:40px}.hero b{font-size:15px}.hero small{font-size:9px}.unit{min-height:117px;border-radius:22px 22px 7px 7px}.unit-art,.unit:after{border-radius:20px 20px 5px 5px}.unit strong{font-size:10px;overflow-wrap:anywhere}.unit .stats{font-size:12px}.unit small{font-size:8px}.card{flex-basis:140px}.board{min-height:125px;gap:5px}#gallery-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#gallery{padding:16px}.collection-card>div{padding:10px}.collection-card h3{font-size:14px}}
.collection-card>a{display:block}.collection-card>a>img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.collection-card>a:focus-visible{outline:3px solid #f7d28d;outline-offset:-3px}
/* Action playback layers */
.fx-canvas,.fx-aim{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}.fx-aim{z-index:61;overflow:visible;display:none}.aim-path{fill:none;stroke:#f3d698;stroke-width:3;stroke-dasharray:8 5;filter:drop-shadow(0 0 5px #e9b352)}.fx-number{position:fixed;z-index:65;pointer-events:none;font-size:24px;font-weight:850;text-shadow:0 2px 4px #000,0 0 14px #000;white-space:nowrap}.fx-ring{position:fixed;z-index:59;width:110px;height:110px;border:3px solid var(--fx-color);border-radius:50%;box-shadow:0 0 22px var(--fx-color),inset 0 0 15px var(--fx-color);pointer-events:none}.fx-projectile{position:fixed;z-index:64;width:16px;height:16px;border-radius:50%;box-shadow:0 0 20px currentColor,0 0 35px currentColor;pointer-events:none}.fx-flying-card{position:fixed;z-index:63;width:115px;height:150px;border:2px solid #e6c181;border-radius:10px;box-shadow:0 0 30px #dfae6380;overflow:hidden;pointer-events:none;background:#122934}.fx-flying-card img{width:100%;height:100%;object-fit:cover}.fx-card-back{display:grid;place-items:center;font-size:54px;color:#e5c98b;background:repeating-linear-gradient(45deg,#1c3741 0 8px,#182c37 8px 16px)}.fx-banner{position:fixed;left:50%;top:40%;z-index:66;pointer-events:none;padding:18px 65px;font-family:Georgia,'Songti SC',serif;font-size:30px;white-space:nowrap;color:#f5dbaa;background:linear-gradient(90deg,transparent,#071722ed 20%,#071722ed 80%,transparent);border-block:1px solid #f3ca7760;text-shadow:0 0 16px #dab874}.fx-attacker{z-index:50!important}.fx-phoenix{border-radius:10% 80% 10% 80%;width:220px;height:120px;border-width:6px}.fx-firestorm{width:290px;height:180px;border-style:dashed;border-width:9px}.fx-ancient-tree{border-radius:45% 12% 45% 12%;width:150px;height:210px;border-style:double;border-width:8px}.fx-time-vortex{width:220px;height:220px;border-style:double;border-width:10px;outline:2px dashed #adc9e6;outline-offset:16px}.unit.is-guard:before{content:'⬡';position:absolute;left:3px;top:1px;font-size:22px;color:#f9dc95;text-shadow:0 0 9px #000;z-index:2}.unit.is-frozen{box-shadow:inset 0 0 25px #99e5ff,0 0 12px #92d7f988}.unit.is-frozen .unit-art{filter:saturate(.4) brightness(1.25)}.unit.is-frozen:before{content:'❄';position:absolute;right:4px;top:3px;color:#c9f5ff;font-size:25px;z-index:3;text-shadow:0 0 8px #367db1}.playback-setting{display:flex;align-items:center;gap:5px;color:#b7c8cb;font-size:11px}.playback-setting select{background:#20323c;color:#efdfbb;border:1px solid #796d53;border-radius:6px;padding:6px}.tools{flex-wrap:wrap;justify-content:flex-end}.unit .stats,.hero b{font-variant-numeric:tabular-nums}#battle[aria-busy=true] .targetable{outline:none}@media(max-width:650px){.fx-banner{font-size:23px;padding:14px 35px}.fx-number{font-size:19px}.playback-setting{font-size:10px}.playback-setting select{padding:4px}.tools{max-width:230px}}
.fx-striker{position:fixed;isolation:isolate;pointer-events:none;z-index:64;border:2px solid #f1d18e;border-radius:38px 38px 9px 9px;background:#152b34;box-shadow:0 0 30px #f2c57688;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:9px 6px}.fx-striker .unit-art{z-index:-2}.fx-striker:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(transparent,#07121ade);z-index:-1}.fx-striker strong{font-size:13px;color:#fff0d3}.fx-striker small{font-size:10px}.fx-striker .stats{gap:20px;margin-top:5px}.fx-area{width:75vw;max-width:650px;height:140px}