:root{color-scheme:dark;--ink:#0c1920;--panel:#12272d;--edge:#54615a;--paper:#e8dfbf;--muted:#9caeaa;--gold:#c6a064;--teal:#73b9b3;--red:#ba7288;--mage-url:url('../../assets/pixel-v1/mages-atlas-v1.png');--relic-url:url('../../assets/pixel-v1/relics-atlas-v1.png')}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;font-size:13px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #f1d497;outline-offset:4px}button{border:0}h1,h2,p{margin:0}h2{font-size:16px;letter-spacing:-.3px}.world-backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#0b18203b 0%,#0b182075 29%,#0b1820d9 80%,#0b1820 100%),url('../../assets/pixel-v1/moonlit-courtyard-v1.png') center top/cover no-repeat;image-rendering:pixelated}.game-shell{max-width:1680px;margin:0 auto;padding:30px 36px 16px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;border-bottom:1px solid #bd9b604a;padding-bottom:20px}.brand{display:flex;align-items:center;gap:13px}.brand-sigil{width:54px;height:54px;background:#122830df;border:1px solid #8b7855;display:grid;place-items:center;box-shadow:3px 3px 0 #091419}.brand-sigil .relic{width:43px;height:43px}.brand strong{display:block;font-family:Georgia,serif;font-size:24px;letter-spacing:2.8px;line-height:1.03;font-weight:normal}.brand em{display:block;font-size:21px;color:#e7c991;font-style:normal;letter-spacing:3.2px}.brand small{display:block;font-size:10px;letter-spacing:3.5px;margin-top:6px;color:#bfccbf}.location{text-align:center}.location strong{display:block;font-size:18px;letter-spacing:2px;margin:3px 0}.location small{color:#b6c4bd;font-size:11px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:600}.header-actions{display:flex;gap:9px}.quiet-button{border:1px solid #66716a;color:#c9d2c1;background:#142a30ca;padding:8px 12px;font-size:11px;white-space:nowrap}.quiet-button:hover{border-color:var(--gold);color:var(--paper)}.quiet-button span{margin-left:10px;color:var(--gold)}
.journey{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0 25px}.faction-banner{display:flex;align-items:center;gap:12px;min-width:175px}.faction-mark{height:42px;width:37px;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);display:flex;justify-content:center;align-items:center;padding-bottom:6px;font-size:28px;border-top:2px solid #94b7ad}.faction-mark.teal{color:#ace0d2;background:#285a5c}.faction-mark.crimson{background:#6c394e;color:#e2a4b7;border-color:#d9a0a2}.faction-banner small{font-size:8px;letter-spacing:1.7px;color:#8cb4ac;display:block}.faction-banner strong{display:block;letter-spacing:1.4px;font-size:16px}.faction-banner div>span{font-size:10px;color:#9cafab}.opponent-banner{text-align:right}.opponent-banner small{color:#ca96a6}.chapter-path{display:flex;gap:17px;align-items:center}.chapter{display:flex;gap:11px;align-items:center;text-align:left;background:#10232bb8;border:1px solid #5d685d6b;min-width:173px;padding:11px 15px}.chapter.active{border-color:#c3a26b;background:#253735e8;box-shadow:inset 0 -3px 0 #b68c55}.chapter-number{color:#8da49e;font-family:Georgia,serif;font-size:28px;line-height:1}.chapter.active .chapter-number{color:#f0d5a0}.chapter strong{display:block;font-size:12px;letter-spacing:.5px}.chapter small{display:block;font-size:10px;color:#9aaca7;margin-top:3px}.path-arrow{color:#889b91;font-size:22px}
.battle-layout{display:grid;grid-template-columns:204px minmax(0,1fr)218px;gap:18px;align-items:start}.pixel-panel{background:#10252cec;border:1px solid #697064;box-shadow:4px 4px 0 #051318a1;position:relative}.pixel-panel:before,.pixel-panel:after{content:'';width:6px;height:6px;background:var(--gold);position:absolute;top:-1px}.pixel-panel:before{left:-1px}.pixel-panel:after{right:-1px}.selected-panel{padding:17px 15px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:6px}.small-label{font-size:9px;letter-spacing:.5px;color:#afc1b4}.portrait-well{height:164px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 72%,#54877c26 0,transparent 64%);margin:8px -3px 4px;border-bottom:1px solid #62716b5e}.portrait-halo{position:absolute;width:121px;height:70px;border:1px solid #739c8159;border-radius:50%;bottom:12px;transform:scaleY(.45);box-shadow:0 0 0 7px #5b8b720a}.mage-sprite{display:block;background-image:var(--mage-url);background-size:300% 200%;background-repeat:no-repeat;background-position:calc(var(--cx)*50%) calc(var(--cy)*100%);image-rendering:pixelated;flex-shrink:0}.portrait{width:156px;height:156px;position:relative}.selected-identity{text-align:center}.selected-identity .eyebrow{font-size:8px;color:var(--teal)}.selected-identity h1{font-size:23px;letter-spacing:2px;font-weight:600;margin:3px 0}.selected-identity p{font-size:10px;color:var(--muted)}.stats-line{display:flex;justify-content:space-between;align-items:center;margin:16px 0 15px;font-size:11px;color:#a9bbb2}.stats-line b{font-family:monospace;color:var(--paper);margin-left:8px;font-size:12px}.hp-chips{display:flex;gap:3px}.hp-chips i{width:10px;height:7px;background:#80b69b;border:1px solid #b4d0a8}.hp-chips i.empty{background:#233c3c;border-color:#45655d}.affinity-heading{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px}.affinity-heading small{color:#789f99;font-size:8px}.affinity-buttons{display:flex;flex-wrap:wrap;gap:6px;min-height:35px}.affinity-button{border:1px solid #64796a;display:flex;align-items:center;gap:6px;background:#163039;padding:4px 8px;font-size:11px;min-width:68px}.affinity-button.active{border-color:var(--gold);background:#3c4435;color:#f3d5a0}.affinity-button .relic{width:22px;height:22px}.attack-summary{display:flex;justify-content:space-between;margin:13px 0 15px;font-size:10px;color:#b7c8ba}.attack-summary span:first-child{color:#e3c594}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-button{display:flex;flex-direction:column;gap:2px;padding:9px 5px;border:1px solid #71816f;background:#15323a;font-size:12px}.action-button small{font-family:monospace;font-size:9px;color:#9caeaa}.action-button.active{background:#8e7450;color:#fff2ce;border-color:#d2b57b;box-shadow:inset 0 -3px #4c4331}.action-button.active small{color:#e2d1b0}.tactical-note{display:flex;gap:8px;margin-top:17px;padding-top:13px;border-top:1px solid #67706950}.tiny-sigil{font-size:17px;color:#91aba2}.tactical-note p{font-size:10px;line-height:1.8;color:#9dafaa}
.turn-ribbon{display:flex;justify-content:space-between;align-items:center;background:#10252cd9;padding:11px 14px;border:1px solid #6f796666;border-bottom:0;min-height:51px}.turn-ribbon>div{display:flex;align-items:center;gap:8px}.turn-dot{width:6px;height:6px;background:#88c2aa;box-shadow:0 0 0 3px #88c2aa14}.turn-ribbon strong{font-size:12px;letter-spacing:.3px}.round-label{font-size:9px;font-family:monospace;letter-spacing:1px;color:#a0b6ac;margin-left:6px}.ap-label{font-size:9px;color:#a9bab2}.ap-gems{display:flex;gap:8px;margin:0 7px}.ap-gems i{height:10px;width:10px;background:#dfbf7c;transform:rotate(45deg);border:1px solid #f3daa2;box-shadow:2px 2px 0 #796640}.ap-gems i.spent{background:#243738;border-color:#63736a;box-shadow:none}.ap-controls #ap-value{font-size:10px;font-family:monospace;color:#dcc498}.end-turn{margin-left:12px;background:#465143;border:1px solid #a3a180;padding:5px 10px;font-size:10px;color:#e7ddba}.end-turn span{margin-left:10px;color:#dcc393;font-size:14px}
.board-frame{border:2px solid #747868;background:#172a2df2;padding:8px 8px 0;box-shadow:inset 0 0 0 2px #263b3b,0 6px 0 #091a21}.coordinate-columns{margin-left:18px;display:grid;grid-template-columns:repeat(15,1fr);height:22px;align-items:center;font-size:8px;font-family:monospace;color:#9baa9c;text-align:center}.board-and-rows{display:flex}.coordinate-rows{display:grid;grid-template-rows:repeat(7,1fr);width:18px;flex:none;font-size:9px;color:#9baa9c;font-family:monospace;align-items:center;text-align:left}.board{width:100%;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:15/7;border:1px solid #75857b;position:relative;background:#273e40}.cell{position:relative;min-width:0;min-height:0;padding:0;overflow:visible;border:0;border-right:1px solid #71857c40;border-bottom:1px solid #71857c40;background-color:#31484a;background-image:linear-gradient(0deg,transparent calc(100% - 2px),#92a59a10 calc(100% - 2px)),linear-gradient(90deg,transparent calc(100% - 2px),#92a59a09 calc(100% - 2px));transition:background-color .1s}.cell:nth-child(even){background-color:#2b4144}.cell:after{content:'';position:absolute;inset:6px;border:1px solid #0a202117;pointer-events:none}.cell.home-blue{background-color:#2c4b4d}.cell.home-blue:nth-child(even){background-color:#315153}.cell.home-red{background-color:#4b4249}.cell.home-red:nth-child(even){background-color:#4c3f47}.cell.home-blue.edge-top{border-top:1px solid #7ea99a80}.cell.home-red.edge-top{border-top:1px solid #af849980}.cell.home-blue.edge-bottom{border-bottom:1px solid #7ea99a80}.cell.home-red.edge-bottom{border-bottom:1px solid #af849980}.cell.home-blue.edge-right{border-right:1px solid #7ea99a80}.cell.home-red.edge-left{border-left:1px solid #af849980}.cell.range{background:#716447!important;box-shadow:inset 0 0 0 1px #cdb7797a}.cell.area{background:#a68148!important;box-shadow:inset 0 0 0 2px #ffe0a6;z-index:2}.cell.move-target{background:#397779!important;box-shadow:inset 0 0 0 1px #a6d8c59c}.cell.move-target:before{content:'·';color:#cbebd5;font-size:33px;line-height:1;position:absolute;inset:0;display:grid;place-items:center}.cell.selected{box-shadow:inset 0 0 0 2px #f1d99a;z-index:3;background:#5b624c!important}.cell:hover{box-shadow:inset 0 0 0 2px #b6bea5;z-index:4}.cell.jar-cell{background:#203437}.cell.jar-cell.red{background:#3b313c}.unit-figure{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.unit-figure .mage-sprite{width:100%;height:100%;transform:scale(1.17);transform-origin:center 70%}.unit-marker{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);height:4px;display:flex;gap:2px;z-index:2}.unit-marker i{width:6px;height:3px;background:#aac9a7;box-shadow:0 1px 0 #071b22}.unit-marker.red i{background:#d69cb4}.unit-marker i.empty{background:#2b3439;border-bottom:1px solid #68787a}.unit-tag{font-size:7px;font-family:monospace;position:absolute;left:3px;top:2px;line-height:1;color:#add0c9;z-index:4;background:#112a2c9e;padding:2px}.unit-tag.red{color:#e0aaba;background:#3225339e}.secret-tag{position:absolute;right:3px;top:3px;font-size:8px;color:#c3acbe;line-height:1;background:#352b3d;z-index:4;padding:1px 3px}.unit-affinity{position:absolute;right:1px;top:1px;width:15px;height:15px;z-index:5}.relic{display:block;background-image:var(--relic-url);background-size:400% 300%;background-repeat:no-repeat;background-position:calc(var(--ix)*100% / 3) calc(var(--iy)*50%);image-rendering:pixelated;flex-shrink:0}.jar-sprite{position:absolute;inset:8% 10%;width:80%;height:80%;--ix:1;--iy:2;opacity:.85}.jar-emblem{position:absolute;left:36%;top:38%;width:29%;height:29%;z-index:1}.jar-name{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);font-size:7px;white-space:nowrap;color:#c0d9c8;z-index:4}.jar-name.red{color:#dfb2c0}.board-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 3px 10px 18px;font-size:8px;color:#adb9a9}.board-caption>span{display:flex;align-items:center;gap:6px}.legend-square{height:6px;width:6px;border:1px solid #c6c0a1;margin-left:12px}.legend-square:first-child{margin-left:0}.legend-square.move{background:#3b7c7b}.legend-square.attack{background:#8f784c}.legend-square.selected{background:#d6c391}.text-button{padding:0;background:none;color:#d2b982;font-size:10px}.text-button:hover{color:#fff0c7}.field-message{display:flex;align-items:center;gap:10px;padding:13px 5px 14px;color:#c8ceba}.message-mark{font-size:23px;color:#d9b984;line-height:1}.field-message p{font-size:11px;flex:1}.grid-size{font-size:9px;letter-spacing:2px;color:#90a49a;font-family:monospace}.battle-bottom{display:grid;grid-template-columns:1fr 1fr;gap:17px}.victory-note{padding:15px 18px;border:1px solid #646e5b69;background:#142a2dbd}.victory-note h2{font-size:13px;margin:7px 0;color:#e8d6ac;letter-spacing:.5px}.victory-note p{font-size:10px;color:#a3b6a9;line-height:1.8;max-width:250px}.jar-key{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:9px;color:#b4c2b0}.jar-key-icon{width:27px;height:27px}.jar-key b{color:#e0c68f}.battle-log{padding:15px 15px;border:1px solid #646e5b69;background:#12282cbd}.battle-log ol{padding:0;list-style:none;margin:10px 0 0;display:flex;flex-direction:column;gap:9px}.battle-log li{display:flex;gap:9px;font-size:9px;line-height:1.6;color:#a8bab1}.battle-log li b{font-family:monospace;color:#b5a379;font-size:8px;font-weight:400;white-space:nowrap}
.intel-column{display:flex;flex-direction:column;gap:17px}.enemy-panel{padding:17px 14px 13px}.enemy-panel h2{font-size:14px;margin:12px 0 5px;letter-spacing:.7px}.muted{font-size:10px;color:var(--muted);line-height:1.8}.enemy-roster{display:flex;flex-direction:column;gap:1px;margin-top:14px}.enemy-entry{width:100%;display:flex;align-items:center;background:#1e32367d;border-left:2px solid #b683965e;padding:1px 4px;gap:6px;min-height:31px;text-align:left}.enemy-entry:hover{background:#354147}.enemy-entry .mage-sprite{width:30px;height:30px}.enemy-entry strong{font-size:9px;letter-spacing:.4px;font-weight:500;color:#ccbecc}.enemy-entry small{font-size:8px;color:#869a96}.enemy-entry>div{display:flex;flex-direction:column;flex:1;line-height:1.4}.enemy-entry .hidden-element{color:#bc9cac;font-size:12px;margin-right:3px}.enemy-entry .relic{width:20px;height:20px}.enemy-entry.eliminated{opacity:.4;border-color:#6c7776}.intel-note{display:flex;align-items:center;gap:7px;margin-top:13px;border-top:1px solid #6575685c;padding-top:10px;color:#adbbaf;font-size:8px;line-height:1.8}.lock-pixel{color:#a2b7a5;font-size:16px}.hidden-panel{padding:15px 12px}.hidden-card-art{display:flex;gap:7px;align-items:center;margin-top:12px}.card-art{width:73px;height:99px;--ix:3;--iy:2;background-size:400% 300%;background-position:100% 100%;filter:drop-shadow(3px 4px 0 #09131b)}.hidden-card-art>div{flex:1}.hidden-card-art small{font-size:8px;color:#adbbaf}.hidden-card-art h2{font-size:15px;margin:3px 0 7px;letter-spacing:.6px}.hidden-card-art p{font-size:9px;line-height:1.8;color:#a6b7ac}.hidden-card-art .text-button{margin-top:9px;font-size:9px}.game-footer{border-top:1px solid #5a6d5b69;margin-top:22px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#788f89;font-size:8px;letter-spacing:1px;gap:15px}.footer-elements{display:flex;gap:9px}.footer-elements .relic{width:21px;height:21px}.game-footer b{font-weight:400;margin-left:10px;letter-spacing:.3px}.game-footer a{white-space:nowrap;font-size:9px;color:#a4b3a5}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#29433ef5;border:1px solid #b2ac83;box-shadow:4px 4px 0 #081a20;color:#f0e4b7;font-size:12px;padding:12px 20px;z-index:20;transition:transform .2s;max-width:90vw}.toast.show{transform:translateX(-50%) translateY(0)}.pixel-dialog{background:#142b31;border:2px solid #ac986c;box-shadow:8px 8px 0 #071419;color:var(--paper);padding:23px;max-width:450px;width:90vw}.pixel-dialog::backdrop{background:#03131bdd}.pixel-dialog h2{font-size:22px;margin:13px 0}.pixel-dialog p{font-size:12px;color:#aebfb2;line-height:1.9;margin-bottom:20px}.dialog-close{background:none;font-size:24px;line-height:1;color:#cbb786}.gold-button{background:#9b7b4e;border:1px solid #d5b680;padding:11px 18px;color:#fff1c6;margin-top:15px;display:block;width:100%;font-size:12px}.defense-row{padding:10px 0;border-top:1px solid #65807750;display:flex;gap:9px;align-items:center}.defense-row label{font-size:11px;flex:1}.defense-row select{padding:7px;background:#213c40;color:#ead9b2;border:1px solid #849880;font:inherit}
.catalog{max-width:1260px;margin:auto;padding:40px 35px 70px}.catalog .masthead{margin-bottom:35px}.catalog-intro{margin:30px 0}.catalog-intro h1{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:1px;margin-bottom:9px}.catalog-intro p{font-size:13px;color:#aabcb0}.catalog-section{margin-top:38px}.catalog-section>h2{font-size:17px;margin-bottom:17px;letter-spacing:1px}.character-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.character-card{padding:20px;text-align:center}.character-card .sprites-pair{display:flex;justify-content:center;align-items:end}.character-card .mage-sprite{width:150px;height:150px}.character-card h3{margin:17px 0 5px;font-size:17px}.character-card p{font-size:11px;color:#aebbae}.character-card small{display:block;font-size:9px;color:var(--gold);letter-spacing:1.5px;margin-top:12px}.element-gallery{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.element-card{padding:15px 6px;text-align:center}.element-card .relic{width:65px;height:65px;margin:0 auto 10px}.element-card strong{font-size:12px}.prop-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.prop-card{display:flex;align-items:center;gap:18px;padding:20px}.prop-card .relic{width:85px;height:85px}.prop-card h3{font-size:16px;margin:0 0 7px}.prop-card p{font-size:11px;color:var(--muted)}.backdrop-preview{width:100%;height:auto;image-rendering:pixelated;border:2px solid #68766a;display:block}.download-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.catalog-footnote{font-size:11px;color:#9eb2a5;margin-top:24px;line-height:1.9}
@media(min-width:1550px){.battle-layout{grid-template-columns:220px minmax(0,1fr)234px;gap:22px}.selected-panel{padding:18px}.portrait-well{height:182px}.portrait{height:174px;width:174px}.enemy-entry{min-height:35px}.enemy-entry .mage-sprite{width:33px;height:33px}.enemy-panel{padding:18px 16px}}
@media(max-width:1250px){.game-shell{padding:23px 22px 15px}.battle-layout{grid-template-columns:178px minmax(0,1fr)185px;gap:12px}.chapter{min-width:145px;padding:9px 10px}.chapter-path{gap:9px}.faction-banner{min-width:145px}.faction-banner small{font-size:6px}.faction-banner strong{font-size:13px}.faction-banner .faction-mark{width:30px;height:36px}.portrait-well{height:141px}.portrait{width:135px;height:135px}.selected-panel{padding:13px}.enemy-panel{padding:13px 10px}.turn-ribbon{padding:9px}.round-label,.ap-label{display:none}.end-turn{margin-left:4px}.hidden-card-art{gap:3px}.card-art{width:57px;height:82px}.hidden-card-art h2{font-size:13px}.battle-bottom{gap:10px}.victory-note,.battle-log{padding:12px}.location strong{font-size:15px}.brand strong{font-size:20px}.brand em{font-size:18px}.cell .unit-tag,.secret-tag{font-size:6px}.element-gallery{grid-template-columns:repeat(5,1fr)}}
@media(max-width:980px){.masthead{flex-wrap:wrap}.location{display:none}.journey{gap:12px;padding:21px 0}.faction-banner{display:none}.chapter-path{justify-content:center;width:100%}.chapter{flex:1}.chapter-path .path-arrow{display:none}.battle-layout{grid-template-columns:158px minmax(0,1fr)}.intel-column{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr}.enemy-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.enemy-panel h2{margin:8px 0}.enemy-panel .muted{display:none}.hidden-card-art{justify-content:center}.card-art{width:82px;height:108px}.enemy-panel .intel-note{margin-top:9px}.battle-bottom{grid-template-columns:1fr}.battle-log{display:none}.selected-panel{padding:12px}.portrait-well{height:121px}.portrait{width:119px;height:119px}.selected-identity h1{font-size:20px}.affinity-heading{display:block}.affinity-heading small{display:block;margin:4px 0}.tactical-note{margin-top:11px;padding-top:8px}.selected-panel .tactical-note p{font-size:9px}.field-message p{font-size:10px}.grid-size{display:none}.game-footer b{display:none}.character-card .mage-sprite{width:100px;height:100px}.prop-card{padding:13px;gap:9px}.prop-card .relic{width:65px;height:65px}}
@media(max-width:650px){.game-shell{padding:16px 10px}.brand-sigil{width:40px;height:43px}.brand-sigil .relic{width:32px;height:32px}.brand{gap:8px}.brand strong{font-size:16px}.brand em{font-size:14px}.brand small{font-size:7px;letter-spacing:2px}.header-actions{gap:5px}.quiet-button{font-size:9px;padding:6px 7px}.masthead{gap:8px;padding-bottom:15px}.chapter{min-width:0;gap:7px;padding:9px 7px}.chapter-number{font-size:21px}.chapter strong{font-size:9px}.chapter small{font-size:7px}.battle-layout{display:flex;flex-direction:column;gap:14px}.battle-center{order:0;width:100%;min-width:0}.selected-panel{order:1;width:100%;display:grid;grid-template-columns:90px 1fr 1fr;gap:7px 15px;padding:12px}.selected-panel .panel-heading{grid-column:1/-1}.portrait-well{grid-row:2/5;grid-column:1;height:100px;margin:0;border:0}.portrait{width:99px;height:99px}.portrait-halo{display:none}.selected-identity{grid-column:2;text-align:left}.selected-identity h1{font-size:18px;margin:0}.selected-identity p{font-size:9px}.selected-identity .eyebrow{font-size:7px}.stats-line{grid-column:3;margin:4px 0}.affinity-heading{grid-column:2;margin:0;font-size:9px}.affinity-heading small{display:none}.affinity-buttons{grid-column:3;min-height:25px}.affinity-button{font-size:9px;padding:2px 5px;min-width:55px}.affinity-button .relic{width:18px;height:18px}.attack-summary{grid-column:2;margin:4px 0;font-size:9px}.action-buttons{grid-column:3}.action-button{padding:4px;font-size:9px}.action-button small{font-size:7px}.tactical-note{grid-column:1/-1;padding-top:6px;margin-top:0}.turn-ribbon{padding:9px 8px;min-height:42px}.turn-ribbon strong{font-size:10px}.ap-gems{gap:6px;margin:0 3px}.ap-gems i{width:8px;height:8px}.end-turn{padding:4px 7px;font-size:9px}.end-turn span{margin-left:4px}.board-frame{padding:4px 3px 0}.coordinate-columns{height:18px;font-size:6px;margin-left:12px}.coordinate-rows{width:12px;font-size:7px}.board-caption{font-size:7px;padding-left:12px}.board-caption .text-button{font-size:8px}.board-caption>span{gap:3px}.legend-square{margin-left:5px}.cell .unit-figure .mage-sprite{transform:scale(1.28)}.unit-tag{display:none}.secret-tag{font-size:5px;right:1px;top:1px;padding:1px}.unit-marker{gap:1px;bottom:1px}.unit-marker i{width:4px;height:2px}.unit-affinity{width:9px;height:9px}.jar-name{display:none}.jar-sprite{inset:1% 5%;width:90%;height:90%}.field-message{padding:11px 2px}.field-message p{font-size:9px}.victory-note{padding:11px 13px}.victory-note h2{font-size:12px}.victory-note p{max-width:none;font-size:9px}.jar-key{margin-top:3px}.intel-column{order:2;width:100%;display:flex;flex-direction:column}.enemy-roster{grid-template-columns:repeat(3,1fr)}.hidden-panel{display:none}.game-footer{gap:8px;margin-top:17px;flex-wrap:wrap}.footer-elements{gap:6px}.footer-elements .relic{width:18px;height:18px}.game-footer>span:nth-child(2){font-size:7px}.catalog{padding:24px 15px}.character-gallery{grid-template-columns:1fr}.character-card .mage-sprite{width:140px;height:140px}.element-gallery{grid-template-columns:repeat(3,1fr)}.prop-gallery{grid-template-columns:1fr}.catalog-intro h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.toast{visibility:hidden;pointer-events:none}.toast.show{visibility:visible}