/* Shared presentation controls. The original engraving remains in styles.css. */
.art-choice{margin-left:auto;margin-right:25px;font-size:9px;letter-spacing:1px}.art-choice select{font-size:11px;padding:3px 20px 4px 0;margin-top:2px}.cover-hero{display:none}.arena-name{font-size:11px;letter-spacing:2px;text-align:right;margin:0 0 10px;color:var(--muted)}
html[data-art=color]{--paper:#edf5ff;--pale:#fffaf1;--ink:#233750;--muted:#526783;--red:#80502b;--line:#adbdcd;--accent:#43dfd1;--gold:#ffdd93;--text:#233750;color-scheme:light}
html[data-art=color] body{background:#112c48;color:#f3f9ff;background-image:linear-gradient(180deg,#153f6450,#091b34ed 780px),url('/assets/color/garden.svg');background-size:cover;background-position:50% 0;background-attachment:fixed}
html[data-art=color] header{border:0;margin-top:0;max-width:1440px;padding-top:23px;z-index:3}html[data-art=color] header:after{border-color:#ffffff40;left:40px;right:40px}html[data-art=color] #brand{color:#fff7df;text-shadow:0 2px 12px #11314b}html[data-art=color] .test-badge{color:#ffdd93;border-color:#ffdd9366}html[data-art=color] .art-choice{color:#deebf8}html[data-art=color] .art-choice select{color:white;border-color:#ffffff60}html[data-art=color] select option{color:#233750;background:#edf5ff}html[data-art=color] main{max-width:1440px;padding-top:24px}html[data-art=color] footer{border-color:#ffffff30;color:#bbcee1;max-width:1440px}
html[data-art=color] .screen{animation:arrive .45s ease-out}html[data-art=color] .eyebrow{color:#ffda91}html[data-art=color] .muted,html[data-art=color] .footnote{color:#c8d9ec}html[data-art=color] .back{color:#d2e9f5}html[data-art=color] .back:hover:not(:disabled){color:#ffdf9e;border-color:#ffdf9e}html[data-art=color] button:focus-visible,html[data-art=color] select:focus-visible{outline-color:#5cf5e1}html[data-art=color] h1{letter-spacing:-1.5px;text-shadow:0 3px 22px #0b274266}html[data-art=color] button{border-color:#ffffff55}html[data-art=color] button:hover:not(:disabled){background:#e9f5ff1f;color:#fff3ce}html[data-art=color] button.primary{color:#223b52;background:linear-gradient(110deg,#ffe9af,#ffd17b);border:1px solid #fff1cb;box-shadow:0 3px 0 #92673b,0 8px 32px #ffa94c22;border-radius:3px}html[data-art=color] button.primary:hover:not(:disabled){color:#122d40;background:linear-gradient(110deg,#fff7d9,#ffe4a5);transform:translateY(-2px)}
/* A full illustrated title scene rather than a dashboard hero. */
html[data-art=color] .frontispiece{min-height:525px;margin:-100px -40px 0;padding:95px 50px 35px;border:0;overflow:hidden;grid-template-columns:1fr 1fr;isolation:isolate}html[data-art=color] .cover-art{inset:0;width:100%;background:url('/assets/color/garden.svg') center 40%/cover;mask-image:none;mix-blend-mode:normal;opacity:1;z-index:-3;animation:landscape-drift 24s ease-in-out infinite alternate}html[data-art=color] .frontispiece:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102d53ee 0%,#143c638f 38%,#1e4a6310 73%),linear-gradient(0deg,#143049,transparent 35%);z-index:-2}html[data-art=color] .frontispiece:after{content:'';position:absolute;inset:15% 0 5%;pointer-events:none;background-image:radial-gradient(circle,#fff0bb 1px,transparent 3px),radial-gradient(circle,#afffeb 1px,transparent 3px);background-size:137px 167px,223px 211px;opacity:.5;animation:motes 12s linear infinite;z-index:-1}html[data-art=color] .cover-copy{padding:35px 0 22px;text-shadow:0 3px 12px #14294499}html[data-art=color] .cover-copy h1{font-size:clamp(68px,7.5vw,112px);line-height:.95;letter-spacing:-4px;color:#fffbec;margin-top:27px}html[data-art=color] .cover-copy h1 em{color:#a6ffed;font-style:normal;text-shadow:0 0 30px #4aeac066}html[data-art=color] .cover-copy>p:not(.eyebrow){font-family:'Segoe UI',sans-serif;font-style:normal;font-weight:300;line-height:1.5;color:#e6f7ff}html[data-art=color] .edition{color:#d2e9f8}html[data-art=color] .ink-rule{color:#ffdfa2}html[data-art=color] .ink-rule:before,html[data-art=color] .ink-rule:after{background:linear-gradient(90deg,#ffdfa2,transparent)}html[data-art=color] .cover-hero{display:block;position:absolute;right:3%;bottom:0;width:48%;height:88%;background:url('/assets/color/ember.png') center bottom/contain no-repeat;filter:drop-shadow(0 15px 25px #061a4270);z-index:0;animation:hero-breathe 7s ease-in-out infinite}html[data-art=color] .cover-mark{color:#fff1bf;border-color:#fff1bf;outline-color:#fff1bf;z-index:1;right:40px;bottom:35px}
html[data-art=color] .game-choices{position:relative;gap:22px;border:0;margin-top:-5px;z-index:2;grid-template-columns:1.2fr 1fr}html[data-art=color] .chapter,html[data-art=color] .chapter:first-child,html[data-art=color] .chapter:last-child{padding:25px 28px;border:1px solid #ffe1a096;background:linear-gradient(110deg,#203d59f5,#285c70d9);box-shadow:0 9px 26px #06152940;gap:20px;border-radius:3px;min-height:145px}html[data-art=color] .chapter:first-child:before{content:'';position:absolute;inset:4px;border:1px solid #ffdfa22d;pointer-events:none}html[data-art=color] .chapter:hover:not(:disabled){transform:translateY(-5px);border-color:#fff1c7;background:linear-gradient(110deg,#315370,#297879)}html[data-art=color] .chapter-number{color:#ffdda0}html[data-art=color] .chapter-copy small{color:#b8d4e6}html[data-art=color] .chapter-copy strong{color:#fff9e7;font-size:30px}html[data-art=color] .chapter-copy>span{color:#d0e3ee}html[data-art=color] .chapter-link{color:#ffdfa2}html[data-art=color] .chapter.future:disabled{opacity:.75;background:linear-gradient(110deg,#272e55,#35416bd9);border-color:#aabbe657}html[data-art=color] .chapter.future .chapter-number{color:#aabde7}
/* A living party camp: cards, expedition controls and illustrated destinations. */
html[data-art=color] .page-heading{margin-bottom:22px}html[data-art=color] .seal{color:#ffdda0;border-color:#ffdda0;outline-color:#ffdda066}html[data-art=color] .hub-layout{gap:60px}html[data-art=color] .deck-preview{position:relative;background:radial-gradient(ellipse,#24d9c31c,transparent 66%)}html[data-art=color] .deck-preview:after{content:'✧';position:absolute;right:5%;top:10%;color:#94f4e5;font-size:45px;animation:hero-breathe 5s ease-in-out infinite;pointer-events:none}html[data-art=color] .section-heading>span{color:#aad4e6}html[data-art=color] .deck-preview>.muted{color:#c8e2ee;font:12px/1.6 'Segoe UI',sans-serif}html[data-art=color] .large{font-size:40px;padding:23px 27px}html[data-art=color] .menu-action{border-color:#b9d5ef3b;padding:23px 10px}html[data-art=color] .menu-action>span{color:#9feadd}html[data-art=color] .menu-action small{color:#bbd5e6}html[data-art=color] .menu-action:hover:not(:disabled){background:linear-gradient(90deg,#8adee915,transparent);color:#ffe2a7}html[data-art=color] .hub-actions #resume{color:#aafce8;border-color:#83dbc9}html[data-art=color] .rules,html[data-art=color] .journal{color:#c2d7eb;border-color:#ffffff30}html[data-art=color] summary{color:#e2f4ff}html[data-art=color] .rules label,html[data-art=color] .motion-option,html[data-art=color] .search{color:#c2d7eb}html[data-art=color] .rules select,html[data-art=color] .search input{color:white;border-color:#b5d8ec80}html[data-art=color] .search input::placeholder{color:#9ab9cc}html[data-art=color] .last-result{background:#25485b;border-color:#9eedd6;color:#c8ffec}html[data-art=color] #message{background:#704c27;border-color:#ffdda2;color:#fff5df}
.arena-picker{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;padding:30px 0 8px;margin-top:25px;border-top:1px solid #ffffff30}.arena-picker h2{margin:7px 0 10px}.arena-picker label{align-self:center;color:#c4dce9}.arena-picker select{color:#fff;border-color:#a8d7ec80;font-size:13px}.arena-postcards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.arena-postcards>div{height:130px;display:flex;align-items:flex-end;padding:16px;font:18px Georgia;color:#fff8e5;border:1px solid #c8e6ec55;border-radius:3px;background-size:cover;background-position:center;box-shadow:inset 0 -70px 55px -40px #041c3d}.arena-postcards .garden{background-image:linear-gradient(0deg,#092b4bd9,transparent 70%),url('/assets/color/garden.svg')}.arena-postcards .sakura{background-image:linear-gradient(0deg,#292343d9,transparent 70%),url('/assets/color/sakura.svg')}.arena-postcards .aurora{background-image:linear-gradient(0deg,#142349d9,transparent 70%),url('/assets/color/aurora.svg')}
/* Illustrated collection cards, jewel-toned backs and gold engraved edges. */
html[data-art=color] .card-face{--card-color:#ae5439;--card-wash:#ffa16b;color:#fff7e5;background:linear-gradient(160deg,#6d2e43,#241d3c);border:1px solid #ffe2a7;outline-color:#ffe2a770;border-radius:9px 9px 3px 3px;box-shadow:0 10px 25px #07192e99;overflow:hidden;padding:8px}html[data-art=color] .card-face[data-card=tide]{--card-color:#258f9e;--card-wash:#71e5ed;background:linear-gradient(155deg,#166e88,#17254c)}html[data-art=color] .card-face[data-card=stone]{--card-color:#64a470;--card-wash:#bcf096;background:linear-gradient(155deg,#39765c,#223a38)}html[data-art=color] .card-face[data-card=dusk]{--card-color:#a681db;--card-wash:#d6b6ff;background:linear-gradient(155deg,#624689,#202043)}html[data-art=color] .card-face-top{border-color:#ffe4ac50}html[data-art=color] .card-face-top>span{color:#ffe4ae}html[data-art=color] .card-face>.portrait{background:radial-gradient(ellipse at 50% 70%,var(--card-wash),transparent 70%);margin:0;aspect-ratio:3/4}html[data-art=color] .card-face>.portrait img{filter:drop-shadow(0 5px 7px #12122c55);transform:scale(1.06);transform-origin:bottom center}html[data-art=color] .card-type{border-color:#ffe4ac45;color:#ffdfa4;background:#08182c30}html[data-art=color] .card-stats small{color:#e2d4b5}html[data-art=color] .card-stats strong{color:#fff2cc}html[data-art=color] .card-button:hover .card-face{outline-color:#fff1c7;box-shadow:0 12px 35px #062235,0 0 20px #82e8e82b}html[data-art=color] .collection-label{color:#b5e9e9}html[data-art=color] .loadout-list{border-color:#ffffff50}html[data-art=color] .loadout-list button{border-color:#ffffff25;color:#ebf6ff}html[data-art=color] .loadout-list small{color:#b6d3e4}html[data-art=color] .loadout-list button:hover{background:#80d8df15;color:#ffdfa7}html[data-art=color] .deck-footer{border-color:#ffffff40}html[data-art=color] .deck-footer p{color:#c4d8ea}
/* Character details use a pale, luminous folio; only artwork and lore in Aperçu. */
html[data-art=color] dialog{background:radial-gradient(ellipse at 10% 40%,#b5e6ed99,transparent 65%),linear-gradient(120deg,#edf8fc,#fff8ec);color:#253c54;border:1px solid #fff2d4;outline-color:#a7c7d1;outline-offset:3px;border-radius:8px;box-shadow:0 25px 100px #020d29aa}html[data-art=color] dialog::backdrop{background:#071b39bd;backdrop-filter:blur(8px)}html[data-art=color] dialog .muted{color:#566b81}html[data-art=color] dialog .eyebrow{color:#805734}html[data-art=color] dialog button{border-color:#8eafbf}html[data-art=color] dialog button:hover:not(:disabled){background:#d2e8ee;color:#24485d}html[data-art=color] dialog .portrait img{filter:drop-shadow(0 13px 15px #42778c30)}html[data-art=color] .detail-tabs button[aria-selected=true]{background:#27566a;color:#fff3ce}html[data-art=color] .detail-tabs{border-color:#adc5cf}html[data-art=color] .character-description:first-letter{color:#287e87}html[data-art=color] .trait{border-color:#41949b}html[data-art=color] .trait small{color:#257e86}html[data-art=color] .slot-number,html[data-art=color] .slot-edit{color:#277e88}html[data-art=color] #picker{background:linear-gradient(120deg,#e2f4fa,#fff6e7)}html[data-art=color] .danger{background:#9e404e;color:#fff3e2}html[data-art=color] .dialog-top>button{color:#356277}
/* Arena art is not recolored: each destination has its own original painting. */
html[data-art=color] .battle-top{border-color:#ffffff40}html[data-art=color] .battle-top>span,html[data-art=color] .arena-name{color:#c1e2ef}html[data-art=color] .stage{height:440px;background:#3e759a;border:1px solid #c3ebed8c;border-radius:8px 8px 0 0;box-shadow:0 0 50px #20b6c115}html[data-art=color] .stage:before{background-image:var(--arena-image,url('/assets/color/garden.svg'));background-position:center 65%;opacity:1;mix-blend-mode:normal}html[data-art=color] .stage:after{background:linear-gradient(0deg,#14305550,transparent 50%)}html[data-art=color] .player-actor{height:285px;width:255px;bottom:18px}html[data-art=color] .enemy-actor{height:270px;width:215px;top:15px}html[data-art=color] .actor .portrait{filter:drop-shadow(0 9px 5px #11244060)}html[data-art=color] .actor-name{background:#123352cc;color:#fff4d1;border-color:#ffdea0;border-radius:20px;padding:3px 16px;font:11px 'Segoe UI',sans-serif}html[data-art=color] .arena-rings:before,html[data-art=color] .arena-rings:after{border-color:#abfff2a0;background:#71e4dc1a;box-shadow:0 0 12px #9ffff380,inset 0 0 9px #9ffff360}html[data-art=color] .arena-rings:after{top:270px}html[data-art=color] .hud{background:#f3fbf3ed;border:1px solid #fff8d9;border-left:4px solid #50b6b1;border-radius:3px 12px 3px 12px;box-shadow:0 5px 16px #15365740;color:#20384f}html[data-art=color] .hud-heading small{color:#327a86}html[data-art=color] .hud progress{accent-color:#26b78d}html[data-art=color] .hud-info>span{color:#2c9091}html[data-art=color] .battle-console{background:linear-gradient(110deg,#163d56f5,#18304eed);border-color:#b3dce277;border-radius:0 0 8px 8px;box-shadow:0 12px 30px #05142f50;color:#e9f7ff}html[data-art=color] .narration{border-color:#c5e9ff30}html[data-art=color] .narration:after{color:#b6fff0}html[data-art=color] .energy{color:#97ecdf;border-color:#97ecdf80}html[data-art=color] .command-tabs{border-color:#c5e9ff30}html[data-art=color] .command-tabs button[aria-pressed=true]{background:#d8f5ea;color:#205362;border-radius:3px}html[data-art=color] .command-tabs #pass{color:#c1d5e9}html[data-art=color] .battle-ability{padding:12px 10px;border-color:#b3dce240;border-left:2px solid #f3c68e}html[data-art=color] .battle-ability.buff{border-left-color:#83e4cd}html[data-art=color] .battle-ability.debuff{border-left-color:#d6abff}html[data-art=color] .battle-ability>small,html[data-art=color] .battle-ability>b{color:#ffdfaa}html[data-art=color] .battle-ability.buff>small{color:#99eedc}html[data-art=color] .battle-ability.debuff>small{color:#dbbfff}html[data-art=color] .battle-ability>span{color:#c7deec}html[data-art=color] .battle-ability:hover:not(:disabled),html[data-art=color] .reserve-choice:hover:not(:disabled){background:#83e3df18;color:#fff2cd}html[data-art=color] .battle-actions{gap:8px 12px}html[data-art=color] .reserve-choice>small{color:#9de6df}html[data-art=color] .spell.weapon{color:#ffe5aa;text-shadow:0 0 16px #ff781b,0 0 35px #ff382d}html[data-art=color] .spell{color:#adffff;text-shadow:0 0 22px #27dded,0 0 40px #296fff}html[data-art=color] .spell.buff{color:#d6ffb3;text-shadow:0 0 25px #30ec9d}html[data-art=color] .spell.debuff{color:#f0baff;text-shadow:0 0 25px #a231fa}html[data-art=color] .damage-number{color:#fff3c5;text-shadow:2px 2px #9a3a38,-1px -1px #9a3a38}html[data-art=color] #result h2{color:#ffdfa3}html[data-art=color] #result p{color:#c5ddee}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes landscape-drift{from{transform:scale(1.02)}to{transform:scale(1.065)}}@keyframes hero-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes motes{from{transform:translateY(15px);opacity:.25}50%{opacity:.6}to{transform:translateY(-25px);opacity:.25}}
@media(max-width:950px){html[data-art=color] .frontispiece{margin-left:-25px;margin-right:-25px;padding-left:30px;padding-right:30px;min-height:480px}html[data-art=color] .cover-copy h1{font-size:78px}html[data-art=color] .cover-hero{right:-4%;width:55%;height:85%}html[data-art=color] .chapter,html[data-art=color] .chapter:first-child,html[data-art=color] .chapter:last-child{padding:22px 18px;gap:12px}html[data-art=color] .chapter-copy strong{font-size:25px}html[data-art=color] .hub-layout{gap:30px}html[data-art=color] .player-actor{height:280px}html[data-art=color] .enemy-actor{height:250px}.art-choice{margin-right:15px}}
@media(max-width:680px){.art-choice{margin:0;font-size:8px}.art-choice select{font-size:10px;max-width:165px}header{gap:10px;flex-wrap:wrap}.test-badge{display:none}#brand span{display:none}html[data-art=color] header{padding:16px 20px}html[data-art=color] .frontispiece{margin:-86px -20px 0;padding:90px 25px 28px;min-height:530px;display:block}html[data-art=color] .cover-copy{padding:22px 0 0}html[data-art=color] .cover-copy h1{font-size:65px;max-width:270px;letter-spacing:-3px}html[data-art=color] .cover-copy .eyebrow{font-size:8px;letter-spacing:1.2px}html[data-art=color] .cover-copy>p:not(.eyebrow){font-size:16px;max-width:205px}html[data-art=color] .cover-hero{right:-85px;width:300px;height:355px;bottom:0;opacity:.92}html[data-art=color] .cover-art{background-position:60% center;opacity:1;mask-image:none}html[data-art=color] .frontispiece:before{background:linear-gradient(90deg,#143256e8,#14325630),linear-gradient(0deg,#143049,transparent 50%)}html[data-art=color] .cover-mark{display:none}html[data-art=color] .edition{max-width:160px;line-height:1.8;margin-top:28px}html[data-art=color] .game-choices{grid-template-columns:1fr;gap:12px;margin-top:0}html[data-art=color] .chapter,html[data-art=color] .chapter:first-child,html[data-art=color] .chapter:last-child{min-height:115px;padding:20px 17px;gap:13px}html[data-art=color] .chapter-copy strong{font-size:24px}html[data-art=color] .chapter-copy small{font-size:7px}html[data-art=color] .chapter-copy>span{font-size:10px}html[data-art=color] .chapter-link{max-width:64px;font-size:9px}html[data-art=color] .chapter-number{font-size:37px;min-width:25px}html[data-art=color] .large{font-size:33px}.arena-picker{grid-template-columns:1fr;gap:20px}.arena-picker h2{font-size:25px}.arena-postcards{grid-template-columns:1fr;gap:10px}.arena-postcards>div{height:95px;background-position:center 60%;font-size:17px}html[data-art=color] .stage{height:355px}html[data-art=color] .player-actor{height:222px;width:165px;left:0;bottom:16px}html[data-art=color] .enemy-actor{height:205px;width:145px;right:0;top:6px}html[data-art=color] .arena-rings:after{top:202px}html[data-art=color] .battle-ability{padding:10px 7px}html[data-art=color] .battle-ability strong{font-size:17px}html[data-art=color] .battle-actions{gap:7px}html[data-art=color] .hud{padding:9px 10px}html[data-art=color] .card-face{padding:6px}html[data-art=color] .card-face-top>strong{font-size:21px}html[data-art=color] .compact .card-face-top>strong{font-size:17px}}
html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html[data-art=color] .art-choice{background:#15324dd9;border:1px solid #d2ecf044;padding:5px 10px;border-radius:3px}
/* The playable interface is a celestial folio: enamel, etched brass, ivory pages. */
html[data-art=color] .battle-console{position:relative;border:2px solid #c7a66c;border-top:5px solid #e7cea0;border-radius:0 0 20px 3px;background:#f1e7cf;color:#243d50;box-shadow:0 8px 0 #70563c,0 12px 35px #09182f88;isolation:isolate}
html[data-art=color] .battle-console:after{content:'';position:absolute;inset:7px;border:1px solid #bca370;pointer-events:none;z-index:-1}
html[data-art=color] .narration{background:radial-gradient(circle at 50% 42%,transparent 68px,#b9a57550 69px,transparent 71px),radial-gradient(circle at 50% 42%,transparent 86px,#b9a57525 87px,transparent 89px),#e6dcc1;border-color:#b9a575;display:flex;flex-direction:column;justify-content:center;padding:30px}
html[data-art=color] .narration:before{content:'✧';font:52px Georgia;color:#9c7541;line-height:1;margin-bottom:15px}
html[data-art=color] .narration:after{content:'◆ ─── ◇ ─── ◆';position:static;color:#a98b58;font-size:9px;text-align:center;letter-spacing:6px;opacity:1;margin-top:18px}
html[data-art=color] .narration .eyebrow{color:#72522d;letter-spacing:2px;font-size:10px}
html[data-art=color] .narration>p{font:27px/1.35 Georgia;margin:16px 0 25px;min-height:75px}
html[data-art=color] .energy{color:#256667;border-color:#749c8e;font:italic 15px Georgia}
html[data-art=color] .commands{padding:20px 26px 26px;min-width:0}
html[data-art=color] .command-tabs{border:0;gap:10px;margin:0 0 13px;padding:0;align-items:center}
html[data-art=color] .command-tabs button{color:#556574;background:none;padding:8px 13px;font-size:12px;border-bottom:2px solid transparent}
html[data-art=color] .command-tabs button[aria-pressed=true]{color:#614823;background:none;border-color:#b48a46;border-radius:0;font-weight:700}
html[data-art=color] .command-tabs #pass{color:#556574;font-style:italic}
html[data-art=color] .battle-actions{gap:13px}
html[data-art=color] .battle-ability{--enamel:#754833;--rim:#c79557;display:grid;grid-template-columns:53px 1fr;grid-template-rows:auto auto 1fr auto;gap:5px 13px;min-height:155px;padding:16px;border:1px solid var(--rim);border-left:4px solid var(--rim);border-radius:2px 12px 2px 2px;background:linear-gradient(120deg,#ffffff, #f5ecd7);box-shadow:3px 4px 0 #bca67b35;color:#233c50;position:relative;text-align:left}
html[data-art=color] .battle-ability:after{content:'';position:absolute;right:10px;bottom:9px;width:5px;height:5px;background:var(--rim);transform:rotate(45deg)}
html[data-art=color] .battle-ability.buff{--enamel:#276c62;--rim:#68a18c}
html[data-art=color] .battle-ability.debuff{--enamel:#66457e;--rim:#ae85bf}
html[data-art=color] .battle-ability .ability-emblem{grid-column:1;grid-row:1/4}
html[data-art=color] .ability-emblem{display:grid;place-items:center;width:51px;height:60px;color:#fff0c5;background:var(--enamel,#315b73);border:2px solid var(--rim,#c7a366);border-radius:45% 45% 45% 5%;box-shadow:inset 0 0 0 3px #ffffff18;transform:rotate(-5deg);flex-shrink:0}
html[data-art=color] .ability-emblem svg{width:38px;height:38px;transform:rotate(5deg)}
html[data-art=color] .battle-ability>small{grid-column:2;color:var(--enamel);font-size:8px;letter-spacing:.6px;text-transform:uppercase}
html[data-art=color] .battle-ability.buff>small,html[data-art=color] .battle-ability.debuff>small{color:var(--enamel)}
html[data-art=color] #result h2{color:#614823}html[data-art=color] #result p{color:#506170}
html[data-art=color] .battle-ability strong{grid-column:2;font:22px/1.1 Georgia;color:#203a4b}
html[data-art=color] .battle-ability>span:not(.ability-emblem){grid-column:2;font:11px/1.5 'Segoe UI',sans-serif;color:#506170}
html[data-art=color] .battle-ability>b{grid-column:1/-1;border-top:1px solid #c2b39570;padding-top:8px;font-size:11px;color:var(--enamel)}
html[data-art=color] .battle-ability:hover:not(:disabled){transform:translateY(-3px);background:#fffdf5;color:#203a4b;box-shadow:3px 6px 0 #bca67b55;border-color:#aa7736}
html[data-art=color] .battle-ability:disabled{opacity:.47;filter:saturate(.35)}
html[data-art=color] .battle-console.resolving .narration{background:radial-gradient(circle at 50% 50%,transparent 100px,#b9a57544 101px,transparent 103px),radial-gradient(circle at 50% 50%,transparent 136px,#b9a57533 137px,transparent 139px),linear-gradient(110deg,#ddd0ad,#faf4df 50%,#ddd0ad);border:0;min-height:320px}
html[data-art=color] .battle-console.resolving[data-phase=opponent] .narration{background:radial-gradient(circle at 50% 50%,transparent 110px,#91739c30 111px,transparent 113px),linear-gradient(110deg,#d8c8d2,#f7ede7 50%,#d8c8d2)}
html[data-art=color] .battle-console.resolving .narration:before{content:'◇';margin:0;color:#8a6647}
html[data-art=color] .battle-console.resolving[data-phase=opponent] .narration:before{color:#795c89}
html[data-art=color] .battle-console.resolving .narration>p{font-size:clamp(24px,3vw,37px);min-height:0;margin:23px 0}
html[data-art=color] .reserve-choice{border:1px solid #b29d78;background:#fff8e7;color:#294451;border-radius:2px 14px 2px 2px;padding:12px}
html[data-art=color] .reserve-choice>small{color:#497064}
html[data-art=color] .reserve-choice:hover:not(:disabled){background:#e0ebdc;color:#294451}
html[data-art=color] #result h2{color:#9b672a}html[data-art=color] #result p{color:#556777}
/* Folds, corner clasps and an orbital seal carry through every menu. */
html[data-art=color] .chapter{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));border-bottom:4px solid #b89861!important}
html[data-art=color] .chapter-number{border:1px solid #d9bc80;border-radius:50%;width:68px;height:68px;min-width:68px;display:grid;place-items:center;font-size:37px;outline:1px solid #d9bc8055;outline-offset:5px}
html[data-art=color] .hub-actions{padding-left:20px;border-left:1px solid #eac98366;position:relative}
html[data-art=color] .hub-actions:before{content:'✧';position:absolute;left:-12px;top:-23px;font-size:30px;color:#ffe2a1}
html[data-art=color] .menu-action{margin-top:14px;padding:20px!important;background:linear-gradient(105deg,#f1e7cb,#d7e7de)!important;color:#274759;border:1px solid #d3b477;border-right:6px solid #bd9e63;border-radius:2px 13px 2px 2px;box-shadow:0 5px 0 #071c3677}
html[data-art=color] .menu-action>span{color:#866637;border:1px solid #c4a66e;border-radius:50%;display:grid;place-items:center;width:45px;height:45px;font-size:28px}
html[data-art=color] .menu-action small{color:#576f72}html[data-art=color] .menu-action:hover:not(:disabled){color:#866637;transform:translateX(7px)}
html[data-art=color] #play{position:relative;border:2px solid #ffebb4;outline:1px solid #ad825a;outline-offset:4px;text-align:center;background:linear-gradient(120deg,#ffe9a6,#e6b765)!important;margin:0 4px 12px;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
html[data-art=color] .deck-preview{border:1px solid #d4be7e55;padding:25px;background:radial-gradient(ellipse,#4c998147,transparent 70%);border-radius:50% 50% 6px 6px}
html[data-art=color] .deck-preview .section-heading{justify-content:center;gap:25px}
html[data-art=color] .deck-slot{background:linear-gradient(180deg,#f5e9cd,#dce4d7);padding:22px;color:#314954;border:1px solid #ead297;box-shadow:0 8px 0 #091e38;position:relative;border-radius:65px 65px 3px 3px}
html[data-art=color] .deck-slot>.eyebrow{text-align:center;color:#795831;margin:5px 0 22px}
html[data-art=color] .deck-slot .loadout-list{border-color:#ba9b6a}
html[data-art=color] .deck-slot .loadout-list button{color:#284452;border-color:#a9b7aa}
html[data-art=color] .deck-slot .loadout-list small{color:#5c716e}
html[data-art=color] .deck-slot .back{color:#715431}
html[data-art=color] .collection-grid{gap:38px;padding:25px 15px 45px;border-top:1px solid #dac08555;border-bottom:1px solid #dac08555;background:radial-gradient(ellipse at 50% 50%,#4d6d813d,transparent 70%)}
html[data-art=color] .inventory-card{position:relative;padding-bottom:10px}
html[data-art=color] .inventory-card:after{content:'◆ ─── ◆';position:absolute;bottom:-14px;left:0;right:0;text-align:center;color:#d6b976;font-size:9px;letter-spacing:5px}
html[data-art=color] .arena-postcards>div{border:3px solid #e0c58e;border-radius:0;transform:rotate(-2deg);box-shadow:5px 7px 0 #05182b66;height:150px;font-style:italic}
html[data-art=color] .arena-postcards>div:nth-child(2){transform:rotate(1deg)}html[data-art=color] .arena-postcards>div:nth-child(3){transform:rotate(-1deg)}
/* Character menus become illuminated character folios, with a distinct left stage. */
html[data-art=color] dialog{--folio:#346d78;background:linear-gradient(90deg,#e5dac0 0 43%,#fcf5e4 43%);border:3px solid #d8b874;outline:1px solid #ffe8b3;outline-offset:5px;border-radius:3px 24px 3px 3px;padding:28px;box-shadow:0 20px 100px #020d29aa,inset 0 0 0 7px #f5ecd4}
html[data-art=color] dialog[data-character=ember]{--folio:#ac5f4a}html[data-art=color] dialog[data-character=tide]{--folio:#3b919c}html[data-art=color] dialog[data-character=stone]{--folio:#659474}html[data-art=color] dialog[data-character=dusk]{--folio:#8b6ba2}
html[data-art=color] .dialog-top{border-bottom:1px solid #b69a67;padding-bottom:18px;margin-bottom:25px}
html[data-art=color] .dialog-top .eyebrow{letter-spacing:4px;color:#8a6837}
html[data-art=color] .dialog-top>button{border:1px solid #bb9c67;background:#efe4c9;width:33px;height:33px;display:grid;place-items:center;padding:0;border-radius:50%;color:#79613b}
html[data-art=color] #detail-portrait{position:relative;isolation:isolate}
html[data-art=color] #detail-portrait:before{content:'';position:absolute;inset:7% 2%;border:1px solid #b89b67;outline:1px solid #b89b6755;outline-offset:9px;border-radius:50% 50% 3px 3px;z-index:-1;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--folio) 40%,transparent),transparent 70%)}
html[data-art=color] .splash-view #detail-portrait:after{content:'✧';position:absolute;top:0;left:calc(50% - 15px);font:38px Georgia;color:#9b793e}
html[data-art=color] .detail-content h2{color:var(--folio);font-size:58px}
html[data-art=color] .detail-tabs{border:0;gap:8px;padding:0 0 15px;border-bottom:1px solid #c6ae81}
html[data-art=color] .detail-tabs button{border:1px solid #c6ae81;background:#e7dcc0;color:#605840;padding:11px 20px;border-radius:2px 9px 2px 2px}
html[data-art=color] .detail-tabs button[aria-selected=true]{background:var(--folio);color:#fff8e5;border-color:var(--folio);box-shadow:0 4px 0 #ac946354}
html[data-art=color] .slot-button{background:#fffaf0;border:1px solid #cbb17f;margin:12px 0;padding:17px 12px;border-radius:2px 13px 2px 2px;box-shadow:3px 4px 0 #b79e6820}
html[data-art=color] .slot-number{color:var(--folio);border-right:1px solid #cbb17f;padding-right:8px}
html[data-art=color] .slot-edit{color:var(--folio)}
html[data-art=color] .trait{background:linear-gradient(100deg,#d9e6d8,#f7f1df);border:1px solid #b9ba8d;border-left:5px solid #74916b;padding:18px;margin:20px 0;border-radius:2px 16px 2px 2px}
html[data-art=color] .trait:last-child{background:linear-gradient(100deg,#ead4cf,#f7f1df);border-color:#bd9487}
html[data-art=color] #picker{background:linear-gradient(135deg,#e0d2b0,#fbf3de);width:min(860px,calc(100% - 40px))}
html[data-art=color] .ability-choice{--enamel:#754833;--rim:#c79557;position:relative;padding:22px;gap:12px;background:#fff9eb;border:1px solid #b79b68;border-radius:3px 20px 3px 3px;box-shadow:3px 5px 0 #a68f6325}
html[data-art=color] .ability-choice .ability-emblem{float:none;margin-bottom:3px;width:58px;height:64px}
html[data-art=color] .ability-choice.buff{--enamel:#276c62;--rim:#68a18c}html[data-art=color] .ability-choice.debuff{--enamel:#66457e;--rim:#ae85bf}
html[data-art=color] .ability-choice>b{border-top:1px solid #c8b58e;padding-top:13px;color:var(--enamel)}
html[data-art=color] .ability-choice:disabled{opacity:.6}html[data-art=color] .roster-choice{background:#f9efd7;border:1px solid #bea573;border-radius:3px 22px 3px 3px;padding:22px}
html[data-art=color] #exit-dialog{background:#f5e9ce;text-align:center;padding:35px}
html[data-art=color] #exit-dialog:before{content:'◇';display:block;font:52px Georgia;color:#b17a54;margin-bottom:17px}
@media(max-width:1050px){html[data-art=color] .battle-ability{grid-template-columns:40px 1fr;padding:13px;gap:5px 10px}html[data-art=color] .ability-emblem{width:39px;height:49px}html[data-art=color] .ability-emblem svg{width:30px;height:30px}html[data-art=color] .menu-action strong{font-size:23px}}
@media(max-width:950px){html[data-art=color] .narration{display:grid;grid-template-columns:1fr auto;justify-content:initial;padding:18px 25px}html[data-art=color] .narration:before,html[data-art=color] .narration:after{display:none}html[data-art=color] .narration>p{min-height:0;margin:8px 0 0;font-size:24px}html[data-art=color] .battle-console.resolving .narration{display:flex}html[data-art=color] .battle-console.resolving .narration:before,html[data-art=color] .battle-console.resolving .narration:after{display:block}html[data-art=color] .chapter-number{min-width:45px;width:45px;height:55px;font-size:28px}html[data-art=color] .deck-grid{gap:20px}html[data-art=color] .deck-slot{padding:15px}html[data-art=color] .detail-content h2{font-size:45px}}
@media(max-width:680px){html[data-art=color] .commands{padding:16px}html[data-art=color] .command-tabs{gap:2px}html[data-art=color] .command-tabs button{padding:8px 6px;font-size:10px}html[data-art=color] .battle-actions{gap:10px}html[data-art=color] .battle-ability{grid-template-columns:1fr;min-height:225px;padding:12px;gap:7px}html[data-art=color] .battle-ability .ability-emblem{grid-column:1;grid-row:1;width:37px;height:43px}html[data-art=color] .battle-ability>small,html[data-art=color] .battle-ability strong,html[data-art=color] .battle-ability>span:not(.ability-emblem){grid-column:1}html[data-art=color] .battle-ability strong{font-size:20px}html[data-art=color] .battle-ability>small{font-size:8px}html[data-art=color] .battle-ability>span:not(.ability-emblem){font-size:11px}html[data-art=color] .battle-ability>b{font-size:10px}html[data-art=color] .battle-console.resolving .narration{padding:25px 18px}html[data-art=color] .hub-actions{padding-left:15px}html[data-art=color] .menu-action{padding:16px!important;gap:14px}html[data-art=color] .menu-action strong{font-size:22px}html[data-art=color] .deck-preview{padding:16px 5px;border-radius:90px 90px 3px 3px}html[data-art=color] .section-heading{margin-top:15px}html[data-art=color] .collection-grid{gap:33px 17px;padding-left:0;padding-right:0}html[data-art=color] dialog{padding:20px;background:linear-gradient(180deg,#e5dac0,#fcf5e4 60%);outline-offset:2px}html[data-art=color] .dialog-top .eyebrow{letter-spacing:2px}html[data-art=color] .detail-tabs button{padding:10px 17px}html[data-art=color] .splash-view #detail-portrait:after{font-size:29px}html[data-art=color] .chapter-number{width:37px;min-width:37px;height:48px;font-size:25px}html[data-art=color] .chapter-copy strong{font-size:21px}}
/* Uploaded logos occupy stable slots; symbols are placeholders, not generated artwork. */
.game-logo{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;vertical-align:middle;flex-shrink:0;font:inherit;overflow:visible}
.game-logo img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
#brand .game-logo{font:inherit;letter-spacing:0;margin:0;width:auto;height:32px;min-width:80px;display:inline-flex}
#brand .game-logo img{width:95px;height:32px}
.cover-mark .game-logo{width:30px;height:30px;display:inline-flex}
.ability-emblem .game-logo{width:35px;height:40px;font:32px Georgia}
.card-face-top>.game-logo{width:25px;height:25px}
.trait>.game-logo{float:right;width:30px;height:30px}
html[data-art=color] .ability-emblem .game-logo{display:inline-flex;font:30px Georgia;transform:rotate(5deg)}
@media(max-width:680px){#brand .game-logo{display:inline-flex;min-width:75px}.ability-emblem .game-logo{width:26px;height:30px}html[data-art=color] .ability-emblem .game-logo{font-size:24px}}