@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#20383d;background:#f4f2eb;font-synthesis:none;--ink:#17343b;--teal:#147d75;--muted:#7a8784;--line:#dedfd5;--paper:#fffef8;--gold:#c99535}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{border:0}button:disabled{opacity:.44;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.06)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #e9ae43;outline-offset:3px}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.topbar{height:90px;background:var(--ink);color:#f4f3e9;display:flex;align-items:center;padding:0 max(32px,calc((100vw - 1456px)/2));gap:70px;box-shadow:0 3px 15px #19363d12}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:29px;letter-spacing:3px;font-weight:700;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.1px;font-weight:500;color:#c2ceca;margin-top:1px}.brand-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #d5e0cf75;border-radius:50%;font-size:40px;line-height:1;color:#e8c16f;transform:rotate(-16deg)}nav{display:flex;align-self:stretch;gap:32px}.nav-button{background:transparent;color:#c1cecb;font-size:13px;position:relative;padding:0 2px;white-space:nowrap}.nav-button.active{color:#f3d487;font-weight:700}.nav-button.active:after{position:absolute;bottom:0;left:0;right:0;content:'';height:3px;background:#efc978}.nav-button span{margin-left:6px;color:#839b98}.version{margin-left:auto;font-size:11px;white-space:nowrap;color:#b9cac5}.version>span,.live-dot{display:inline-block;width:6px;height:6px;background:#6cc6a9;border-radius:50%;margin-right:7px}.version b{font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:1px;background:#ffffff0e;padding:5px 7px;border:1px solid #ffffff14;border-radius:4px;margin-left:10px}main{max-width:1456px;padding:35px 32px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;color:#7d8e84;margin:0 0 8px}h1{font-size:27px;letter-spacing:-1.1px;margin:0;line-height:1.5;font-weight:800}.intro{font-size:12px;color:#808a84;margin:6px 0 0}.session-tools{display:flex;align-items:center;gap:14px}.session-tools>span{font-size:10px;color:#8d978e}.icon-button{background:transparent;border:1px solid #d9ddd3;border-radius:50%;width:32px;height:32px;font-size:18px}.text-button{padding:0;background:none;font-size:11px;font-weight:500}.resource-bar{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--paper);height:83px;margin-bottom:20px;box-shadow:0 3px 5px #2a403003}.resource-bar>div{display:flex;align-items:center;gap:13px;padding:0 26px;flex:1;min-width:0;border-left:1px solid #e5e6dc}.resource-bar>div:first-child{border-left:0;flex:1.75}.stat-symbol{font-size:26px;color:#537a72}.stat-symbol.gold{color:#d0a344}.stat-symbol.wood{color:#a47a51}.stat-symbol.wisp{color:#6e9eac}.stat-label{display:block;font-size:10px;color:#89918a;margin-bottom:3px}.resource-bar strong{font-family:'Barlow Condensed',sans-serif;font-size:27px;font-weight:600;line-height:1.1}.resource-bar strong small{font-size:16px;color:#a5ada4;font-weight:400}.sea-label{margin-left:auto;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:10px;letter-spacing:1px;color:#608c7e;background:#eef4eb;padding:6px 8px;border-radius:3px}.danger-stat{position:relative}.danger-meter{height:3px;width:55px;background:#e6e8de;border-radius:3px;align-self:flex-end;margin:0 0 3px auto;overflow:hidden}.danger-meter span{height:100%;display:block;background:#789b7e;transition:width .3s}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px;align-items:start}.battle-column{min-width:0}.board-frame{background:#fffef8;border-radius:10px;overflow:hidden;border:1px solid #d8dfd2;box-shadow:0 5px 18px #17343b09}.board-heading{height:48px;background:#203e43;color:#e6ede5;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:11px}.board-heading strong{font-size:12px;font-weight:500}.board-heading #phase-label{margin-left:12px;padding-left:12px;border-left:1px solid #ffffff25;color:#a7bab2;font-size:10px}.board-controls{display:flex;gap:5px}.board-controls button{color:#e0e6de;background:#ffffff09;border:1px solid #ffffff13;border-radius:4px;min-width:32px;height:27px;font-size:13px}.canvas-wrap{position:relative;aspect-ratio:1000/620;overflow:hidden;background:#61a1a4}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.map-caption{position:absolute;top:20px;left:23px;pointer-events:none;color:#faffed;font-family:'Barlow Condensed',sans-serif;letter-spacing:2.3px;font-size:17px;text-shadow:0 1px 8px #143a35}.map-caption>span{font-size:10px;background:#173e3790;padding:3px 5px;margin-right:9px;border:1px solid #ffffff50}.map-caption small{display:block;font-family:'Noto Sans KR',sans-serif;font-size:8px;letter-spacing:.3px;margin:6px 0 0 35px;opacity:.8}.ready-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(90deg,#112e3a25,#11382f5c 48%,#17332b20);text-align:center;color:#fffcec}.ready-overlay h2{font-size:clamp(24px,3vw,43px);line-height:1.45;letter-spacing:-1.8px;margin:12px 0 5px;font-weight:900;text-shadow:0 3px 16px #25462b30}.small-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:3px;font-weight:500;color:#ebd89b}.ready-overlay p{font-size:12px;line-height:1.9;color:#eff5e5;margin:9px 0 22px}.primary-button{padding:13px 24px;background:#177b70;color:#fffef0;border-radius:5px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 3px 8px #17343b12}.ready-overlay .primary-button{background:#f3d187;color:#263c31;min-width:200px;padding:14px 22px}.ready-overlay>small{font-size:9px;letter-spacing:.5px;margin-top:16px;color:#e7eddbb0}.pause-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:#193b3abc;backdrop-filter:blur(3px);color:#f5f3e3}.pause-overlay strong{font-size:21px}.board-footer{position:absolute;bottom:12px;left:17px;right:17px;display:flex;justify-content:space-between;color:#f1f6e9;font-size:8px;pointer-events:none;text-shadow:0 1px 5px #21463b}.board-footer>span:first-child{background:#244b3e95;padding:5px 8px;border-radius:3px}.board-footer>span:last-child{font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;background:#183d3caa;padding:5px 8px;border-radius:3px;font-size:11px}.wave-track{height:3px;background:#d5ddca}.wave-track>span{display:block;height:100%;width:0;background:#d5b960;transition:width .2s}.battle-toolbar{min-height:39px;padding:9px 16px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#939c91;align-items:center}.keyboard-hint{font-size:8px;padding:1px 4px;border:1px solid #d7ddd2;border-radius:3px;margin-left:8px;margin-right:3px;color:#77867c}.keyboard-hint:first-child{margin-left:0}label{cursor:pointer}input[type=checkbox]{accent-color:#218576;vertical-align:middle;margin:0 4px 2px 0}.board-toast{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);background:#133a35ed;color:#f4f5dd;font-size:12px;padding:11px 18px;border-radius:5px;white-space:nowrap;box-shadow:0 4px 18px #152b3a30;max-width:95%;text-overflow:ellipsis;overflow:hidden;z-index:5}.crew-section{margin-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-heading h2{font-size:13px;font-weight:700;margin:0;letter-spacing:-.2px}.section-heading h2>span{font-family:'Barlow Condensed',sans-serif;color:#7d9b88;background:#e5eadf;font-size:13px;font-weight:500;padding:0 5px;border-radius:3px;margin-left:6px}.crew-filters{display:flex;border:1px solid #dce0d5;border-radius:5px;padding:3px;gap:2px}.crew-filters button{padding:3px 11px;background:transparent;color:#97a090;font-size:10px;border-radius:3px}.crew-filters .active{background:#fffef7;color:#335d50;box-shadow:0 1px 3px #253f3410}.crew-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:9px;max-height:250px;overflow:auto;padding:2px 2px 5px}.crew-card{position:relative;border:1px solid #d8dfd2;background:#fffef7;border-radius:7px;padding:5px 3px 7px;display:flex;align-items:center;flex-direction:column;min-width:0;box-shadow:0 2px 0 #36403106}.crew-card.selected{border-color:#408d72;box-shadow:0 0 0 1px #408d72;background:#f2f6e9}.crew-card img{width:47px;height:47px;object-fit:contain}.crew-card .crew-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:3px}.crew-card .rarity-dot{width:4px;height:4px;border-radius:50%;position:absolute;left:7px;top:7px;background:var(--rarity)}.crew-card .crew-number{position:absolute;right:5px;top:4px;font-family:'Barlow Condensed',sans-serif;font-size:12px;color:#687c6a}.crew-card .story-badge{position:absolute;bottom:21px;right:4px;background:#456f87;color:#fff;font-size:7px;border-radius:2px;padding:1px 3px}.empty-crew{grid-column:1/-1;padding:22px;text-align:center;font-size:12px;color:#8d9889;border:1px dashed #d1dacb;border-radius:6px}.story-section{margin-top:20px;border:1px solid #d9dfd2;background:#fffef7;border-radius:8px;display:flex;overflow:hidden}.story-illustration{width:122px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#b9d7c4;background:radial-gradient(circle at 25% 10%,#547d6e,#254f4a 80%);position:relative}.story-illustration:before,.story-illustration:after{content:'';position:absolute;width:90px;height:90px;border:1px solid #b9d7c422;border-radius:50%}.story-illustration:after{width:115px;height:115px}.story-illustration>span{font-size:43px;color:#d3c78b}.story-illustration small{font-family:'Barlow Condensed',sans-serif;font-size:8px;letter-spacing:1.2px}.story-content{padding:17px 20px;flex:1;min-width:0}.story-content .section-heading{margin-bottom:7px}.story-content .section-heading h2{font-size:10px;color:#8e9a87;font-weight:500}.story-content .section-heading>span{font-family:'Barlow Condensed',sans-serif;font-size:12px;color:#8b9c88}.story-content h3{font-size:14px;margin:0 0 5px}.story-content p{font-size:10px;line-height:1.65;color:#8a9484;margin:0 0 11px}.story-hp{height:4px;background:#e7eade;border-radius:3px;overflow:hidden}.story-hp>span{height:100%;width:100%;background:#7f9f74;display:block;transition:width .2s}.story-bottom{display:flex;justify-content:space-between;margin-top:5px;font-size:8px;color:#8c9982}.command-column{display:flex;flex-direction:column;gap:16px}.command-column>section{background:#fffef8;border:1px solid #d9ded2;border-radius:8px;padding:18px}.tiny-label{font-family:'Barlow Condensed',sans-serif;font-size:9px;letter-spacing:1.2px;color:#98a28f;font-weight:500}.summon-panel{background:linear-gradient(145deg,#fffdf0,#fcfaf1)!important}.summon-art{height:124px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse,#f0e2b55e,transparent 70%);margin-top:-4px}.wanted-ticket{height:105px;width:78px;display:flex;align-items:center;flex-direction:column;background:#ebd7a6;box-shadow:3px 5px 0 #cab68150,0 8px 15px #92826318;border:5px solid #f5e6be;outline:1px solid #d6c291;transform:rotate(-9deg);color:#82703b;position:relative}.wanted-ticket:before{content:'';position:absolute;inset:14px 5px 16px;background:linear-gradient(145deg,#8d9a73,#afb88a);opacity:.4;border:1px solid #9a946d}.wanted-ticket small{font-family:Georgia,serif;font-weight:bold;letter-spacing:3px;font-size:9px;margin:3px 0 6px}.wanted-ticket>span{font-family:Georgia,serif;font-size:48px;line-height:1.2;position:relative;color:#f6ebc8;text-shadow:2px 2px #9b9669}.wanted-ticket b{font-family:'Barlow Condensed',sans-serif;font-size:6px;letter-spacing:.5px;margin-top:4px}.summon-star{position:absolute;top:20px;left:45px;color:#c5a259;font-size:29px}.summon-star.second{left:auto;right:44px;top:75px;font-size:17px}.summon-panel>p{font-size:10px;text-align:center;color:#a39473;margin:6px 0 14px}.summon-button{background:#1d7768;color:#f6f5df;padding:11px 14px;border-radius:5px;width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 0 #145d52}.summon-button>span{font-size:12px;font-weight:700}.summon-button small{font-size:9px;opacity:.75}.summon-button kbd{font-size:8px;font-weight:400;padding:0 3px;border:1px solid #ffffff35;border-radius:2px;margin-left:5px;color:#c8d8c4}.batch-button{background:none;color:#8e9680;font-size:10px;width:100%;padding:14px 0 0;display:flex;justify-content:space-between}.selected-hero{display:flex;align-items:center;gap:11px}.selected-hero img{width:59px;height:59px;background:#f0f3e7;border-radius:8px;border:1px solid #e2e6d7}.rarity-label{font-size:8px;letter-spacing:.2px;color:var(--rarity);font-weight:600}.selected-hero h3{font-size:15px;margin:3px 0}.selected-hero p{font-size:9px;color:#8c9683;margin:0}.unit-description{font-size:10px;line-height:1.8;color:#7c8877;margin:13px 0}.unit-stats{display:flex;gap:17px;border-top:1px solid #e5e8db;border-bottom:1px solid #e5e8db;padding:10px 0;margin-bottom:11px}.unit-stats>div{font-size:8px;color:#97a18c;flex:1}.unit-stats strong{font-family:'Barlow Condensed',sans-serif;display:block;font-size:19px;margin-top:3px;color:#52654b;font-weight:500}.unit-stats strong small{font-family:'Noto Sans KR',sans-serif;font-size:8px;font-weight:400}.assignment-button{width:100%;background:#edf3e7;color:#54734f;border:1px solid #dce6d3;border-radius:4px;padding:8px;font-size:10px}.selected-subactions{display:flex;justify-content:space-between;margin-top:10px;color:#95a18a;font-size:8px}.recipe-row{display:flex;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #e9ebdf}.recipe-row img{width:37px;height:37px;border-radius:5px;background:#f1f4e9}.recipe-row>div{flex:1;min-width:0}.recipe-row strong{font-size:11px;font-weight:500;display:block}.recipe-row small{font-size:8px;color:#8b987e}.recipe-row>button{color:#64835e;background:#eef4e5;border:1px solid #dbe6cf;border-radius:4px;padding:5px 7px;font-size:9px}.empty-recipes{font-size:10px;line-height:1.8;color:#97a089;margin:0;padding:6px 0}.upgrade-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid #e5e9dc}.upgrade-row strong{font-size:10px;font-weight:500;display:block}.upgrade-row small{font-size:8px;color:#9ca68e}.upgrade-row button{font-family:'Barlow Condensed',sans-serif;border:1px solid #dfe6d7;background:#f8faef;padding:5px 8px;border-radius:4px;color:#7d8d66;font-size:11px}.exchange-button{width:100%;background:none;border-top:1px dashed #e2e6d8;margin-top:5px;padding:12px 0 0;font-size:9px;color:#9c9673}.exchange-button>span{padding:0 10px}.log-section{display:flex;gap:20px;align-items:center;margin:24px 0 0;padding:14px 18px;background:#eaece2;border-radius:6px;min-height:43px}.log-section .tiny-label{white-space:nowrap;color:#7e8a75}.log-section>div{font-size:10px;line-height:1.6;color:#8a957d}footer{display:flex;justify-content:space-between;padding:24px 0;color:#a0aa97;font-size:8px;gap:15px}footer>span:first-child{font-family:'Barlow Condensed',sans-serif;font-size:9px;letter-spacing:1px}footer b{padding:0 5px}footer button{padding:0;font-size:8px;background:none;color:#84947a}dialog{color:var(--ink);border:1px solid #cad4c6;border-radius:12px;background:#fbfcf5;box-shadow:0 24px 100px #153a3a60;width:min(940px,94vw);max-height:88vh;padding:27px;overscroll-behavior:contain}dialog::backdrop{background:#1335379c;backdrop-filter:blur(5px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.modal-header h2{font-size:24px;margin:0;letter-spacing:-.8px}.close-button{background:#eaf0e4;border:1px solid #dbe2d3;border-radius:50%;height:32px;width:32px;font-size:24px;color:#7c8c71;flex-shrink:0}.codex-search{display:flex;gap:10px;align-items:center}.codex-search input[type=search]{flex:1;min-width:0}.codex-search input[type=search],select{border:1px solid #d7dfcf;border-radius:5px;background:#fffef9;padding:10px 12px;font-size:12px;color:#55724f}.codex-search label{font-size:11px;white-space:nowrap}.codex-note{font-size:10px;color:#8c9880;margin:12px 0 20px;line-height:1.7}#codex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start}.codex-card{padding:15px;background:#fffef8;border:1px solid #dce4d4;border-radius:7px}.codex-card.craftable{border-color:#71a28a}.codex-card .selected-hero{gap:8px}.codex-card .selected-hero img{width:45px;height:45px}.codex-card h3{font-size:13px}.codex-card .unit-description{font-size:9px;min-height:32px;margin:10px 0}.ingredients{font-size:9px;display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.ingredient{background:#f1f1e8;padding:4px 6px;border-radius:3px;color:#9b9c88;border:1px solid #e4e5d7;font-size:9px}.ingredient.owned{color:#527b56;background:#edf4e6;border-color:#cbdcbe}.codex-card .craft-button{width:100%;border-radius:4px;padding:7px;background:#1d7768;color:#f4f6df;font-size:10px}.recipe-price{font-size:9px;color:#a19572;text-align:right;margin:7px 0}.codex-source{font-size:8px;color:#9caa91;display:block;margin-top:7px}#info-dialog,#new-dialog,#result-dialog{max-width:600px}#info-body{font-size:13px;line-height:1.9;color:#63795d}#info-body h3{font-size:15px;color:#305e4b;margin:23px 0 8px}#info-body p{margin:8px 0}#info-body a{color:#327e6e}#info-body ul,#info-body ol{padding-left:23px}#new-dialog p{font-size:12px;line-height:1.9;color:#829075}.secondary-button{background:#edf2e6;border:1px solid #d8e1ce;padding:10px 15px;border-radius:4px;font-size:11px;margin:9px 0 22px}.difficulty-label{font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 24px}.import-button{display:block;margin-top:19px;color:#7b8e72}#result-dialog{padding:35px;text-align:center}#result-dialog h2{font-size:31px;letter-spacing:-1px;margin:8px 0}#result-dialog p{font-size:12px;line-height:1.8;color:#819174}#result-dialog .primary-button{margin:24px auto 15px}.result-stats{display:flex;justify-content:space-around;margin:24px 0;background:#eaf0e2;border-radius:6px;padding:19px 10px}.result-stats strong{font-family:'Barlow Condensed',sans-serif;display:block;font-size:29px;color:#426c52}.result-stats span{font-size:10px;color:#829174}.board-frame:fullscreen{background:#142f34;display:flex;flex-direction:column;align-items:center;justify-content:center}.board-frame:fullscreen .canvas-wrap{width:min(calc((100vh - 100px)*1000/620),100vw)}.board-frame:fullscreen .board-heading,.board-frame:fullscreen .battle-toolbar{width:100%}
@media(min-width:1600px){main{padding-top:39px}.canvas-wrap{min-height:490px}.command-column>section{padding:20px}.summon-art{height:136px}}
@media(max-width:1100px){.topbar{padding:0 24px;gap:35px}.version b{display:none}.game-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.resource-bar>div{padding:0 16px}.sea-label{display:none}.danger-meter{display:none}.command-column>section{padding:15px}.session-tools>span{display:none}.ready-overlay h2{font-size:30px}.ready-overlay p{font-size:10px;margin-bottom:13px}.ready-overlay>small{margin-top:10px}.battle-toolbar{font-size:8px;padding:8px}.keyboard-hint{margin-left:3px}.summon-star{left:30px}.summon-star.second{right:30px}}
@media(max-width:850px){.topbar{height:75px;gap:25px}.brand{font-size:24px}.brand-icon{height:36px;width:36px;font-size:31px}.brand small{font-size:7px;letter-spacing:1.8px}.version{display:none}nav{margin-left:auto;gap:20px}.nav-button{font-size:11px}main{padding:25px 20px 0}.page-heading{margin-bottom:20px}h1{font-size:23px}.game-layout{grid-template-columns:minmax(0,1fr) 230px;gap:13px}.command-column>section{padding:13px}.resource-bar{height:72px}.resource-bar>div{gap:9px;padding:0 13px}.stat-symbol{font-size:22px}.stat-label{font-size:8px}.resource-bar strong{font-size:24px}.resource-bar>div:first-child{flex:1.25}.resource-bar strong small{font-size:12px}.ready-overlay h2{font-size:24px;margin-top:7px}.ready-overlay p{font-size:9px;margin:4px 0 12px}.ready-overlay .primary-button{min-width:160px;padding:10px 15px;font-size:11px}.small-label{font-size:9px}.ready-overlay>small{font-size:7px;margin-top:9px}.map-caption{top:13px;left:13px;font-size:11px}.map-caption small{display:none}.board-heading{height:42px;padding:0 12px}.board-heading #phase-label{font-size:8px;margin-left:7px;padding-left:7px}.board-heading strong{font-size:10px}.battle-toolbar>div{display:none}.board-footer{bottom:8px;left:8px;right:8px}.board-footer>span:first-child{font-size:7px}.board-footer>span:last-child{font-size:9px}.crew-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:7px}.crew-card img{height:39px;width:39px}.crew-card .crew-name{font-size:9px}.story-illustration{width:85px}.story-content{padding:13px}.story-content p{font-size:9px}.command-column .section-heading h2{font-size:12px}.command-column .tiny-label{font-size:8px}.summon-art{height:110px}.summon-star{left:25px;font-size:22px}.summon-star.second{right:20px}.summon-button{padding:10px}.summon-button>span{font-size:10px}.summon-button small{font-size:8px}.summon-button kbd{display:none}.selected-hero img{width:48px;height:48px}.selected-hero h3{font-size:13px}.selected-hero p{font-size:8px}.unit-description{font-size:9px}.unit-stats strong{font-size:17px}.section-heading .text-button{font-size:9px}}
@media(max-width:650px){.topbar{height:68px;padding:0 16px;gap:15px}.brand{font-size:21px;letter-spacing:2px;gap:8px}.brand-icon{width:30px;height:30px;font-size:28px}.brand small{font-size:6px;letter-spacing:1.3px}nav{gap:17px}.nav-button{font-size:10px}.nav-button:first-child{display:none}.nav-button span{display:none}main{padding:22px 13px 0}.eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:22px}.intro{font-size:10px;margin-top:5px}.page-heading{align-items:flex-start;gap:8px;margin-bottom:18px}.session-tools{gap:7px;align-self:flex-start;margin-top:20px}.session-tools .icon-button{width:27px;height:27px;font-size:15px}.session-tools .text-button{font-size:9px}.resource-bar{height:68px;margin-bottom:14px;border-radius:7px}.resource-bar>div{padding:0 9px;gap:5px}.resource-bar>div:first-child{flex:1.4}.stat-symbol{display:none}.stat-label{font-size:8px;white-space:nowrap}.resource-bar strong{font-size:23px}.resource-bar strong small{font-size:11px}.game-layout{grid-template-columns:1fr;gap:17px}.canvas-wrap{aspect-ratio:1000/700}.board-heading{height:43px}.board-heading strong{font-size:12px}.board-heading #phase-label{font-size:9px}.ready-overlay h2{font-size:33px;margin:10px 0 3px}.ready-overlay p{font-size:11px;line-height:1.7;margin:6px 0 16px}.ready-overlay .primary-button{padding:12px 20px;min-width:185px;font-size:12px}.ready-overlay>small{font-size:8px;margin-top:14px}.small-label{font-size:10px}.battle-toolbar{font-size:9px;padding:10px}.battle-toolbar>div{display:block;font-size:8px}.battle-toolbar>div .keyboard-hint:nth-of-type(3){display:none}.board-footer>span:first-child{font-size:8px}.board-footer>span:last-child{font-size:10px}.command-column{display:grid;grid-template-columns:1fr 1fr;gap:13px}.command-column>section{padding:15px}.summon-art{height:111px}.summon-panel{grid-column:1}.selection-panel{grid-column:2}.combine-panel,.upgrade-panel{grid-column:auto}.section-heading{margin-bottom:10px}.selected-hero{flex-direction:column;gap:7px;text-align:center}.selected-hero img{width:55px;height:55px}.selected-hero h3{font-size:14px}.unit-description{font-size:9px;line-height:1.7;margin:10px 0}.unit-stats{gap:10px;padding:8px 0}.unit-stats strong{font-size:17px}.selected-subactions{font-size:7px}.crew-section{margin-top:18px}.crew-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}.story-section{margin-top:16px}.story-illustration{width:82px}.story-content{padding:13px 15px}.summon-panel>p{font-size:9px}.summon-button{padding:10px 8px;gap:5px;flex-direction:column}.summon-button>span{font-size:12px}.batch-button{font-size:9px;padding-top:12px}.summon-star{left:8px}.summon-star.second{right:8px}.command-column .section-heading h2{font-size:11px}.command-column .tiny-label{font-size:7px}.recipe-row{gap:5px}.recipe-row img{width:29px;height:29px}.recipe-row strong{font-size:9px}.recipe-row small{font-size:7px}.recipe-row>button{padding:4px;font-size:8px}.empty-recipes{font-size:9px}.upgrade-row strong{font-size:9px}.upgrade-row small{font-size:7px}.upgrade-row button{font-size:10px;padding:4px 5px}.exchange-button{font-size:8px}.exchange-button>span{padding:0 3px}.log-section{padding:12px;margin-top:17px;gap:12px;align-items:flex-start}.log-section .tiny-label{font-size:8px;padding-top:2px}.log-section>div{font-size:9px}footer{flex-direction:column;gap:7px;padding:18px 0;font-size:8px}dialog{padding:20px 16px;max-height:90vh}.modal-header{margin-bottom:18px}.modal-header h2{font-size:21px}.codex-search{flex-wrap:wrap;gap:8px}.codex-search input[type=search]{flex-basis:100%}.codex-search select{flex:1}.codex-search label{font-size:10px}#codex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.codex-card{padding:11px}.codex-card .selected-hero{flex-direction:row;text-align:left}.codex-card .selected-hero img{width:36px;height:36px}.codex-card h3{font-size:11px}.codex-card .selected-hero p{font-size:7px}.codex-card .unit-description{font-size:8px}.ingredients{font-size:8px;gap:4px}.ingredient{font-size:8px;padding:3px 4px}.pause-overlay strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Source-backed mode controls. */
.wisp-actions{display:flex;gap:6px;margin-top:10px}.wisp-actions button,.reward-wisp{border:1px solid #d5dece;background:#f2f5e9;border-radius:4px;padding:9px 6px;font-size:10px;color:#3f6e61}.wisp-actions button{flex:1}.reward-wisp{width:100%;margin-top:7px;text-align:left;background:#e4efe4;font-weight:600}.wisp-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.wisp-choice{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px;background:#f1f3e8;border:1px solid #d7ddcf;border-radius:6px;font-size:11px}.wisp-choice img{width:64px;height:64px}.wisp-choice small{font-size:9px;color:#7c8d7d}.recipe-variant{padding:10px 0;border-top:1px solid #e5e7dd;margin-top:8px}.recipe-conditions{font-size:9px;color:#7d806f;line-height:1.8;margin:7px 0}.craft-button{white-space:normal;line-height:1.6}.quick-recipe{display:flex;width:100%;align-items:center;gap:8px;background:#f3f5eb;border:1px solid #e1e5d7;border-left:3px solid var(--rarity);border-radius:5px;margin-top:7px;padding:6px;text-align:left}.quick-recipe img{width:38px;height:38px}.quick-recipe span{min-width:0;flex:1}.quick-recipe strong{display:block;font-size:10px}.quick-recipe small{font-size:8px;color:#7d8d7e}.quick-recipe b{font-size:18px;color:#739780}.upgrade-panel h2 small{font-size:8px;font-weight:400;color:#8a927e}#death-counter{margin-left:10px;font-size:9px;color:#dac48c}.codex-card .selected-hero h3{overflow-wrap:anywhere}footer a{color:inherit;text-underline-offset:3px}
@media(max-width:640px){.recipe-conditions{font-size:8px}#death-counter{margin-left:6px;font-size:8px}.wisp-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-button{font-size:9px}.quick-recipe strong{font-size:10px}}
.ability-summary{font-size:10px;line-height:1.6;color:#4e7969;margin:6px 0}.codex-card .ability-summary{font-size:9px}
@media(max-width:480px){#codex-grid{grid-template-columns:1fr;gap:12px}.codex-card{padding:16px}.codex-card .selected-hero img{width:52px;height:52px}.codex-card h3{font-size:14px}.codex-card .selected-hero p{font-size:10px}.codex-card .unit-description,.codex-card .ability-summary{font-size:12px;line-height:1.8}.codex-card .ingredient,.codex-card .recipe-price,.codex-card .recipe-conditions{font-size:11px}.codex-card .craft-button{font-size:12px;padding:10px}.codex-source{font-size:10px}}
.charged-area-summary{padding:9px 10px;border-left:3px solid #d5af4d;border-radius:4px;background:#f5f1dd;color:#526f65}.charged-area-summary strong,.charged-area-summary span,.charged-area-summary small{display:block}.charged-area-summary strong{margin-bottom:3px;color:#326354}.charged-area-summary small{margin-top:5px;color:#778578;line-height:1.65}.codex-card .charged-area-summary{padding:8px}.charge-meter{margin:10px 0 12px;padding:9px 10px;border:1px solid #d9dfc9;border-radius:5px;background:#f7f5e7}.charge-meter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#697762;font-size:9px}.charge-meter-heading strong{font-family:'Barlow Condensed',sans-serif;color:#3b6e5e;font-size:14px}.charge-meter-track{height:5px;margin:6px 0;background:#dfe4d5;border-radius:5px;overflow:hidden}.charge-meter-track>span{display:block;height:100%;background:linear-gradient(90deg,#5b9b86,#d9b850);transition:width .18s}.charge-meter small{display:block;color:#7e8978;font-size:8px;line-height:1.5}
@media(max-width:480px){.charged-area-summary{overflow-wrap:anywhere}.charge-meter-heading{flex-wrap:wrap;font-size:11px}.charge-meter small{font-size:11px}}
.temporary-attacker-summary{padding:9px 10px;border-left:3px solid #b88d55;border-radius:4px;background:#f3eee2;color:#657064;overflow-wrap:anywhere}.temporary-attacker-summary strong,.temporary-attacker-summary span,.temporary-attacker-summary small{display:block}.temporary-attacker-summary strong{margin-bottom:4px;color:#6c573b}.temporary-attacker-summary span+span{margin-top:3px}.temporary-attacker-summary small{margin-top:6px;color:#7d8175;line-height:1.65}.temporary-attacker-status{margin:10px 0 12px;padding:9px 10px;border:1px solid #ded8c9;border-radius:5px;background:#f7f3e9;color:#727b6d;overflow-wrap:anywhere}.temporary-attacker-status>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px}.temporary-attacker-status strong{color:#735d3e}.temporary-attacker-status small{display:block;margin-top:4px;font-size:8px;line-height:1.55;color:#818779}
@media(max-width:480px){.temporary-attacker-summary,.temporary-attacker-summary small,.temporary-attacker-status,.temporary-attacker-status>div,.temporary-attacker-status small{font-size:12px;line-height:1.7}}
.stat-symbol.trait{color:#8a6ca5}.trait-resource strong{color:#68527b}.trait-summary{margin:9px 0;padding:9px 10px;border-left:3px solid #8c6a9e;border-radius:4px;background:#f2edf5;color:#665f6c;overflow-wrap:anywhere}.trait-summary strong,.trait-summary span,.trait-summary small{display:block}.trait-summary strong{margin-bottom:4px;color:#624b70}.trait-summary span+span{margin-top:3px}.trait-summary small{margin-top:6px;color:#7f7782;line-height:1.65}.trait-action,.conversion-action{margin:11px 0;padding:11px;border:1px solid #dcd4df;border-radius:6px;background:#faf7fb;overflow-wrap:anywhere}.trait-action>div:first-child,.conversion-action>div:first-child{display:flex;flex-direction:column;gap:3px}.trait-action>div:first-child>span,.conversion-action>div:first-child>span{font-size:8px;color:#988b9b}.trait-action>div:first-child>strong,.conversion-action>div:first-child>strong{font-size:10px;color:#5f4c68}.trait-action>button,.conversion-action>button{width:100%;padding:8px 9px;border-radius:4px;background:#745b80;color:#fffdf2;font-size:10px;white-space:normal;line-height:1.45}.trait-action>small{display:block;margin-top:7px;font-size:8px;line-height:1.65;color:#837a84}.trait-action .action-reason{color:#665c69}.conversion-action{border-color:#ddd7c7;background:#faf8ee}.conversion-action>div:first-child>strong{color:#72613e}.conversion-action p{margin:7px 0;font-size:9px;line-height:1.65;color:#817a69}.conversion-action>button{background:#806f47}.codex-card .trait-summary{font-size:9px}.codex-card .trait-summary small{font-size:8px}
@media(max-width:650px){.resource-bar>div{padding-left:6px;padding-right:6px}.resource-bar>div:first-child{flex:1.2}.trait-resource{flex:.9!important}.trait-resource .stat-label{white-space:normal;line-height:1.2}.trait-resource strong{font-size:22px}}
@media(max-width:480px){.trait-summary,.trait-summary strong,.trait-summary span,.trait-summary small,.codex-card .trait-summary,.codex-card .trait-summary strong,.codex-card .trait-summary span,.codex-card .trait-summary small,.trait-action,.trait-action>div:first-child>span,.trait-action>div:first-child>strong,.trait-action>button,.trait-action>small,.conversion-action,.conversion-action>div:first-child>span,.conversion-action>div:first-child>strong,.conversion-action p,.conversion-action>button{font-size:12px;line-height:1.7}.command-column:has(.trait-action) .selection-panel,.command-column:has(.conversion-action) .selection-panel,.command-column:has(.aokiji-combat-summary) .selection-panel{grid-column:1/-1}.trait-action,.conversion-action{padding:10px}.trait-action>button,.conversion-action>button{min-height:39px}.resource-bar{overflow:hidden}.resource-bar>div{padding-left:4px;padding-right:4px}.stat-label{font-size:7px}.resource-bar strong,.trait-resource strong{font-size:20px}.resource-bar strong small{font-size:9px}}
.pika-quest{margin-top:12px;border:1px solid #ddd5c4;background:#fffdf5;border-radius:8px;display:flex;overflow:hidden}.pika-quest-mark{width:122px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:radial-gradient(circle at 35% 25%,#9b8c70,#4f5048);color:#f1d995}.pika-quest-mark span{font-size:31px;text-shadow:0 2px 8px #2e332d}.pika-quest-mark small{font-family:'Barlow Condensed',sans-serif;font-size:8px;letter-spacing:1.4px;color:#eee4c6}.pika-quest-content{padding:14px 18px;flex:1;min-width:0}.pika-quest-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pika-quest-heading span{display:block;font-size:8px;color:#9a927e}.pika-quest-heading h3{font-size:14px;margin:3px 0 0}.pika-quest-heading b{font-size:9px;font-weight:600;color:#765e3c;background:#f1e6ca;border-radius:3px;padding:4px 7px;white-space:nowrap}.pika-quest-content>p{font-size:10px;line-height:1.65;color:#7e796d;margin:7px 0}.pika-terms{display:flex;flex-wrap:wrap;gap:4px 12px;margin:7px 0}.pika-terms span{font-size:9px;color:#6e745f}.pika-quest-content>button{width:100%;padding:8px 11px;border-radius:4px;background:#78613f;color:#fff9e9;font-size:10px;margin-top:4px}.pika-quest-note{display:block;font-size:8px;line-height:1.6;color:#918b7d;margin-top:6px}.pika-live-stats{display:flex;justify-content:space-between;gap:12px;margin:8px 0 5px}.pika-live-stats span{font-size:8px;color:#938b7b}.pika-live-stats strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:15px;color:#5e5549;margin-top:1px}.pika-live-stats span:last-child{text-align:right}.pika-track{height:4px;border-radius:4px;background:#e4dfd4;overflow:hidden;margin-top:4px}.pika-track span{display:block;height:100%;transition:width .18s}.pika-track.time span{background:#d1aa58}.pika-track.hp span{background:#a9684c}.pika-track.time.late span{background:#c87d61}.pika-quest.active{border-color:#d7bd82}.pika-quest.succeeded{border-color:#acc79d}.pika-quest.succeeded .pika-quest-heading b{color:#477359;background:#e6f0de}.pika-quest.failed,.pika-quest.late{border-color:#d6a98f}.pika-quest.failed .pika-quest-heading b,.pika-quest.late .pika-quest-heading b{color:#8a4f3f;background:#f3dfd6}.pika-quest.terminal{filter:saturate(.75)}.assignment-reason{display:block;font-size:8px;line-height:1.6;color:#9a6858;margin-top:6px}.assignment-button:disabled+.assignment-reason{opacity:1}
@media(max-width:650px){.pika-quest-mark{width:82px}.pika-quest-content{padding:12px 14px}.pika-quest-heading h3{font-size:13px}}
@media(max-width:480px){.pika-quest{display:block}.pika-quest-mark{width:100%;height:43px;flex-direction:row}.pika-quest-mark span{font-size:21px}.pika-quest-content{padding:13px}.pika-quest-heading{gap:8px}.pika-quest-heading span,.pika-quest-heading b,.pika-quest-content>p,.pika-terms span,.pika-quest-content>button,.pika-quest-note,.pika-live-stats span,.assignment-reason{font-size:12px;line-height:1.65}.pika-quest-heading h3{font-size:15px}.pika-live-stats strong{font-size:17px}.pika-quest-content>button{min-height:40px;white-space:normal}.pika-terms{display:grid;gap:4px}.pika-track{height:6px}}
.life-charge-summary{padding:9px 10px;border-left:3px solid #d2a93e;border-radius:4px;background:#f6f0d7;color:#65674e;overflow-wrap:anywhere}.life-charge-summary strong,.life-charge-summary span,.life-charge-summary small{display:block}.life-charge-summary strong{margin-bottom:4px;color:#735c23}.life-charge-summary span+span{margin-top:3px}.life-charge-summary small{margin-top:6px;color:#807b68;line-height:1.65}.attack-damage-summary{padding:7px 9px;border-left:3px solid #879b63;background:#f1f4e7;border-radius:4px;overflow-wrap:anywhere}.attack-damage-summary span,.attack-damage-summary small{display:block}.attack-damage-summary span+span{margin-top:3px}.attack-damage-summary strong{color:#526a43}.attack-damage-summary small{margin-top:5px;color:#7a8571;line-height:1.65}.life-charge-meter{margin:10px 0 12px;padding:9px 10px;border:1px solid #ded4b6;border-radius:5px;background:#faf6e7;color:#756e59;overflow-wrap:anywhere}.life-charge-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px}.life-charge-heading strong{font-family:'Barlow Condensed',sans-serif;color:#7a5b22;font-size:14px}.life-charge-track{height:5px;margin:6px 0;background:#e5ddc8;border-radius:5px;overflow:hidden}.life-charge-track>span{display:block;height:100%;background:linear-gradient(90deg,#a88849,#f0d064);transition:width .18s}.life-charge-meter.ready{border-color:#d9bd68;box-shadow:0 0 0 1px #f0d98355}.life-charge-meter small{display:block;font-size:8px;line-height:1.55;color:#817b6d}.codex-card .life-charge-summary,.codex-card .attack-damage-summary{font-size:9px}
@media(max-width:480px){.life-charge-summary,.life-charge-summary strong,.life-charge-summary span,.life-charge-summary small,.attack-damage-summary,.attack-damage-summary strong,.attack-damage-summary small,.life-charge-meter,.life-charge-heading,.life-charge-meter small,.codex-card .life-charge-summary,.codex-card .life-charge-summary strong,.codex-card .life-charge-summary span,.codex-card .life-charge-summary small,.codex-card .attack-damage-summary,.codex-card .attack-damage-summary strong,.codex-card .attack-damage-summary small{font-size:12px;line-height:1.7}.life-charge-heading{flex-wrap:wrap}.life-charge-heading strong{font-size:15px}.life-charge-track{height:6px}}
.shanks-combat-summary,.shanks-proximity-summary{font-size:10px;line-height:1.6;padding:9px 10px;border-left:3px solid #b8495c;border-radius:4px;background:#f7e9e8;color:#745d61;overflow-wrap:anywhere}.shanks-combat-summary strong,.shanks-combat-summary span,.shanks-combat-summary small,.shanks-proximity-summary span,.shanks-proximity-summary small{display:block}.shanks-combat-summary>strong{margin-bottom:4px;color:#793c48}.shanks-combat-summary span+span,.shanks-proximity-summary span+span{margin-top:3px}.shanks-combat-summary small,.shanks-proximity-summary small{margin-top:6px;color:#876f73;line-height:1.65}.shanks-proximity-summary{margin:6px 0 9px}.shanks-proximity-summary>strong{display:block;color:#793c48}.shanks-proximity-summary summary{cursor:pointer;color:#793c48;font-weight:600;list-style-position:inside}.shanks-proximity-summary[open] summary{margin-bottom:6px}.mana-charge-meter{margin:10px 0 12px;padding:9px 10px;border:1px solid #dfc5c8;border-radius:5px;background:#faf0ef;color:#795f64;overflow-wrap:anywhere}.mana-charge-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px}.mana-charge-heading strong{font-family:'Barlow Condensed',sans-serif;color:#873c4d;font-size:14px}.mana-charge-track{height:5px;margin:6px 0;background:#e7d5d6;border-radius:5px;overflow:hidden}.mana-charge-track>span{display:block;height:100%;background:linear-gradient(90deg,#8d4352,#df5967);transition:width .18s}.mana-charge-meter.ready{border-color:#cd6974;box-shadow:0 0 0 1px #e9869055}.mana-charge-meter>small{display:block;font-size:8px;line-height:1.55;color:#897276}.shanks-live-status{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;padding-top:7px;border-top:1px solid #ead5d7}.shanks-live-status span{font-size:8px;color:#927b7e}.shanks-live-status strong{display:block;margin-top:2px;color:#784a53;font-size:9px}.codex-card .shanks-combat-summary,.codex-card .shanks-proximity-summary{font-size:9px}
@media(max-width:480px){.shanks-combat-summary,.shanks-combat-summary strong,.shanks-combat-summary span,.shanks-combat-summary small,.shanks-proximity-summary,.shanks-proximity-summary summary,.shanks-proximity-summary span,.shanks-proximity-summary small,.mana-charge-meter,.mana-charge-heading,.mana-charge-meter>small,.shanks-live-status span,.shanks-live-status strong,.codex-card .shanks-combat-summary,.codex-card .shanks-combat-summary strong,.codex-card .shanks-combat-summary span,.codex-card .shanks-combat-summary small,.codex-card .shanks-proximity-summary,.codex-card .shanks-proximity-summary summary,.codex-card .shanks-proximity-summary span,.codex-card .shanks-proximity-summary small{font-size:12px;line-height:1.7}.mana-charge-heading{flex-wrap:wrap}.mana-charge-heading strong{font-size:15px}.mana-charge-track{height:6px}.shanks-live-status{grid-template-columns:1fr}}
.aokiji-combat-summary,.aokiji-techniques,.frost-summary{font-size:10px;line-height:1.6;padding:9px 10px;border-left:3px solid #55aebc;border-radius:4px;background:#eaf5f3;color:#526e72;overflow-wrap:anywhere}.aokiji-combat-summary strong,.aokiji-combat-summary span,.aokiji-combat-summary small,.aokiji-techniques span,.aokiji-techniques small{display:block}.aokiji-combat-summary>strong{margin-bottom:4px;color:#2d6974}.aokiji-combat-summary span+span,.aokiji-techniques span+span{margin-top:3px}.aokiji-combat-summary small,.aokiji-techniques small,.frost-summary small{margin-top:6px;color:#6c8182;line-height:1.65}.aokiji-techniques{margin:6px 0 9px}.aokiji-techniques summary{cursor:pointer;color:#2d6974;font-weight:600;list-style-position:inside}.aokiji-techniques[open] summary{margin-bottom:6px}.aokiji-techniques span strong{display:inline;color:#326d77}.aokiji-mana-meter{margin:10px 0 12px;padding:9px 10px;border:1px solid #bfdde0;border-radius:5px;background:#eff9f7;color:#557277;overflow-wrap:anywhere}.aokiji-mana-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px}.aokiji-mana-heading strong{font-family:'Barlow Condensed',sans-serif;color:#27717d;font-size:14px}.aokiji-mana-track{height:5px;margin:6px 0;background:#d5e8e7;border-radius:5px;overflow:hidden}.aokiji-mana-track>span{display:block;height:100%;background:linear-gradient(90deg,#509cac,#7fe0e5);transition:width .18s}.aokiji-mana-meter.ready{border-color:#69bdc7;box-shadow:0 0 0 1px #93e9ec66}.aokiji-mana-meter>small{display:block;font-size:8px;line-height:1.55;color:#6f8587}.aokiji-live-status{margin-top:7px;padding-top:7px;border-top:1px solid #d5e8e7;font-size:8px;color:#47747b}.transformation-trait-summary{border-left-color:#58aeba;background:#eef8f6}.codex-card .aokiji-combat-summary,.codex-card .aokiji-techniques,.codex-card .frost-summary{font-size:9px}
@media(max-width:480px){.aokiji-combat-summary,.aokiji-combat-summary strong,.aokiji-combat-summary span,.aokiji-combat-summary small,.aokiji-techniques,.aokiji-techniques summary,.aokiji-techniques span,.aokiji-techniques small,.frost-summary,.frost-summary small,.aokiji-mana-meter,.aokiji-mana-heading,.aokiji-mana-meter>small,.aokiji-live-status,.codex-card .aokiji-combat-summary,.codex-card .aokiji-combat-summary strong,.codex-card .aokiji-combat-summary span,.codex-card .aokiji-combat-summary small,.codex-card .aokiji-techniques,.codex-card .aokiji-techniques summary,.codex-card .aokiji-techniques span,.codex-card .aokiji-techniques small,.codex-card .frost-summary,.codex-card .frost-summary small{font-size:12px;line-height:1.7}.aokiji-mana-heading{flex-wrap:wrap}.aokiji-mana-heading strong{font-size:15px}.aokiji-mana-track{height:6px}}
.support-panel{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:13px 18px;margin:-7px 0 20px;padding:15px 18px 12px;border:1px solid #d8dfd5;border-radius:9px;background:linear-gradient(120deg,#f7faf2,#fffdf3);box-shadow:0 3px 8px #17343b05;color:#526b65}.support-overview{min-width:0}.support-heading{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px}.support-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#276d68;color:#e9d28c;font-size:18px}.support-heading>div>span{display:block;font-size:8px;color:#8a9991}.support-heading h2{margin:1px 0 0;font-size:14px;color:#315b58}.support-heading>strong{font-family:'Barlow Condensed',sans-serif;font-size:22px;color:#34756f;white-space:nowrap}.support-heading>strong small{font-size:11px;color:#899b93;font-weight:500}.support-track{height:5px;margin:9px 0 6px;border-radius:5px;background:#dce7df;overflow:hidden}.support-track>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b9286,#dec16c);transition:width .18s}.support-overview p{margin:0;font-size:8px;line-height:1.6;color:#829089}.support-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.support-actions article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 11px;align-items:center;min-width:0;padding:9px 10px;border:1px solid #e1e5d9;border-radius:6px;background:#fffef8}.support-actions article>div{min-width:0}.support-actions article span{display:block;font-size:8px;color:#919c91}.support-actions article strong{display:block;margin-top:2px;font-size:10px;color:#4f6a61;overflow-wrap:anywhere}.support-actions button{min-height:34px;padding:7px 10px;border-radius:4px;background:#26766d;color:#fffef0;font-size:9px;line-height:1.45;white-space:normal}.support-actions article>small{grid-column:1/-1;font-size:8px;line-height:1.55;color:#818d84;overflow-wrap:anywhere}.support-scope{grid-column:1/-1;padding-top:1px;font-size:8px;color:#99a199;text-align:right}
@media(max-width:650px){.support-panel{grid-template-columns:1fr;margin-top:-4px;padding:14px}.support-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.support-scope{text-align:left}}
@media(max-width:480px){.support-panel{gap:12px;margin-bottom:17px}.support-actions{grid-template-columns:1fr}.support-heading>div>span,.support-overview p,.support-actions article span,.support-actions article strong,.support-actions button,.support-actions article>small,.support-scope{font-size:12px;line-height:1.65}.support-heading h2{font-size:16px}.support-heading>strong{font-size:22px}.support-heading>strong small{font-size:12px}.support-track{height:6px}.support-actions button{min-height:42px}.support-actions article{padding:11px 12px}}
.support-spells{grid-column:1/-1;min-width:0;border-top:1px solid #dde3d8;padding-top:9px}.support-spells>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#37645e;font-size:11px;font-weight:700;list-style:none}.support-spells>summary:focus-visible{outline:3px solid #e9ae43;outline-offset:3px}.support-spells>summary::-webkit-details-marker{display:none}.support-spells>summary:after{content:'⌄';font-size:16px;color:#759086;transition:transform .18s}.support-spells[open]>summary:after{transform:rotate(180deg)}.support-spells>summary small{min-width:0;margin-left:auto;color:#8e9c94;font-size:8px;font-weight:500;text-align:right;overflow-wrap:anywhere}.support-spell-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}.support-spell-button{display:flex;min-width:0;min-height:86px;padding:9px;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #dce4d9;border-radius:5px;background:#fffef8;color:#536b64;overflow-wrap:anywhere}.support-spell-button:disabled{opacity:.7;background:#f5f5ef}.support-spell-button strong{font-size:10px;color:#315f5a}.support-spell-button span{margin-top:2px;font-size:8px;color:#8b977f}.support-spell-button small{margin-top:5px;font-size:8px;line-height:1.5;color:#78877f}.support-spell-button em{margin-top:auto;padding-top:5px;font-size:8px;font-style:normal;font-weight:600;color:#35766e}.support-spell-button.armed{border-color:#31867b;box-shadow:0 0 0 1px #31867b;background:#edf7f1}.support-channel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;margin-top:10px;padding:9px 10px;border:1px solid #decf9d;border-radius:5px;background:#fff8df}.support-channel strong,.support-channel span,.support-channel small{display:block}.support-channel strong{font-size:10px;color:#756026}.support-channel span{margin-top:2px;font-size:8px;color:#8e7a49}.support-channel small{grid-column:1/-1;font-size:8px;color:#93845f}.support-channel button{grid-column:2;grid-row:1/3;padding:7px 10px;border-radius:4px;background:#8a7042;color:#fffaf0;font-size:9px}.support-spell-note{margin:9px 0 0;font-size:8px;line-height:1.6;color:#8b968e}.support-aim-bar{display:flex;align-items:center;gap:14px;width:100%;padding:9px 14px;border-bottom:1px solid #d3bf76;background:#173e3d;color:#fff9db;box-shadow:inset 0 -1px #0f2f2e;pointer-events:auto}.support-aim-bar>div{flex:1;min-width:0}.support-aim-bar strong,.support-aim-bar span{display:block}.support-aim-bar strong{font-size:11px}.support-aim-bar span{margin-top:2px;font-size:9px;color:#d8e4d6}.support-aim-bar button{padding:7px 9px;border-radius:4px;background:#f0d37e;color:#2f493f;font-size:9px;white-space:nowrap}.support-aim-bar kbd{font-size:8px}.canvas-wrap canvas.support-targeting{cursor:crosshair}.support-story-action{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;margin-top:9px;padding-top:9px;border-top:1px dashed #d8ddcf}.support-story-action button{grid-row:1/3;padding:7px 10px;border-radius:4px;background:#426e72;color:#fffef1;font-size:9px;white-space:nowrap}.support-story-action small{font-size:8px;line-height:1.55;color:#73857d;overflow-wrap:anywhere}
@media(max-width:900px){.support-spell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.support-spells>summary,.support-spells>summary small,.support-spell-button strong,.support-spell-button span,.support-spell-button small,.support-spell-button em,.support-channel strong,.support-channel span,.support-channel small,.support-channel button,.support-spell-note,.support-aim-bar strong,.support-aim-bar span,.support-aim-bar button,.support-story-action button,.support-story-action small{font-size:12px;line-height:1.6}.support-spell-grid{grid-template-columns:1fr}.support-spell-button{min-height:0;padding:11px}.support-channel{grid-template-columns:1fr}.support-channel button{grid-column:1;grid-row:auto;min-height:40px}.support-aim-bar{gap:8px;padding:8px 10px}.support-aim-bar button{min-height:38px}.support-aim-bar kbd{display:none}.support-story-action{grid-template-columns:1fr}.support-story-action button{grid-row:auto;min-height:40px;white-space:normal}}
.navigation-panel{margin:-7px 0 14px;border:1px solid #d9dfd2;border-radius:8px;background:#fffef8;color:#566d67;box-shadow:0 3px 8px #17343b05}.navigation-panel details{padding:11px 14px}.navigation-panel summary{display:grid;grid-template-columns:31px auto minmax(0,1fr) auto;align-items:center;gap:9px;cursor:pointer;list-style:none}.navigation-panel summary:focus-visible{outline:3px solid #e9ae43;outline-offset:3px}.navigation-panel summary::-webkit-details-marker{display:none}.navigation-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#314f5a;color:#e2c873;font-size:20px}.navigation-panel summary>span:nth-child(2) small,.navigation-selected>div>small{display:block;font-family:'Barlow Condensed',sans-serif;font-size:8px;letter-spacing:1px;color:#8d9b94}.navigation-panel summary>span:nth-child(2) strong,.navigation-selected>div>strong{display:block;margin-top:1px;font-size:13px;color:#345b57}.navigation-panel summary>em,.navigation-selected>em{justify-self:end;font-size:8px;font-style:normal;color:#8f9b91}.navigation-panel summary:after{content:'⌄';margin-left:7px;color:#789087;font-size:16px}.navigation-panel details[open] summary:after{transform:rotate(180deg)}.navigation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.navigation-option{display:flex;min-width:0;min-height:82px;padding:9px 10px;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #dce3d8;border-radius:5px;background:#f9fbf4;color:#526860;overflow-wrap:anywhere}.navigation-option:disabled{opacity:.7}.navigation-option strong{font-size:10px;color:#315e59}.navigation-option span{margin-top:5px;font-size:8px;line-height:1.55;color:#79877e}.navigation-option em{margin-top:auto;padding-top:5px;font-size:8px;font-style:normal;font-weight:600;color:#34766d}.navigation-note{margin:9px 0 0;font-size:8px;line-height:1.6;color:#8a968d}.navigation-note span{color:#8e7958}.navigation-selected{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px}.navigation-selected p{margin:3px 0 0;font-size:9px;line-height:1.55;color:#74837b;overflow-wrap:anywhere}
@media(max-width:800px){.navigation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.navigation-panel{margin-top:-3px}.navigation-panel details,.navigation-selected{padding:12px}.navigation-panel summary{grid-template-columns:31px minmax(0,1fr) auto}.navigation-panel summary>em{grid-column:2;justify-self:start}.navigation-panel summary:after{grid-column:3;grid-row:1/3}.navigation-grid{grid-template-columns:1fr}.navigation-option{min-height:0;padding:11px}.navigation-panel summary>span:nth-child(2) small,.navigation-panel summary>span:nth-child(2) strong,.navigation-panel summary>em,.navigation-option strong,.navigation-option span,.navigation-option em,.navigation-note,.navigation-selected>div>small,.navigation-selected>div>strong,.navigation-selected p,.navigation-selected>em{font-size:12px;line-height:1.65}.navigation-selected{grid-template-columns:31px minmax(0,1fr)}.navigation-selected>em{grid-column:2;justify-self:start}.navigation-option{min-height:42px}}
.unit-gamble-panel{margin:-7px 0 20px;border:1px solid #dfd8c9;border-radius:8px;background:#fffdf7;color:#6d665b;box-shadow:0 3px 8px #17343b05}.unit-gamble-panel details{padding:11px 14px}.unit-gamble-panel summary{display:grid;grid-template-columns:31px auto minmax(0,1fr) auto;align-items:center;gap:9px;cursor:pointer;list-style:none}.unit-gamble-panel summary:focus-visible{outline:3px solid #e9ae43;outline-offset:3px}.unit-gamble-panel summary::-webkit-details-marker{display:none}.unit-gamble-panel summary:after{content:'⌄';margin-left:7px;color:#9a8b72;font-size:16px}.unit-gamble-panel details[open] summary:after{transform:rotate(180deg)}.unit-gamble-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#765d42;color:#f1d586;font-size:20px}.unit-gamble-panel summary>span:nth-child(2) small{display:block;font-family:'Barlow Condensed',sans-serif;font-size:8px;letter-spacing:1px;color:#a09687}.unit-gamble-panel summary>span:nth-child(2) strong{display:block;margin-top:1px;font-size:13px;color:#685442}.unit-gamble-panel summary>em{justify-self:end;font-size:8px;font-style:normal;color:#9b9285}.unit-gamble-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.unit-gamble-option{display:flex;min-width:0;min-height:96px;padding:9px 10px;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #e2dccf;border-radius:5px;background:#fffef9;color:#71695e;overflow-wrap:anywhere}.unit-gamble-option:disabled{opacity:.7;background:#f6f3ec}.unit-gamble-option strong{font-size:10px;color:#6d533b}.unit-gamble-option span{margin-top:2px;font-size:8px;color:#9b876e}.unit-gamble-option small{margin-top:5px;font-size:8px;line-height:1.5;color:#837a6e}.unit-gamble-option em{margin-top:auto;padding-top:5px;font-size:8px;font-style:normal;font-weight:600;color:#8a643d}.unit-gamble-note{margin:9px 0 0;font-size:8px;line-height:1.6;color:#938777}.unit-gamble-action{margin:10px 0 12px;padding:10px;border:1px solid #ddd4c3;border-radius:5px;background:#fbf7ea;color:#786d5d;overflow-wrap:anywhere}.unit-gamble-action>div span,.unit-gamble-action>div strong,.unit-gamble-action>p,.unit-gamble-action>small{display:block}.unit-gamble-action>div span{font-size:8px;color:#9a8971}.unit-gamble-action>div strong{margin-top:2px;font-size:10px;color:#705539}.unit-gamble-action>p,.unit-gamble-action>small{margin:7px 0 0;font-size:8px;line-height:1.6;color:#887e70}.unit-gamble-action>button{width:100%;min-height:34px;margin-top:8px;padding:7px 9px;border-radius:4px;background:#82603d;color:#fffaf0;font-size:9px;line-height:1.45;white-space:normal}.unit-gamble-action>button:disabled{background:#a8a092}.token-action>button+ p{padding-top:4px;border-top:1px dashed #dfd4c0}
@media(max-width:800px){.unit-gamble-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.unit-gamble-panel{margin-top:-3px;margin-bottom:17px}.unit-gamble-panel details{padding:12px}.unit-gamble-panel summary{grid-template-columns:31px minmax(0,1fr) auto}.unit-gamble-panel summary>em{grid-column:2;justify-self:start}.unit-gamble-panel summary:after{grid-column:3;grid-row:1/3}.unit-gamble-grid{grid-template-columns:1fr}.unit-gamble-option{min-height:0;padding:11px}.unit-gamble-panel summary>span:nth-child(2) small,.unit-gamble-panel summary>span:nth-child(2) strong,.unit-gamble-panel summary>em,.unit-gamble-option strong,.unit-gamble-option span,.unit-gamble-option small,.unit-gamble-option em,.unit-gamble-note,.unit-gamble-action>div span,.unit-gamble-action>div strong,.unit-gamble-action>p,.unit-gamble-action>small,.unit-gamble-action>button{font-size:12px;line-height:1.65}.unit-gamble-action>button{min-height:40px}.command-column:has(.unit-gamble-action) .selection-panel{grid-column:1/-1}}
.shop-panel{margin:-7px 0 20px;border:1px solid #d5dcdb;border-radius:8px;background:#fafdf9;color:#5e706d;box-shadow:0 3px 8px #17343b05}.shop-panel details{padding:11px 14px}.shop-panel summary{display:grid;grid-template-columns:31px auto minmax(0,1fr) auto;align-items:center;gap:9px;cursor:pointer;list-style:none}.shop-panel summary:focus-visible{outline:3px solid #e9ae43;outline-offset:3px}.shop-panel summary::-webkit-details-marker{display:none}.shop-panel summary:after{content:'⌄';margin-left:7px;color:#829590;font-size:16px}.shop-panel details[open] summary:after{transform:rotate(180deg)}.shop-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#365f61;color:#eed38b;font-size:16px}.shop-panel summary>span:nth-child(2) small{display:block;font-family:'Barlow Condensed',sans-serif;font-size:8px;letter-spacing:1px;color:#879895}.shop-panel summary>span:nth-child(2) strong{display:block;margin-top:1px;font-size:13px;color:#3c6562}.shop-panel summary>em{justify-self:end;font-size:8px;font-style:normal;color:#83938f}.shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.shop-offer{display:flex;min-width:0;min-height:108px;padding:9px 10px;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #d8e1dc;border-radius:5px;background:#fffef9;color:#63716d;overflow-wrap:anywhere}.shop-offer:disabled{opacity:.7;background:#f3f6f2}.shop-offer strong{font-size:10px;color:#365f5d}.shop-offer span{margin-top:2px;font-size:8px;color:#788d88}.shop-offer small{margin-top:5px;font-size:8px;line-height:1.5;color:#7c8985}.shop-offer em{margin-top:auto;padding-top:5px;font-size:8px;font-style:normal;font-weight:600;color:#39746c}.shop-note{margin:9px 0 0;font-size:8px;line-height:1.6;color:#7e8e89}.ship-gamble-grid{display:grid;gap:7px;margin-top:8px}.ship-gamble-grid button{width:100%;min-height:37px;padding:8px 9px;border-radius:4px;background:#82603d;color:#fffaf0;font-size:9px;line-height:1.5;text-align:left;white-space:normal}.ship-gamble-grid button:disabled{background:#a8a092}.ship-gamble-grid button strong,.ship-gamble-grid button span{display:block}.ship-gamble-grid button span{margin-top:2px;font-size:8px;font-weight:400;color:#f1e4cf}.recipe-source-note{margin:7px 0;font-size:8px;line-height:1.6;color:#827354}
@media(max-width:900px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.shop-panel{margin-top:-3px;margin-bottom:17px}.shop-panel details{padding:12px}.shop-panel summary{grid-template-columns:31px minmax(0,1fr) auto}.shop-panel summary>em{grid-column:2;justify-self:start}.shop-panel summary:after{grid-column:3;grid-row:1/3}.shop-grid{grid-template-columns:1fr}.shop-offer{min-height:0;padding:11px}.shop-panel summary>span:nth-child(2) small,.shop-panel summary>span:nth-child(2) strong,.shop-panel summary>em,.shop-offer strong,.shop-offer span,.shop-offer small,.shop-offer em,.shop-note,.ship-gamble-grid button,.ship-gamble-grid button span,.recipe-source-note{font-size:12px;line-height:1.65}.ship-gamble-grid button{min-height:42px}}