.engine-announcement{position:fixed;inset:0;z-index:200;display:grid;place-items:center;pointer-events:none;padding:24px;box-sizing:border-box;font-family:inherit}.engine-announcement__panel{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(340px,100%);padding:22px 28px;text-align:center;color:#f3ead7;background:#34392ff5;border:1px solid #a1844d;border-radius:6px;outline:1px solid #a1844d;outline-offset:-6px;box-shadow:0 12px 40px #22282045}.engine-announcement__panel strong{font-size:clamp(24px,6vw,34px);line-height:1.25;letter-spacing:.08em;overflow-wrap:anywhere}.engine-announcement__panel span{font-size:14px;line-height:1.5;color:#d8cfb9;overflow-wrap:anywhere}.engine-announcement__panel[data-tone=player]{border-color:#aac5b0;background:#30473ff5}.engine-announcement__panel[data-tone=opponent],.engine-announcement__panel[data-tone=defeat]{border-color:#c38d6e;background:#693e36f5}.engine-announcement__panel[data-tone=victory]{border-color:#e5bd6b;background:#4c452cf5;color:#ffe1a0}.unit,.unit *{box-sizing:border-box}.unit{width:187px;height:140.25px;aspect-ratio:4/3;position:relative;margin:0;padding:0;font:14px/16px Malgun Gothic,Apple SD Gothic Neo,Arial,sans-serif;color:#33362d;background:#f3ead7;border:1px solid #b7ab90;border-radius:3px;box-shadow:1px 2px #443e3020;outline:1px solid #a1844d80;outline-offset:-3px;transform-origin:top left;isolation:isolate;overflow:hidden}.unit:before,.unit:after{content:"";position:absolute;width:7px;height:7px;border:1px solid #a1844d;pointer-events:none;z-index:3}.unit:before{left:2px;top:2px;border-right:0;border-bottom:0}.unit:after{bottom:2px;right:2px;border-left:0;border-top:0}.unit .unit-body{position:relative;z-index:1;display:grid;height:100%;padding:3px 5px;grid-template-rows:20px 2px repeat(2,minmax(0,1fr)) 18px;gap:2px}.unit .unit-title{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;max-width:94px;height:20px;white-space:nowrap}.unit .unit-title strong{font-size:14px;line-height:18px;letter-spacing:-.6px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.unit .card-art{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.24;pointer-events:none;user-select:none}.unit.leader{border-color:#9e4134}.unit .leader-mark{display:inline-block;font:700 14px/16px Malgun Gothic,Apple SD Gothic Neo,Arial,sans-serif;background:#9e4134;color:#f3ead7;padding:0 6px;border-radius:2px}.unit .unit-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;white-space:nowrap;font-size:14px;line-height:18px;font-weight:700;letter-spacing:-.5px}.unit .health{color:#9e4134}.unit .stat-power{margin-right:auto}.unit .shield{color:#627b87}.unit .poison{color:#607354}.unit .hp-track{height:2px;background:#d6cbb3}.unit .hp-track i{display:block;height:100%;background:#607354;transition:width .2s}.unit .ability{appearance:none;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:0;margin:0;padding:2px 4px;gap:4px;position:relative;border:1px solid #b7ab9080;border-radius:2px;background:#e9e2d1eb;color:#33362d;text-align:left;cursor:pointer;touch-action:manipulation;font:14px/16px Malgun Gothic,Apple SD Gothic Neo,Arial,sans-serif}.unit .ability-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 34px;gap:0;font-size:14px;line-height:16px;color:#777565;white-space:nowrap}.unit .ability-meta>span:empty{display:none}.unit .ability .sun{color:#b48335}.unit .ability .moon{color:#627b87}.unit .ability .ability-copy{display:block;flex:1;min-width:0;font-size:14px;line-height:16px;letter-spacing:-.65px;font-weight:700;overflow-wrap:anywhere;word-break:break-all}.unit .ability-name,.unit .ability-mini,.unit .health-mini,.unit .cost-mini,.unit .passive-full{display:none}.unit .passive-mini,.unit .cost-full,.unit .health-full{display:inline}.unit .ability.ready{background:#f8f0dceb;border-color:#a1844d}.unit .ability.ready:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;background:#a1844d}.unit .ability.passive{background:#e3dfcfeb}.unit .ability.unavailable{color:#777565}.unit .ability.chosen{background:#f0d7bef2;border-color:#9e4134}.unit .ability:disabled{opacity:1;cursor:default}.unit .unit-body:not([data-card-preview]) .ability.unavailable{opacity:.35}.unit .ability:focus-visible,.unit:focus-visible{outline:2px solid #9e4134;outline-offset:2px}.unit.targetable{outline:2px solid #9e4134;outline-offset:1px;cursor:pointer;box-shadow:0 0 0 3px #9e413422}.unit.targetable:hover,.unit.target-hover{background:#f0d7be}.unit.selected{border-color:#9e4134}.unit .target-hint{position:absolute;right:3px;bottom:3px;max-width:calc(100% - 6px);overflow:hidden;text-overflow:ellipsis;background:#9e4134;color:#f3ead7;font-size:14px;line-height:16px;padding:1px 3px;white-space:nowrap;pointer-events:none;z-index:2;border:1px solid #f3ead7}.unit.dead{opacity:.45;filter:grayscale(1)}.unit .fallen{position:absolute;top:45%;left:6px;right:6px;background:#34392fe8;color:#f3ead7;text-align:center;padding:6px 0;border:1px solid #a1844d;pointer-events:none;font-size:14px;line-height:16px}@media(prefers-reduced-motion:reduce){.unit .hp-track i{transition:none}}.unit .unit-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:14px;line-height:16px;gap:3px}.unit .unit-footer .shield{justify-self:start}.unit .unit-footer .poison{justify-self:end}.unit .leader-space{text-align:center}:root{font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:#33362d;background:#d8cfb9;font-size:14px;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;overscroll-behavior:none}#game-stage{position:fixed;left:var(--game-left,0px);top:var(--game-top,0px);width:var(--game-width,100vw);height:var(--game-height,100dvh);container:viewport / size;overflow:hidden}#app{position:relative;isolation:isolate;--edge:6px;--hud:26px}button{font:inherit;color:inherit;cursor:pointer;min-height:32px;border:1px solid #b7ab90;background:#f3ead7;border-radius:3px;padding:6px}button:disabled{cursor:default;opacity:.5}button:focus-visible,[tabindex]:focus-visible{outline:2px solid #9e4134;outline-offset:2px}h1,h2,h3,p{overflow-wrap:anywhere}h2{font-size:22px}p{line-height:1.5}.landscape{position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(18deg,transparent 0 8px,#514e3805 9px 10px),radial-gradient(ellipse at 5% 100%,#60735438,transparent 55%),radial-gradient(ellipse at 100% 65%,#60735425,transparent 45%)}.landscape:before,.landscape:after{content:"";position:absolute;bottom:10%;width:160px;height:60%;border-left:4px double #60735428;transform:rotate(8deg);left:4%}.landscape:after{left:auto;right:2%;transform:rotate(-8deg)}.landscape>span{position:absolute;right:6%;top:22%;font:180px Georgia;color:#9e413409}.corner{position:absolute;z-index:10;height:var(--hud);min-height:var(--hud);background:#34392f;color:#f3ead7;border:1px solid #a1844d;outline:1px solid #827652;outline-offset:-3px;box-shadow:2px 3px #33362d20;border-radius:4px;padding:1px 6px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:18px}.top-left{left:var(--edge);top:var(--edge);width:178px;justify-content:flex-start;gap:5px}.top-left>div{display:flex;align-items:center;gap:7px;white-space:nowrap}.top-left>div>span{color:#c3c4af}.seal{background:#9e4134;font:18px/20px Georgia;padding:0 3px}.top-right{right:var(--edge);top:var(--edge);width:86px}.top-right span,.bottom-right span{display:none}.bottom-left{left:var(--edge);bottom:var(--edge);min-width:100px}.bottom-right{right:var(--edge);bottom:var(--edge);min-width:104px;background:#9e4134;border-color:#c38d6e;outline-color:#c38d6e}.battle-host,.recruit-host{position:absolute;inset:calc(var(--edge) + var(--hud) + 4px) var(--edge);overflow:visible}.battlefield{position:absolute;margin:0;display:grid;grid-template-rows:minmax(0,1fr) 28px minmax(0,1fr);gap:6px}.team{position:relative;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:4px}.card-row{display:flex;justify-content:center;align-items:stretch;gap:4px;min-height:0}.card-slot{position:relative;flex:0 0 calc((100% - 4px)/2);height:100%;min-width:0;min-height:0}.single-back .dead-slot{display:none}.resources{display:flex;align-items:center;gap:6px;position:relative;min-width:0;padding:0 2px}.turn-label{flex:none;width:42px;font-size:14px;line-height:16px;font-weight:700;color:#9e4134}.token{flex:1;min-width:0;height:26px;min-height:26px;padding:0 10px;display:flex;align-items:center;gap:12px;text-align:left;background:#34392f;border:1px solid #a1844d;color:#e5bd6b;font-size:18px;line-height:24px}.moon-token{background:#3d4948;color:#bad0ce;border-color:#687b77}.team-count{flex:none;width:28px;text-align:right;font-size:14px}.resource-target .moon-token{outline:2px solid #9e4134;outline-offset:1px}.animal{display:block;object-fit:contain;width:24px;height:24px}.scrim{position:absolute;inset:0;z-index:30;background:#33362da8;display:flex;align-items:center;justify-content:center;padding:12px}.modal{max-width:520px;width:100%;max-height:100%;overflow:auto;scrollbar-width:none;background:#f3ead7;border:1px solid #a1844d;outline:1px solid #a1844d;outline-offset:-6px;box-shadow:5px 8px #33362d30;padding:24px 20px;position:relative}.modal::-webkit-scrollbar{display:none}.modal>button:not(.close){display:block;width:100%;margin-top:10px}.close{position:sticky;float:right;top:0;right:0;width:36px;height:36px;min-height:36px;padding:0;font-size:24px;background:#f3ead7;z-index:1}.primary{background:#9e4134;color:#f3ead7;border-color:#9e4134;font-weight:700}.eyebrow{font-size:14px;letter-spacing:2px;color:#9e4134}.reward-choices{display:grid;gap:10px;margin-top:10px}.reward{text-align:left}.reward>span,.reward>small{display:block;line-height:1.5}.reward>span{font-weight:700}.reward>small{font-size:inherit;color:#777565}.reward:hover{background:#faf3e3}.reward-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reward-cards>article{min-width:0}.reward-card-slot{position:relative;width:100%;aspect-ratio:4/3}.reward-buy,.reward-replace{width:100%;margin-top:8px}.reward-growth{font-size:12px;line-height:1.5;margin:6px 0}.reward-new-card{max-width:230px;margin:0 auto 16px}.guide-scrim{padding:12px;z-index:40}.guide-entry{min-width:0;background:#faf3e3;border:1px solid #b7ab90;padding:18px;box-shadow:2px 3px #33362d12}.guide-entry>header{margin-bottom:16px}.guide-entry h3{font-size:20px;margin:8px 0 3px}.guide-entry i{font-size:12px;color:#777565}.guide-role{display:inline-block;font-size:11px;border:1px solid #a1844d;padding:3px 9px;color:#716650;letter-spacing:1px}.guide-card-slot{position:relative;width:100%;aspect-ratio:4 / 3;margin:0 auto 18px;max-width:374px}.guide-abilities section{border-top:1px solid #d3c5a9;padding-top:12px;margin-top:12px}.guide-abilities h4{font-size:14px;margin:0 0 8px}.guide-abilities h4>span{font-size:10px;color:#777565;font-weight:400;margin-right:4px}.guide-abilities p{font-size:14px;line-height:1.7;margin:6px 0}.guide-abilities .guide-ability-meta{font-size:11px;color:#716650}@media(max-width:680px){.guide-scrim{padding:6px}.guide-entry{padding:14px}}.hold-detail{position:absolute;inset:0;z-index:20;background:#f3ead7;border:4px solid #34392f;outline:1px solid #a1844d;box-shadow:2px 3px #33362d40;padding:12px;pointer-events:none;display:flex;flex-direction:column;justify-content:center;gap:8px;font-size:14px;line-height:18px}.hold-detail p,.hold-detail h2{margin:0}.hold-detail h2{font-size:20px}.hold-detail i{font-size:14px;color:#777565}.hold-detail hr{width:100%;border:0;border-top:1px solid #b7ab90;margin:2px 0}.hold-detail footer{border-top:1px solid #b7ab90;padding-top:6px;color:#777565;text-align:center;font-size:14px;line-height:18px}.recruitment{position:absolute;margin:0;display:grid;grid-template-rows:40px 80px 24px minmax(0,1fr) 40px;gap:6px;text-align:center}.recruit-intro h1{font-family:Georgia,Malgun Gothic,serif;font-size:22px;line-height:24px;margin:0}.recruit-intro p{font-size:12px;line-height:16px;margin:0;color:#777565}.recruit-browser{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:4px;min-height:0}.browse-arrow{padding:0;min-height:0;font-size:26px;background:transparent;border:0}.recruits{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;min-height:0;padding:2px 1px 4px}.recruits::-webkit-scrollbar{display:none}.recruit{flex:0 0 calc((100% - 24px)/4);height:100%;min-width:0;min-height:0;padding:3px;background:#f3ead780;box-shadow:none;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;border-color:transparent}.recruit .animal{width:100%;height:100%}.recruit.picked{border-color:#9e4134;background:#f0d7be}.recruit:hover{background:#faf3e3}.formation-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;color:#716650;line-height:16px}.formation-slot{position:relative;flex:0 0 calc((100% - 4px)/2);display:flex;flex-direction:column;min-width:0;min-height:0;gap:2px}.formation-slot>.card-slot{flex:1;width:100%;height:auto;min-height:0}.slot-select{height:20px;min-height:20px;line-height:18px;padding:0 4px;font-size:14px;border:0;background:transparent;width:100%;white-space:nowrap}.active-slot>.slot-select{background:#9e4134;color:#f3ead7}.empty-slot{width:100%;height:100%;min-height:0;background:#f3ead750;border:1px dashed #a1844d;display:grid;place-items:center;color:#827652}.empty-slot>span{font-size:28px;line-height:1}.empty-slot small{display:block;font-size:14px;margin-top:8px}.remove-card{position:absolute;right:2px;top:0;z-index:2;width:20px;height:20px;min-height:20px;padding:0;border-radius:50%;line-height:16px;background:#34392f;color:#f3ead7}.embark{margin:0;width:100%;height:40px;min-height:40px}@container viewport (max-height:479px){#app{--hud:24px;--edge:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.text-term{font-family:"Noto Serif KR",Batang,Georgia,serif;font-weight:800;color:var(--term-ink,#592b31);padding-inline:.1em;background:linear-gradient(transparent 42%,var(--term-fill,#e8c7a4) 42% 92%,transparent 92%);box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none}.reference-guide{--guide-paper:#f3ead7;--guide-ink:#34392f;--guide-accent:#9e4134;--guide-line:#b7ab90;width:min(1040px,100%);height:100%;max-height:900px;display:flex;flex-direction:column;min-height:0;background:var(--guide-paper);color:var(--guide-ink);border:1px solid #a1844d;box-shadow:5px 8px #33362d30;overflow:hidden;text-align:left}.reference-guide button:not(.ability),.reference-guide input,.reference-guide select{font:inherit;color:inherit;border:1px solid var(--guide-line);border-radius:3px;background:#fff8e9;min-height:40px;padding:8px 12px}.reference-guide button{cursor:pointer}.reference-guide :focus-visible{outline:2px solid var(--guide-accent);outline-offset:2px}.reference-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid var(--guide-line)}.reference-guide-header h2{font-size:26px;margin:2px 0 6px;font-family:Georgia,Malgun Gothic,serif}.reference-guide-header p{margin:0;line-height:1.5}.reference-guide-eyebrow{font-size:11px;letter-spacing:3px;color:var(--guide-accent)}.reference-guide-header [data-guide-close]{flex:none;width:40px;padding:0;font-size:26px}.reference-guide-tabs{display:flex;gap:6px;padding:10px 24px;background:#e8deca;border-bottom:1px solid var(--guide-line)}.reference-guide-tabs button{flex:1;max-width:220px}.reference-guide .reference-guide-tabs button[aria-selected=true],.reference-guide .reference-guide-filters button[aria-pressed=true]{background:var(--guide-ink);border-color:var(--guide-ink);color:var(--guide-paper)}.reference-guide-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:24px;scrollbar-width:thin;scrollbar-color:#a1844d transparent}.reference-guide .document-reader>header h1{font-size:28px;margin:0 0 8px}.reference-guide .document-reader>header p{color:#716650;margin:0 0 16px}.reference-guide .document-reader-reading-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-24px;background:var(--guide-paper);z-index:2;border-block:1px solid var(--guide-line);padding:10px 0;margin-bottom:22px;font-size:12px}.reference-guide .document-reader-reading-tools label{display:flex;align-items:center;gap:8px}.reference-guide progress{width:90px;height:5px;accent-color:var(--guide-accent)}.reference-guide .document-reader-reading-tools button{min-height:28px;padding:2px 8px;font-size:12px}.reference-guide [hidden]{display:none!important}.reference-guide .document-reader-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px}.reference-guide .document-reader-toc{position:sticky;top:38px;align-self:start;display:flex;flex-direction:column;gap:4px;font-size:13px}.reference-guide .document-reader-toc strong{margin:12px 0 4px;color:var(--guide-accent)}.reference-guide .document-reader-toc a,.reference-guide .document-reader-mobile-toc a{display:block;text-decoration:none;color:var(--guide-ink);padding:7px 10px;border-left:2px solid var(--guide-line)}.reference-guide .document-reader-toc a:hover,.reference-guide .document-reader-toc a.active{background:#e8deca;border-color:var(--guide-accent)}.reference-guide .document-reader-mobile-toc{display:none}.reference-guide .document-reader-content{min-width:0;line-height:1.85}.reference-guide .document-reader-content>:first-child{margin-top:0}.reference-guide .document-reader-content h1{font-size:24px}.reference-guide .document-reader-content h2{font-size:20px;margin-top:32px;padding-top:16px;border-top:1px solid var(--guide-line);scroll-margin-top:60px;color:var(--guide-accent)}.reference-guide .document-reader-content h3{font-size:16px}.reference-guide .document-reader-content p{line-height:1.85}.reference-guide .document-reader-content strong{color:var(--guide-accent)}.reference-guide .document-reader-content blockquote{margin:16px 0;padding:10px 16px;background:#e8deca;border-left:3px solid var(--guide-accent)}.reference-guide .document-reader-content blockquote p{margin:0}.reference-guide .document-reader-content li{margin:6px 0}.reference-guide .document-reader-table-scroll{overflow-x:auto}.reference-guide table{border-collapse:collapse;width:100%;font-size:13px}.reference-guide th,.reference-guide td{border:1px solid var(--guide-line);padding:10px;text-align:left}.reference-guide th{background:#e8deca}.reference-guide-catalog-tools{display:flex;align-items:end;gap:12px}.reference-guide-catalog-tools label{display:flex;flex-direction:column;gap:6px;font-size:12px}.reference-guide-search{flex:1;min-width:0}.reference-guide-search input{width:100%}.reference-guide-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.reference-guide-filters button{min-height:34px;padding:5px 14px}.reference-guide-count{font-size:12px;color:#716650;margin:16px 0}.reference-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reference-guide-empty{grid-column:1/-1;text-align:center;padding:40px 12px;border:1px dashed var(--guide-line)}@media(max-width:680px){.reference-guide-header{padding:14px 16px 12px}.reference-guide-header h2{font-size:23px}.reference-guide-header>div>p:last-child{font-size:12px}.reference-guide-tabs{padding:8px 16px}.reference-guide-scroll{padding:16px}.reference-guide .document-reader-reading-tools{top:-16px}.reference-guide .document-reader-layout{display:block}.reference-guide .document-reader-toc{display:none}.reference-guide .document-reader-mobile-toc{display:block;background:#e8deca;padding:12px;margin-bottom:20px}.reference-guide .document-reader-mobile-toc summary{cursor:pointer;font-weight:700}.reference-guide .document-reader-mobile-toc strong{display:block;margin:12px 0 6px}.reference-guide .document-reader-content{font-size:14px}.reference-guide-grid{grid-template-columns:1fr}.reference-guide-catalog-tools{gap:8px}.reference-guide-catalog-tools select{max-width:110px}.reference-guide-catalog-tools input{padding:8px}.reference-guide .document-reader>header h1{font-size:24px}}@media(max-height:450px){.reference-guide-header{padding:8px 16px}.reference-guide-header>div>p:last-child,.reference-guide-eyebrow{display:none}.reference-guide-header h2{font-size:20px;margin:0}.reference-guide-tabs{padding-block:6px}.reference-guide-tabs button{min-height:32px;padding-block:4px}}.engine-pwa-install{position:fixed;z-index:10000;box-sizing:border-box;inset:auto max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));width:auto;max-width:420px;margin-inline:auto;padding:16px;border:1px solid #ddd0b4;border-radius:16px;background:#fff9eb;color:#30291e;box-shadow:0 8px 32px #0005;font:15px/1.5 system-ui,sans-serif;text-align:left;overflow-wrap:anywhere}.engine-pwa-install[hidden],.engine-pwa-install [hidden]{display:none!important}.engine-pwa-install__title{display:block;font-size:17px}.engine-pwa-install p{margin:8px 0}.engine-pwa-install__message:empty{display:none}.engine-pwa-install__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.engine-pwa-install button{min-height:44px;padding:8px 16px;border:1px solid transparent;border-radius:10px;background:#493b26;color:#fff9eb;font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}.engine-pwa-install button.engine-pwa-install__later{background:transparent;color:inherit;border-color:#b6a789}.engine-pwa-install button:focus-visible{outline:3px solid #2871bb;outline-offset:3px}.engine-pwa-install button:disabled{opacity:.6;cursor:wait}