:root{font-family:Arial,Helvetica,sans-serif;color:#253e46;background:#eeeade;font-synthesis:none;font-weight:400;--ink: #203e49;--navy: #142f3c;--muted: #78867f;--paper: #fffcf1;--line: #dcdccd;--orange: #e47748;--gold: #eec677;--green: #62947e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;min-height:44px;border:1px solid #cdd3c5;background:#f9f8ec;padding:11px 17px;border-radius:5px;font-size:13px;font-weight:700;transition:transform .12s,background .12s,box-shadow .12s}button:hover:not(:disabled){background:#efeede;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d08b35;outline-offset:4px}button.primary{background:var(--orange);color:#fff9e7;border:1px solid #bd6037;box-shadow:0 3px #ac542e;padding:15px 23px;font-size:14px;letter-spacing:.3px}button.primary:hover{background:#ed8757}button.secondary{background:#eaf0e4;border-color:#bccbbb;color:#3c6857}button.danger{color:#af3d34;border-color:#d8ada1;background:#fff0e9;margin-top:20px}.text-button{background:transparent;border:0;padding:8px 0;min-height:36px;color:#4d7763;font-size:12px}.full{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.icon-button{padding:5px 15px;font-size:24px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--navy);color:#b8c8c5;padding:37px 23px 22px;display:flex;flex-direction:column;z-index:30;border-right:4px solid #254650}.brand{display:flex;align-items:center;gap:10px;background:none;border:none;color:#f1ddaa;text-align:left;padding:0;font-family:Georgia,serif;font-size:15px;font-weight:900;letter-spacing:1px}.brand:hover:not(:disabled){background:none}.brand em{display:block;font-style:normal;font-size:30px;letter-spacing:5px;line-height:1.1}.brand small{font:7px monospace;letter-spacing:1.1px;color:#98b4b1;display:block;margin-top:10px}.brand-symbol{font-size:42px;color:#e4ba68;text-shadow:3px 3px #0b202e}.sidebar-rule{height:1px;background:#34505a;margin:30px 0 24px}.nav-label{font-size:9px;letter-spacing:2px;color:#789b9d;font-weight:700;display:block;margin:0 12px 12px}.sidebar nav button,.sidebar-bottom>button{width:100%;display:flex;align-items:center;gap:13px;background:none;border:1px solid transparent;color:#aec1bf;text-align:left;margin:4px 0;font-size:12px;min-height:43px;padding:10px 12px}.sidebar nav button>span,.sidebar-bottom>button>span{font-size:19px;width:21px;color:#84a5a2}.sidebar button.active{background:#284a50;border-color:#42615d;color:#ffe5a1;box-shadow:inset 3px 0 #e9be69}.sidebar button.active>span{color:#e9be69}.sidebar nav button:hover,.sidebar-bottom>button:hover{background:#28454f}.sidebar nav button i{width:6px;height:6px;background:#eabc69;border-radius:50%;margin-left:auto}.collection-label{margin-top:28px}.sidebar-bottom{margin-top:auto;padding-top:30px}.edition{border:1px solid #3a5358;border-radius:4px;padding:14px 12px;display:grid;grid-template-columns:27px 1fr;background:#1b3944;font-size:11px}.edition>span{grid-row:span 2;font-size:22px;color:#e9c17a}.edition b{color:#dccb9f;font-size:11px}.edition small{font-size:9px;margin-top:5px;color:#819f9f}.sidebar-bottom>button{margin-top:18px}.sidebar-bottom>p{font:8px monospace;letter-spacing:1px;text-align:center;color:#64898d;margin-top:19px}.main-shell{margin-left:244px}.topbar{height:81px;border-bottom:1px solid #d9ddd0;display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#f9f7ed}.breadcrumb{font-size:9px;font-weight:700;letter-spacing:2px;color:#718680}.topbar-right{display:flex;align-items:center;gap:23px}.saved{font-size:10px;color:#829181;display:flex;align-items:center;gap:6px}.saved i,.status-dot{width:5px;height:5px;background:#739e80;border-radius:50%;display:inline-block}.berry-pill{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#916a32;border-left:1px solid #e0e1d4;padding-left:20px}.berry-pill small{font-size:8px;letter-spacing:1px;color:#8e917c}.avatar{padding:0;width:40px;height:40px;min-height:40px;background:#e4e9d8;border:1px solid #b8c7b3;overflow:hidden}.avatar .portrait{width:44px!important;height:39px!important;object-fit:contain}.main-content{padding:34px 44px 24px;max-width:1280px;margin:auto;min-height:calc(100vh - 141px)}.main-content>section{animation:arrive .2s ease-out}.desktop-footer{max-width:1280px;margin:auto;padding:20px 44px;color:#909b8a;font:9px monospace;display:flex;justify-content:space-between;gap:10px}.mobile-nav,.mobile-brand{display:none}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,Times New Roman,serif;font-size:38px;letter-spacing:-1.1px;margin-bottom:12px;color:#233e48;font-weight:700}h2{font-family:Georgia,serif;font-size:25px;letter-spacing:-.4px;margin-bottom:9px}h3{font-size:16px;margin-bottom:9px}p{font-size:13px;line-height:1.7;color:#708078;margin-bottom:20px}small{font-size:11px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#729080;display:block;margin-bottom:13px;line-height:1.6;text-transform:uppercase}.panel{background:var(--paper);border:1px solid #d1d8c8;border-radius:7px;box-shadow:0 3px #dfe1d3}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.page-heading p{margin-bottom:0}.page-heading button{flex-shrink:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 15px}.section-heading h2{font-size:21px;margin:0}.home-kicker{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.7px;margin-bottom:18px;color:#698475}.home-kicker>span:last-child{margin-left:auto;color:#95a08c;font:9px monospace;letter-spacing:1px}.hero{position:relative;height:380px;overflow:hidden;background:#92c6c0;border-color:#719d98;border-bottom:5px solid #456f70}.scenery{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated}.hero .scenery{width:112%;left:4%;height:100%;object-fit:cover}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#d8e9cf 0%,#d2e7ccf5 20%,#d4e8ce50 43%,transparent 64%)}.hero-copy{position:relative;z-index:1;padding:35px 34px;width:58%}.hero-copy .eyebrow{font-size:8px;color:#42786d;margin-bottom:13px;letter-spacing:1.4px}.hero-copy h1{font-size:45px;line-height:1.06;letter-spacing:-1.6px;color:#214953;margin-bottom:17px;text-shadow:0 1px #f8f4cd}.hero-copy h1 em{color:#3f7669;font-style:normal}.hero-copy p{font-size:12px;color:#5d7c73;line-height:1.65;margin-bottom:23px}.hero-copy button{min-width:173px;display:flex;justify-content:space-between;gap:30px}.hero-coordinate{position:absolute;bottom:18px;right:22px;font:8px monospace;letter-spacing:1px;color:#b0d2c3}.home-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;border:1px solid #d4dacc;background:#f8f6e9;border-radius:5px;padding:20px 0;margin-top:20px}.home-stats>div{padding:0 25px;border-right:1px solid #d9decf}.home-stats>div:last-child{border:0}.home-stats span{display:block;font-size:8px;letter-spacing:1.4px;color:#8c947e;margin-bottom:9px;font-weight:700}.home-stats strong{font:25px Georgia,serif;color:#3c554e}.home-stats strong small{font:14px Georgia,serif;color:#97a18c}.saga-feature{display:flex;align-items:center;gap:26px;width:100%;text-align:left;padding:21px}.saga-feature:hover:not(:disabled){background:#fffff6}.island-stamp{width:117px;height:114px;background:#355e66;border:5px solid #658c80;outline:1px solid #ccd5b9;outline-offset:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:inset 0 0 0 2px #254c5c;position:relative;overflow:hidden}.island-stamp:after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:2px;background:#8daa82;box-shadow:0 7px #688f7d}.island-stamp span{font-size:32px;color:#e0bf71}.island-stamp i{font-family:Georgia,serif;font-size:19px;font-style:normal;line-height:1.1;color:#e5d8a5;letter-spacing:1px}.saga-feature .eyebrow{margin-bottom:8px;font-size:8px}.saga-feature h2{font-size:25px;margin-bottom:6px}.saga-feature p{font-weight:400;font-size:11px;margin-bottom:12px}.saga-tags{display:flex;gap:8px;flex-wrap:wrap}.saga-tags span{background:#edf0e3;color:#7b8a71;padding:5px 8px;font-size:9px;font-weight:400;border-radius:3px}.round-arrow{margin-left:auto;border:1px solid #cbd8c0;background:#eaf0df;width:33px;height:33px;display:grid;place-content:center;flex-shrink:0;border-radius:50%;color:#6f9172}.home-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:17px;margin-top:20px}.crew-teaser{padding:21px 23px}.crew-teaser h3{font-family:Georgia,serif;font-size:17px;margin:0}.crew-teaser .eyebrow{font-size:8px;margin-bottom:7px}.crew-line{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:12px;margin:23px 0}.portrait{width:68px;height:54px;image-rendering:pixelated;object-fit:contain}.large-pixels .portrait{width:77px;height:60px}.crew-teaser .crew-line{gap:0;justify-content:space-between;margin:19px 0 12px}.crew-teaser .portrait{width:51px;height:42px}.crew-teaser .text-button{font-size:10px;min-height:28px}.journal-teaser{display:flex;align-items:center;gap:17px;text-align:left;padding:20px;background:#f5f0db}.medal{font-size:42px;color:#c79c47;text-shadow:2px 3px #e6d9b1}.journal-teaser small{font-size:8px;letter-spacing:1px;color:#a39267}.journal-teaser h3{font-family:Georgia,serif;font-size:19px;margin:10px 0}.journal-teaser p{font-size:10px;font-weight:400;margin:0;color:#9a947b}.home-footnote{text-align:center;color:#9a9e8c;font-size:9px;margin:27px 0 0}.saga-banner{position:relative;overflow:hidden;display:flex;text-align:left;align-items:center;width:100%;min-height:270px;padding:28px;margin:27px 0}.saga-banner .scenery{opacity:.4}.saga-banner>div,.saga-banner>.round-arrow{position:relative}.saga-banner h2{font-size:42px;margin:20px 0 9px}.tag{display:inline-block;font:9px monospace;letter-spacing:1px;color:#386852;background:#e1edd0;border:1px solid #b7cda3;padding:7px 9px;border-radius:3px}.future-grid,.arc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.future-card{padding:25px;background:#e8eadd;opacity:.65}.future-card>span{font-size:26px;float:right}.future-card>small{font:9px monospace;letter-spacing:1px}.future-card h3{margin-top:25px;font-family:Georgia,serif}.future-card p{font-size:10px;margin:0}.future-card.unlocked{background:#f5e9c9;opacity:1}.arc-card{overflow:hidden}.arc-card.locked{filter:saturate(.35);opacity:.65}.arc-art{height:145px;position:relative;background:linear-gradient(#bddcd0 60%,#78aaa9 60%);overflow:hidden}.arc-number{position:absolute;left:17px;top:16px;font:15px monospace;color:#557772}.pixel-island{position:absolute;left:calc(50% - 48px);top:37px;width:96px;height:60px;background:var(--island);box-shadow:10px 12px #d7c690,-10px 12px #d7c690;clip-path:polygon(10% 30%,28% 30%,28% 7%,59% 7%,59% 20%,80% 20%,80% 37%,100% 37%,100% 83%,83% 83%,83% 100%,17% 100%,17% 83%,0 83%,0 45%,10% 45%)}.pixel-island b{display:block;text-align:center;font-size:34px;color:#f3e9be}.arc-state{position:absolute;bottom:11px;left:17px;font:8px monospace;letter-spacing:1px;color:#214e57}.arc-content{padding:19px}.arc-content h2{font-size:22px}.arc-content p{font-size:11px;min-height:52px}.arc-details{display:flex;flex-direction:column;gap:9px;margin:18px 0;font-size:10px;color:#7c8976}.arc-content button{font-size:11px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px}.map-panel{background-color:#e8eddb;background-image:radial-gradient(#94b0a21f 1.5px,transparent 1.5px);background-size:18px 18px;overflow:hidden}.map-heading{padding:18px;display:flex;justify-content:space-between;font:9px monospace;color:#7c927d;border-bottom:1px dashed #bdcbb4}.route-map{position:relative;margin:15px 0}.map-paths{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.map-paths line{stroke:#b4c7b1;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.map-paths line.traveled{stroke:#7a9e70;stroke-width:3;stroke-dasharray:none}.node-wrap{position:absolute;transform:translate(-50%,-50%);text-align:center;width:100px}.map-node{border:2px solid #aabda4;background:#f3f2df;width:53px;height:53px;border-radius:50%;padding:0;box-shadow:0 4px #c9d3bb;font-size:24px;min-height:53px;opacity:.6!important}.map-node.reachable{border-color:#b08843;background:#f5dda2;box-shadow:0 0 0 5px #dcca8740,0 4px #bca06c;opacity:1!important;animation:glow 2s infinite}.map-node.completed{background:#80a68a;color:#f8f2d2;border-color:#668775;opacity:1!important}.map-node.boss{border-radius:7px;background:#375f65;color:#f6de9d;border-color:#22434c;width:65px;height:62px}.node-wrap small{display:block;font-size:9px;font-weight:700;margin:9px auto 0;color:#738970;max-width:98px;line-height:1.3}.node-wrap.boss-node small{color:#38545c}.map-start{text-align:center;padding:18px;font:9px monospace;letter-spacing:1px;color:#698471;border-top:1px dashed #bdcbb4}.map-info>.panel{padding:20px;position:sticky;top:15px}.map-info h3{font-family:Georgia,serif;font-size:22px}.map-info p{font-size:11px}.divider{height:1px;background:#dce0cf;margin:23px 0}.mini-member{display:flex;align-items:center;margin:9px 0;gap:9px}.mini-member .portrait{width:44px;height:37px}.mini-member b{font-size:11px}.mini-member small{display:block;font-size:9px;color:#8b957f;margin-top:3px}.mini-member>span{font-size:10px;color:#c8684d}.map-info button{font-size:11px;margin-top:10px}.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 2px;color:#7b907b;font-size:10px}.notice{padding:14px 17px;border:1px solid #c7d4a9;border-radius:5px;background:#f0f0d3;margin:16px 0;color:#7a754c;font-size:12px;line-height:1.6}.tutorial{display:flex;gap:15px;align-items:center;background:#dfebdf;border-left:3px solid #7b9c7d;padding:15px 18px;margin:18px 0}.tutorial strong{font-size:12px}.tutorial p{font-size:11px;margin:5px 0 0}.tutorial button{flex-shrink:0}.node-preview{font-size:57px;text-align:center;margin:20px;color:#ae9659}.choice-list{display:grid;gap:12px;margin:20px 0}.choice-card{display:flex;align-items:center;gap:16px;text-align:left;padding:18px;background:#f9f7e9;border:1px solid #cbd4bc;justify-content:space-between}.choice-card b{display:block;font-size:14px}.choice-card small{display:block;margin-top:7px;color:#7e8d77;line-height:1.5;font-weight:400}.choice-card>span:nth-child(2){flex:1}.fruit-icon{display:grid;place-content:center;font-size:43px;flex-shrink:0;width:53px;height:55px;color:#9b7fbd;text-shadow:2px 3px #594c7460;filter:drop-shadow(0 3px 0 #6b627733)}.fruit-icon.large{font-size:76px;width:100px;height:100px;margin:10px auto 22px}.fruit-icon.chop{color:#cf7757}.fruit-icon.smoke{color:#a9bcc0}.fruit-icon.slip{color:#dd99a7}.fruit-icon.bomb{color:#485c64}.fruit-icon.kilo{color:#b6ab64}.training-icon,.offer-icon{font-size:29px;color:#ac9852}.balance{font-weight:700;color:#98763d}.crew-line>div{text-align:center}.crew-line small{display:block;color:#83907b;font-size:10px}.completion{text-align:center;padding:60px 40px;margin:40px auto}.completion h1{font-size:40px}.completion>p{max-width:530px;margin:15px auto 25px}.completion .button-row{justify-content:center}.seal{font-size:66px;color:#c9a054;margin-bottom:28px}.stats-strip{display:flex;justify-content:center;margin:35px 0;gap:35px;flex-wrap:wrap}.stats-strip strong{display:block;font:24px Georgia,serif}.stats-strip span{font-size:10px;color:#849079;display:block;margin-top:8px}.mono{font-family:monospace}.section-label{display:flex;align-items:center;gap:13px;margin:28px 0 16px;font-size:12px;color:#557367}.section-label span{font:10px monospace;color:#8a9980}.crew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.crew-card{padding:20px}.member-top{display:flex;gap:14px;align-items:center;margin-bottom:20px}.portrait-tile{width:80px;height:79px;display:grid;place-content:center;border:1px solid #d0d9bf;border-radius:4px;flex-shrink:0}.member-top h2{font-size:24px;margin:4px 0}.member-top p{font-size:10px;margin:0}.member-top .eyebrow{font-size:8px;margin:0}.meter{height:7px;border:1px solid #bbcab4;background:#e1e7d8;overflow:hidden;border-radius:2px}.meter i{height:100%;display:block;background:#81ab7e}.meter-wrap>small{display:block;font:9px monospace;margin-top:6px;color:#7d9174}.xp-line{font-size:9px;margin-top:7px;color:#9c9e7c}.stat-pills{display:flex;gap:5px;margin:16px 0;flex-wrap:wrap}.stat-pills>span{font:9px monospace;background:#edf0e3;padding:7px}.ability b{font-size:12px}.ability small{display:block;color:#85927b;font-size:10px;line-height:1.5;margin-top:6px}.loadout{border-top:1px solid #e0e4d5;margin-top:16px;padding-top:14px;font-size:10px;color:#728c75}.loadout>span{display:block;margin-bottom:8px}.loadout>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.loadout button{font-size:10px;min-height:30px}.member-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.member-actions button{font-size:10px;padding:8px 11px}.member-actions select{font-size:11px;max-width:100%}.empty-slot{display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #bccbb0;border-radius:6px;color:#9aa68d;font-size:11px;text-align:center;padding:20px;background:#e9edde}.empty-slot span{font-size:35px;margin-bottom:12px}.trait-row{display:flex;gap:10px;flex-wrap:wrap}.trait{background:#dfead5;border:1px solid #bbcdaa;border-radius:5px;padding:12px;font-size:11px;color:#578365}.trait span{display:block;font-size:9px;margin-top:6px;color:#7c9174}.training-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}.training-tags span{font-size:8px;border:1px solid #d9ddbb;padding:4px;color:#92915e}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.loot-card,.fruit-card{text-align:center;padding:25px 18px}.loot-card h3{font-size:15px;line-height:1.4}.loot-card p{font-size:11px;min-height:50px}.loot-card button{font-size:11px;width:100%}.item-art{font-size:45px;color:#c2a167;margin:9px 0 20px}.equip-toolbar{display:flex;gap:20px;padding:20px;align-items:center}.equip-toolbar label{flex:1;margin:0}.equip-toolbar select{width:100%}.fruit-card h2{font-size:21px}.fruit-card p{font-size:11px;min-height:62px}.fruit-card.undiscovered{background:#e8ebdf}.undiscovered .fruit-icon{color:#b4c0ac;text-shadow:none}.collection-count{font:10px monospace;color:#92a17d}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.achievement{display:flex;gap:20px;align-items:center;padding:25px;background:#e8ecdf;opacity:.75}.achievement.earned{background:#faf2d9;opacity:1}.achievement h3{font-family:Georgia,serif;font-size:20px}.achievement p{font-size:11px;margin-bottom:10px}.achievement small{font:8px monospace;color:#a19668}.hall-record{padding:25px;margin:20px 0}.hall-record .crew-line{justify-content:flex-start}.hall-record p{font-size:12px;margin-bottom:10px}.journal{padding:18px;font-size:12px;margin:10px 0;line-height:1.7}.settings-panel{padding:30px;max-width:680px}.settings-panel>label{display:block;margin:22px 0;font-size:13px}.settings-panel label>span{float:right;color:#98a07f}.settings-panel .toggle{display:flex;align-items:center;justify-content:space-between;min-height:30px}input[type=range]{display:block;width:100%;margin-top:15px;accent-color:#79966e}input[type=checkbox]{width:21px;height:21px;accent-color:#62866a}.settings-panel select{display:block;margin-top:10px}.settings-panel p{font-size:12px}.file-button{position:relative;overflow:hidden;border:1px solid #cdd3c5;border-radius:4px;font-size:12px;font-weight:700;padding:14px 17px;cursor:pointer;background:#f9f8ec}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.battle-panel{overflow:hidden}.battle-canvas{width:100%;aspect-ratio:1.6;background:#173e50;position:relative}.battle-canvas canvas{max-width:100%;display:block;image-rendering:pixelated}.battle-controls{display:flex;align-items:center;gap:10px;padding:13px 17px;flex-wrap:wrap}.battle-controls>.mono{margin-right:auto;font-size:12px}.battle-controls button{font-size:11px}.battle-log{min-height:76px;margin:19px 0}.battle-log p{font:11px monospace;margin:6px 0;color:#6f8878}.result{text-align:center;padding:30px}.result h2{font-size:36px}.victory{background:#eef1d5;border-color:#c6d5a6}.defeat{background:#f4e5d7}.empty{text-align:center;padding:50px 25px;margin:25px 0}.empty-icon{display:block;font-size:50px;color:#a4af8c;margin:10px 0 25px}.empty p{max-width:400px;margin:auto}.muted{color:#8e9a84;font-size:12px}.voyage-footer{display:flex;justify-content:space-between;margin-top:25px;border-top:1px solid #d6deca;padding-top:12px}.debug{margin-top:20px;font:10px monospace;color:#91a18b}.debug button{font-size:10px}.debug summary{cursor:pointer;padding:10px 0}.loading{min-height:100vh;display:flex;gap:25px;align-items:center;justify-content:center;flex-direction:column;color:#47655a;font:13px monospace}.fatal{margin:50px auto;max-width:700px;padding:30px}.fatal pre{white-space:pre-wrap}dialog{width:calc(100% - 32px);max-width:520px;max-height:90dvh;overflow:auto;border:2px solid #adbb9e;border-radius:8px;background:#fffcf0;color:var(--ink);padding:27px;box-shadow:0 12px #102b3920,0 20px 90px #102b3950}dialog::backdrop{background:#0e2b3cbb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog label{display:block;font-size:12px;margin:23px 0}dialog input{display:block;margin-top:10px;width:100%}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.dialog-head h2{margin:0}input:not([type=range]):not([type=checkbox]):not([type=file]),select{border:1px solid #bdc9b3;background:#f6f6e9;padding:13px;border-radius:4px;color:#486454;min-height:44px;max-width:100%}input::placeholder{color:#9fa98f}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{50%{box-shadow:0 0 0 8px #dcca8750,0 4px #bca06c}}@media(min-width:1600px){.main-content{padding-top:45px}.hero{height:420px}.hero-copy h1{font-size:51px}.hero-copy{padding:42px}.sidebar{width:260px;padding:40px 28px}.main-shell{margin-left:260px}}@media(max-width:1150px){.sidebar{width:210px;padding:30px 17px}.main-shell{margin-left:210px}.brand{font-size:13px}.brand em{font-size:25px}.brand-symbol{font-size:32px}.main-content{padding:27px}.topbar{padding:0 27px}.hero-copy{padding:29px 25px}.hero-copy h1{font-size:39px}.hero{height:365px}.hero-copy .eyebrow{max-width:180px}.map-layout{grid-template-columns:minmax(0,1fr) 200px}.collection-grid,.arc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-bottom{grid-template-columns:1fr}.crew-teaser{display:flex;align-items:center;justify-content:space-between;gap:15px}.crew-teaser .crew-line{flex-wrap:nowrap}.crew-teaser .text-button{display:none}.hero .scenery{left:6%;width:127%}.saga-feature{gap:20px}.saved{display:none}}@media(max-width:800px){.sidebar{transform:translate(-100%);width:245px;transition:transform .2s;padding:25px 22px;bottom:68px;overflow:auto}.sidebar.open{transform:translate(0)}.main-shell{margin-left:0}.topbar{height:66px;padding:0 22px}.mobile-brand{display:block;font-family:Georgia,serif;font-size:12px;letter-spacing:1px;color:#466354;font-weight:700}.desktop-only{display:none}.topbar-right{gap:12px}.berry-pill{font-size:13px;padding-left:0;border:0}.berry-pill small{display:none}.avatar{width:33px;height:33px;min-height:33px}.avatar .portrait{width:34px!important;height:33px!important}.main-content{padding:25px 25px 85px;min-height:calc(100vh - 66px)}.desktop-footer{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#173542;z-index:40;display:flex;justify-content:space-around;border-top:3px solid #45635d;padding:5px 8px calc(7px + env(safe-area-inset-bottom))}.mobile-nav button{background:transparent;color:#9fb8b2;border:0;display:flex;align-items:center;flex-direction:column;gap:4px;min-width:54px;font-size:9px;padding:5px}.mobile-nav button>span{font-size:21px;line-height:1.1}.mobile-nav button.active{color:#f2cc7f;background:#2b4e50;border-radius:4px}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#102b3980;border:none;border-radius:0}.map-layout{grid-template-columns:minmax(0,1fr) 210px}.home-bottom{grid-template-columns:1.1fr 1fr}.crew-teaser{display:block}.crew-teaser .crew-line{gap:0}.crew-teaser .portrait{width:40px!important}.crew-teaser .text-button{display:block}.hero{height:365px}.hero-copy h1{font-size:43px}.future-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stats strong{font-size:23px}.home-stats>div{padding:0 20px}.completion{margin:20px 0;padding:40px 25px}.completion h1{font-size:33px}}@media(max-width:560px){.main-content{padding:22px 17px 85px}.topbar{padding:0 17px}.mobile-brand{font-size:10px;letter-spacing:.6px}.topbar-right{gap:9px}.home-kicker{font-size:7px;letter-spacing:1.2px;margin-bottom:14px}.home-kicker>span:last-child{font-size:7px}.hero{height:464px;border-radius:5px}.hero .scenery{top:176px;left:-35%;width:163%;height:290px}.hero-shade{background:linear-gradient(#d8e9ce 0%,#d8e9ce 32%,#d8e9ceaa 45%,transparent 62%)}.hero-copy{width:100%;padding:25px}.hero-copy h1{font-size:40px;line-height:1.03;margin-bottom:12px}.hero-copy h1 br:nth-of-type(2){display:none}.hero-copy h1 em:before{content:" "}.hero-copy .eyebrow{font-size:7px;max-width:none;margin-bottom:12px;letter-spacing:1px}.hero-copy p{font-size:11px;margin-bottom:18px}.hero-copy .primary{min-width:170px;padding:13px 18px;font-size:12px}.hero-coordinate{font-size:6px;bottom:13px;right:14px}.home-stats{margin-top:15px;padding:17px 0}.home-stats>div{padding:0 12px}.home-stats span{font-size:6px;letter-spacing:.7px;line-height:1.4;min-height:17px;margin-bottom:5px}.home-stats strong{font-size:20px}.home-stats strong small{font-size:11px}.section-heading{margin:25px 0 13px}.section-heading h2{font-size:19px}.section-heading .text-button{font-size:9px}.saga-feature{padding:17px 14px;gap:15px;align-items:flex-start}.island-stamp{width:63px;height:77px;border-width:3px;outline-offset:2px;flex-direction:column;gap:0}.island-stamp span{font-size:23px;margin-top:4px}.island-stamp i{font-size:12px;text-align:center}.island-stamp:after{bottom:4px}.saga-feature .eyebrow{font-size:6px;letter-spacing:.8px;margin-bottom:6px}.saga-feature h2{font-size:20px;margin-bottom:7px}.saga-feature p{font-size:10px;line-height:1.5;margin-bottom:11px}.saga-tags{gap:4px}.saga-tags span{font-size:7px;padding:4px 5px}.saga-feature .round-arrow{display:none}.home-bottom{grid-template-columns:1fr;margin-top:16px;gap:15px}.crew-teaser{padding:21px;display:block}.crew-teaser .crew-line{justify-content:center;gap:4px;margin:19px 0 8px}.crew-teaser .portrait{width:55px!important;height:43px!important}.crew-teaser h3{font-size:19px}.crew-teaser .eyebrow{font-size:7px}.crew-teaser .text-button{font-size:10px}.journal-teaser{padding:20px}.journal-teaser h3{font-size:20px}.home-footnote{font-size:8px;line-height:1.7;padding:0 25px;margin-top:25px}h1{font-size:32px}h2{font-size:24px}.eyebrow{font-size:8px}.page-heading{align-items:flex-start;gap:12px;flex-direction:column}.page-heading button{font-size:11px;padding:11px 14px}.page-heading p{font-size:12px}.arc-grid,.crew-grid,.achievement-grid{grid-template-columns:1fr}.arc-content p{min-height:0}.arc-art{height:138px}.arc-content{padding:20px}.arc-content h2{font-size:26px}.arc-details{font-size:12px;gap:10px}.future-card{padding:20px 14px}.future-card h3{font-size:15px}.future-card p{font-size:9px}.future-card>small{font-size:7px}.saga-banner{padding:20px;min-height:240px}.saga-banner .round-arrow{display:none}.saga-banner .scenery{width:180%;left:-25%;opacity:.35}.saga-banner h2{font-size:37px}.saga-banner p{font-size:11px}.saga-banner .saga-tags span{font-size:8px}.map-layout{display:flex;flex-direction:column}.map-info{order:-1}.map-info>.panel{padding:16px}.map-info .divider,.map-info .mini-member,.map-info .divider~.eyebrow,.map-legend{display:none}.map-info>.panel>.eyebrow{font-size:7px;margin-bottom:5px}.map-info h3{font-size:23px;margin-bottom:6px}.map-info p{font-size:11px;margin-bottom:8px}.map-info button{margin-top:0;min-height:35px;padding:8px}.map-heading{font-size:8px;padding:15px}.map-node{width:48px;height:48px;min-height:48px}.node-wrap{width:87px}.node-wrap small{font-size:8px;max-width:83px}.tutorial{padding:12px;gap:8px}.tutorial strong{font-size:11px}.tutorial p,.tutorial button{font-size:10px}.notice{font-size:11px;padding:12px}.stats-strip{gap:21px}.stats-strip strong{font-size:22px}.stats-strip span{font-size:9px}.completion{padding:35px 20px}.completion h1{font-size:30px}.completion .crew-line{gap:0}.completion .portrait{width:55px;height:48px}.completion p,.completion .primary{font-size:12px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.loot-card,.fruit-card{padding:18px 12px}.loot-card h3{font-size:13px}.loot-card p{font-size:10px;min-height:67px}.loot-card button{font-size:10px;padding:10px 7px}.fruit-card h2{font-size:19px}.fruit-card p{font-size:10px;min-height:95px}.fruit-card .eyebrow{font-size:7px}.fruit-icon.large{width:75px;height:75px;font-size:60px;margin:8px auto 16px}.equip-toolbar{gap:12px;padding:15px;flex-wrap:wrap}.equip-toolbar label{font-size:10px;min-width:120px}.equip-toolbar .portrait{display:none}.equip-toolbar select{font-size:11px;padding:10px;margin-top:8px}.member-top .eyebrow{font-size:8px}.member-top h2{font-size:27px}.member-top p{font-size:11px}.ability b{font-size:13px}.loadout,.member-actions button{font-size:11px}.trait{font-size:10px}.settings-panel{padding:22px}.settings-panel h3{font-size:17px}.settings-panel>label{font-size:12px}.battle-controls{padding:10px;gap:7px}.battle-controls button{font-size:10px;padding:9px}.battle-controls .text-button{width:100%;min-height:30px}.battle-log{min-height:60px}.battle-screen>p{font-size:11px}.result{padding:25px 20px}.result .primary{font-size:12px}.battle-panel{margin-left:-7px;margin-right:-7px}.hall-record{padding:20px}.hall-record .crew-line{gap:0}.hall-record .portrait{width:48px}.hall-record .tag{font-size:8px}.crew-line{gap:5px}.crew-line .portrait{width:56px;height:48px}dialog{padding:22px;max-height:88dvh}dialog h2{font-size:25px}dialog p{font-size:12px}.choice-card{padding:15px 12px;gap:12px}.choice-card b{font-size:13px}.choice-card small{font-size:10px}.choice-card .fruit-icon{width:40px;font-size:35px}.dialog-head{margin-bottom:16px}.training-icon{font-size:25px}.empty h2{font-size:24px}.empty p{font-size:12px}.debug{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.hero-copy .new-home{display:inline-block;min-width:0;color:#335f53;margin-top:8px;padding:4px 0;font-size:10px;background:none;box-shadow:none;border:0}@media(max-width:560px){.text-button{min-height:44px}.hero-copy .new-home{position:absolute;left:217px;bottom:27px;padding:12px 0;font-size:10px;min-height:44px}}@media(max-width:560px){.hero .scenery{left:-7%;width:155%}}.style-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #b9c8b5;background:#eaf0de;color:#3c6457;border-radius:3px;font:700 9px monospace;letter-spacing:.4px;white-space:nowrap}.style-blade{color:#725a52;background:#eee3da;border-color:#d4c0b3}.style-brawler{color:#86512f;background:#f4e3cb;border-color:#d5bd99}.style-ranged{color:#466c7b;background:#e0ebed;border-color:#b4cbd1}.style-trickster{color:#78648d;background:#ebe5ee;border-color:#cabcce}.member-combat{margin:0 0 15px}.member-combat>small{display:block;margin-top:8px;font-size:10px;color:#7b8878;line-height:1.5}.member-combat details{margin-top:10px;font-size:11px;color:#5c7764}.member-combat details p{font-size:11px;margin:8px 0;line-height:1.6}.counter-guide{border:1px solid #c6d4bf;background:#e8edde;border-radius:5px;padding:15px 17px;margin:20px 0;color:#527360;font-size:12px}.counter-guide summary{cursor:pointer;min-height:26px;line-height:1.5;font-weight:700}.counter-guide p{font-size:11px;margin:12px 0 0;line-height:1.8}.starter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.starter-options button{display:flex;align-items:center;flex-direction:column;gap:9px;padding:12px 5px}.starter-options button.selected{border:2px solid #ba8346;background:#f5e9c9}.starter-options .portrait{max-width:100%}.starter-options .style-badge{font-size:8px;padding:5px}.encounter-brief{padding:18px;background:#edf0e4;border:1px solid #c6d2bb;border-radius:5px;margin:15px 0}.encounter-brief h3{font-size:18px;font-family:Georgia,serif}.encounter-brief .eyebrow{margin-bottom:8px}.attack-tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.attack-tags span{font:9px monospace;background:#f8f7ed;border:1px solid #c9d0c0;padding:5px 7px;border-radius:3px}.attack-tags .danger-tag{background:#fae5cf;color:#955337;border-color:#d4a079}.counter-warning{background:#f7e7cf;border-left:3px solid #c9804e;padding:10px 12px;font-size:11px;color:#815e3e;margin:10px 0}.crew-risk{font-size:11px;font-weight:700;color:#8b5b48;margin:10px 0}.matchup-list{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.matchup-list>span{font-size:10px;background:#f9f7e9;padding:6px;border:1px solid #d1d7c9;border-radius:3px}.matchup-list .favorable{color:#427757;background:#dfecd8}.matchup-list .unfavorable{color:#9d5841;background:#f4e2d4}.enemy-formation{display:grid;gap:9px;margin:14px 0}.enemy-formation>div{padding:12px;background:#fbfaef;border:1px solid #d4dac9}.enemy-formation b{display:block;font-size:12px;margin-bottom:7px}.enemy-formation small{display:block;font:10px monospace;margin-top:8px;line-height:1.6;color:#7a8b78}.xp-preview{font-size:10px!important;line-height:1.8;margin:15px 0 0;color:#7b896d}.recruit-reveal{text-align:center;margin:18px 0}.node-wrap small{font-size:9px;line-height:1.4;max-width:105px}.node-wrap .node-style{display:block;font:700 8px monospace;margin-top:5px;color:#4c7262}.node-wrap .node-hazards{display:block;font:700 8px monospace;margin-top:3px;color:#a65d35}.battle-style-strip{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.battle-style-strip>span{font-size:10px;display:flex;align-items:center;gap:6px;background:#f9f7ed;padding:6px}.battle-status-readout{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0;font:10px monospace;color:#985535}.route-map .node-wrap{width:22%;max-width:110px}@media(max-width:560px){.route-map .node-wrap{width:24%}.node-wrap small{font-size:8px;max-width:75px}.node-wrap .node-style,.node-wrap .node-hazards{font-size:7px}.encounter-brief{padding:14px}.counter-guide{padding:12px}.starter-options .portrait{width:62px;height:52px}.counter-guide summary{min-height:44px;display:flex;align-items:center}.member-combat summary{min-height:38px}.starter-options b{font-size:12px}}.route-map .node-wrap{transform:translate(-50%,-26.5px);width:19%}.route-map .boss-node{transform:translate(-50%,-31px)}@media(max-width:560px){.route-map .node-wrap{transform:translate(-50%,-24px)}.route-map .boss-node{transform:translate(-50%,-31px)}}@media(max-width:560px){.node-wrap small{font-size:9px}.node-wrap .node-style,.node-wrap .node-hazards{font-size:8px}}.item-pixel-icon{image-rendering:pixelated;object-fit:contain;flex-shrink:0}.item-origin{display:block;color:#536d76;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.item-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.7rem 0;width:100%;font-size:.8rem;line-height:1.5;text-align:left}.item-comparison>span{display:block;padding:.7rem;border:1px solid #b2c5c5;border-radius:8px;color:#213f4d;background:#f4f1e5;overflow-wrap:anywhere}.item-comparison>span:last-child{background:#eaf2e6;border-color:#92ae95}.item-comparison small{display:block;font-weight:800;margin-bottom:.3rem}@media(max-width:480px){.item-comparison{grid-template-columns:1fr}}:root{--ink: #173e58;--navy: #113653;--paper: #fff8df;--line: #d2ad70;--orange: #ed653d;--gold: #ffd36c;--muted: #597184;background:#b8e4ef;color:var(--ink)}body{background:linear-gradient(180deg,#a7dcf1,#e4f6f5 760px)}.sidebar{background:linear-gradient(100deg,#123955,#092b47);border-right:4px solid #83613b}.sidebar button.active{background:#215779;border-color:#69b8d1;box-shadow:inset 4px 0 #ffd366}.topbar{background:#fff7de;border-bottom:3px solid #b28c53}.panel{background:#fff9e6;border:2px solid #d3b77e;box-shadow:0 4px #1c557118;border-radius:8px}button{border-width:2px;border-radius:5px}button.primary{background:#eb653c;border:2px solid #a63d2d;box-shadow:0 4px #86372c}button.secondary{background:#e6f3f4;color:#225978;border-color:#8bbbc7}h1,h2{text-shadow:0 2px #ffffff60}.portrait,.enemy-portrait{object-fit:contain;image-rendering:pixelated}.portrait{width:88px;height:110px}.crew-teaser .portrait{height:125px;width:95px}.starter-options .portrait{height:130px;width:100%}.starter-options button{background:linear-gradient(#d9f2fa,#fff0c2);border:2px solid #b6c6b7}.starter-options button.selected{border-color:#dc633b;box-shadow:0 0 0 3px #ffce70}.crew-card{background:linear-gradient(150deg,#fff9e5,#f3e3b9);border:2px solid #c49b57}.crew-card .portrait{height:160px;width:150px}.mini-member .portrait{width:44px;height:62px}.crew-line .portrait{width:80px;height:105px}.avatar .portrait{height:48px;width:42px}.map-panel{background-color:#168db8;background-size:auto 640px;background-position:center top;background-repeat:repeat-y;border:4px solid #775038;box-shadow:0 5px #503d31,0 10px 25px #14446020}.map-heading,.map-start{background:#61472f;color:#fff2c2;font-weight:800;letter-spacing:1px;border:0}.route-map{margin-top:65px}.map-paths line{stroke:#d6f1ff;stroke-width:3;stroke-dasharray:7 8;opacity:.6}.map-paths line.traveled{stroke:#ffe685;stroke-width:5;opacity:1}.route-map .node-wrap{transform:translate(-50%,-27px)}.node-wrap:before{content:"";position:absolute;z-index:-1;width:85px;height:27px;left:50%;top:36px;transform:translate(-50%);background:#77b957;border:5px solid #e9cc88;border-bottom:8px solid #b88851;border-radius:40%;box-shadow:0 7px #056c9944}.map-node{border:3px solid #fff5c7;border-radius:10px;background:#d65948;color:#fff;width:56px;height:56px;opacity:.78!important;box-shadow:0 4px #663f39;text-shadow:1px 2px #163449}.map-node.type-recruit{background:#af57c4}.map-node.type-treasure{background:#e6a430}.map-node.type-fruit{background:#845bda}.map-node.type-heal{background:#37a976}.map-node.type-shop{background:#bd7b34}.map-node.type-event{background:#2686cb}.map-node.type-elite{background:#a12e48}.map-node.type-mystery{background:#607bd1}.map-node.reachable{border-color:#fffbd1;opacity:1!important;outline:3px solid #ffc73f;background-image:linear-gradient(#ffffff25,#fff0);box-shadow:0 0 22px 7px #fff48380,0 5px #775328;animation:route-glow 2s ease-in-out infinite}.map-node.completed{background:#34877e;border-color:#b8ffcf;opacity:1!important}.node-wrap small{background:#123b57e8;border:1px solid #73b8d0;border-radius:4px;color:#fff8d8;padding:5px 3px;margin-top:12px;max-width:112px;font-size:10px}.node-wrap .node-style{color:#b3e8ff}.node-wrap .node-hazards{color:#ffe183}.route-map .boss-node{transform:translate(-50%,-54px);width:150px;max-width:150px}.map-node.boss{width:100px;height:105px;background:linear-gradient(#523e64,#af514d);border:3px solid #ffd979;box-shadow:0 5px #55393a;opacity:1!important}.map-node.boss .enemy-portrait{height:125px;width:100px;margin-top:-25px;filter:drop-shadow(2px 3px #122c51)}.boss-node:before{width:125px;top:85px}.boss-node small{background:#5a2f3b;color:#ffe1a4}.map-info>.panel>.enemy-portrait{width:100%;height:200px;background:radial-gradient(#ffe08e,transparent 70%);margin-bottom:15px}.threat{display:inline-block;font:700 10px monospace;padding:6px 9px;margin:7px;border:1px solid #c79468;border-radius:4px;background:#fff1ca}.threat-high,.threat-boss{color:#9e3333;background:#ffe0c8}.battle-order{margin:20px 0}.battle-order h4,.enemy-formation h4{font:700 12px monospace;letter-spacing:1px}.battle-order>p{font-size:12px}.battle-order ol{list-style:none;padding:0;display:grid;gap:7px}.battle-order li,.lineup-enemy{display:flex;gap:12px;align-items:center;background:#fff6dd;border:1px solid #d2ba83;padding:8px;border-radius:4px;margin:7px 0}.battle-order .portrait,.lineup-enemy .enemy-portrait{width:50px;height:65px;flex-shrink:0}.battle-order li>div,.lineup-enemy>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.battle-order small,.lineup-enemy small{flex-basis:100%;display:block;font-size:11px}.position-number{display:grid;place-items:center;width:25px;height:25px;background:#183b54;color:#ffe4a2;font-weight:900;flex-shrink:0;border-radius:3px}.knocked-out{opacity:.4;filter:grayscale(1)}.recruit-reveal{text-align:center;padding:15px 0}.recruit-reveal h3{font:900 28px Georgia,serif;margin:16px 0}.recruit-stage{position:relative;height:240px;margin:15px -10px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse,#ffedab 0,#8ad8ee 55%,#307aaa);border:3px solid #c8a669;border-radius:6px}.recruit-stage .portrait{width:190px;height:225px;z-index:1;animation:recruit-in .45s ease-out}.concealed .recruit-stage{background:#17334f}.recruit-question{font:900 120px Georgia,serif;color:#ffe397;text-shadow:5px 5px #77532f}.recruit-skill{background:#f8edc9;padding:14px;border:1px solid #d5bd86}.recruit-skill small{display:block;margin:8px 0 0}.recruit-reveal .button-row{justify-content:center}.duel-hud{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 0}.duel-side{background:#fff8df;border:3px solid #bc955c;border-bottom:0;padding:14px 17px;border-radius:8px 8px 0 0;min-width:0}.duel-side.enemy{background:#ffedda}.duel-side h3{margin:8px 0;font:900 20px Georgia,serif;min-height:24px}.duel-hp,.duel-gauge{position:relative;height:23px;background:#203c50;border:2px solid #163448;margin-top:9px;overflow:hidden;border-radius:3px}.duel-hp i,.duel-gauge i{display:block;height:100%;background:linear-gradient(#93d76a,#40a668);transition:width .15s}.enemy .duel-hp i{background:linear-gradient(#fa9b68,#dc6055)}.duel-hp b{position:absolute;top:3px;right:5px;bottom:3px;left:5px;text-align:center;font:700 11px monospace;color:#fff;text-shadow:1px 1px #173548}.duel-gauge{height:17px;margin-top:5px}.duel-gauge i{background:#ecc547}.duel-gauge span{position:absolute;top:1px;right:5px;bottom:1px;left:5px;font:700 9px monospace;color:#fff;text-shadow:1px 1px #173548}.duel-statuses{min-height:22px;padding-top:5px;display:flex;gap:4px;flex-wrap:wrap}.duel-statuses span{font:700 10px monospace;background:#174f6f;color:#fff;padding:3px 5px;border-radius:3px}.duel-placeholder{height:108px}.duel-queue{display:flex;list-style:none;padding:0;margin:8px 0 0;gap:5px}.duel-queue li{width:48px;height:65px;position:relative;border:2px solid #b5bca8;background:#dceaf0;border-radius:4px}.duel-queue li.is-active{border-color:#e89724;background:#ffe6a0}.duel-queue img{width:100%;height:47px;object-fit:contain;image-rendering:pixelated}.duel-queue b{position:absolute;top:1px;left:3px;font-size:10px}.duel-queue small{position:absolute;bottom:2px;left:0;right:0;font:700 8px monospace;text-align:center}.battle-panel{padding:0;overflow:hidden;border:4px solid #765137;border-radius:0 0 8px 8px}.battle-canvas{width:100%;aspect-ratio:800/420;height:auto;max-height:none;background:#62c7e9}.battle-canvas canvas{image-rendering:pixelated;display:block}.battle-controls{padding:12px;background:#fff4d2}.battle-log{background:#123955;color:#e7f6ff;border-radius:5px;padding:12px 18px;min-height:48px}.battle-log p{color:inherit;font-size:12px}@keyframes route-glow{50%{box-shadow:0 0 25px 9px #fff483bb,0 5px #775328}}@keyframes recruit-in{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:800px){.map-info>.panel>.enemy-portrait{height:160px}}@media(max-width:560px){.starter-options .portrait{width:100%;height:110px}.route-map .node-wrap{transform:translate(-50%,-27px)}.map-node{width:50px;height:54px;min-height:54px;font-size:22px}.node-wrap:before{width:62px;height:22px}.node-wrap small{font-size:9px;padding:4px 2px}.route-map .boss-node{transform:translate(-50%,-54px)}.duel-hud{gap:7px}.duel-side{padding:10px 8px;border-width:2px}.duel-side h3{font-size:16px;min-height:38px}.duel-queue{flex-wrap:wrap;gap:3px}.duel-queue li{width:35px;height:53px}.duel-queue img{height:36px}.duel-side .style-badge{font-size:9px}.duel-side .eyebrow{font-size:9px;letter-spacing:1px}.battle-controls{gap:5px;padding:8px}.battle-controls button{font-size:10px;padding:8px}.crew-card .portrait{height:135px;width:130px}}@media(prefers-reduced-motion:reduce){.map-node.reachable,.recruit-stage .portrait{animation:none}}.node-wrap.boss-node small{color:#ffe9b1}.reduce-motion .map-node.reachable,.reduce-motion .recruit-stage .portrait{animation:none}.prep-heading{text-align:center}.prep-heading h1{margin:12px 0}.prep-leaders{display:flex;align-items:center;justify-content:center;gap:35px;height:190px;background:radial-gradient(ellipse,#ffe9a566,transparent 75%)}.prep-leaders>img{width:180px;height:185px;object-fit:contain;image-rendering:pixelated}.prep-leaders>div{display:grid;text-align:center;gap:12px}.prep-leaders b{font:900 35px Georgia,serif;color:#d86b39}.prep-leaders small{max-width:160px}.matchup-summary{background:#113952;color:#eff9ff;padding:18px 22px;border:2px solid #a5cccf;border-radius:7px;margin:15px 0}.matchup-summary .eyebrow,.matchup-summary small,.matchup-summary p{color:#e1edf0}.matchup-summary small{display:block;font:11px monospace;line-height:1.6}.matchup-ratings{display:flex;gap:40px;margin:13px 0;font:700 11px monospace}.matchup-ratings strong{display:block;font-size:20px;margin-top:5px}[data-rating=GOOD],[data-rating="VERY GOOD"]{color:#a4ed9b}[data-rating=BAD],[data-rating="VERY BAD"]{color:#ffad85}[data-rating=NEUTRAL]{color:#f3e8c4}.matchup-summary details{margin-top:9px;font-size:11px}.matchup-summary details p{line-height:1.6}.matchup-summary summary{cursor:pointer;min-height:24px}.matchup-summary .counter-warning{background:#713b36;padding:9px;border-color:#d98563}.preparation-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.preparation-columns h2{font:900 17px monospace;margin:6px 0}.preparation-columns>div>p{font-size:12px;margin:5px 0 14px}.preparation-columns .battle-order,.preparation-columns .enemy-formation{margin:15px 0;padding:0;background:none;border:0}.preparation-columns ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.preparation-columns .prep-unit{display:block;padding:0;margin:0;background:#fff7df;border:2px solid #bba573;border-radius:6px;overflow:hidden}.preparation-columns .prep-unit.selected{border-color:#d87927;box-shadow:0 0 0 2px #ffcf6f}.unit-select{width:100%;display:flex;gap:10px;align-items:center;border:0;border-radius:0;background:transparent;padding:12px;text-align:left}.unit-select>img{width:70px;height:85px;object-fit:contain;image-rendering:pixelated}.unit-select>span:last-child{display:grid;gap:5px}.unit-select b{font-size:15px}.unit-select small{font-size:11px}.prep-order-controls{display:grid!important;grid-template-columns:repeat(4,1fr);gap:4px!important;padding:7px;border-top:1px solid #d5c28f}.prep-order-controls button{padding:8px 3px;font-size:11px;min-height:44px;background:#e2eef0;border-color:#99b9c3}.prep-footer{background:#fff6da;border:2px solid #ba965b;padding:17px;border-radius:6px;margin:20px 0}.prep-footer p{font-size:12px}.prep-footer .button-row{justify-content:space-between;margin-top:12px}.fight-button{min-width:180px;font-size:20px!important}.inspect-portrait{display:flex;align-items:center;gap:20px}.inspect-portrait img{width:120px;height:160px;object-fit:contain;image-rendering:pixelated}.inspect-portrait h3{font-size:25px;margin:10px 0}.fighter-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fighter-stats>div{background:#e5edf0;padding:12px 8px;border-radius:4px;text-align:center}.fighter-stats dt{font:10px monospace}.fighter-stats dd{margin:7px 0 0;font-size:15px;font-weight:800}.fighter-info h4{margin:17px 0 6px;font-size:13px}.fighter-info p{font-size:12px;line-height:1.6}.fighter-level{font:700 11px monospace;margin-right:8px}.live-queue-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.live-queue-columns h3{font:700 12px monospace}.live-queue-columns .duel-queue{display:flex;flex-direction:column;gap:7px}.live-queue-columns .duel-queue li{display:flex;align-items:center;gap:9px;width:100%;height:auto;min-height:78px;padding:8px;border:2px solid #a0b8b7;background:#fff3d7;animation:queue-enter .3s ease-out}.live-queue-columns .duel-queue li.is-active{background:#fff1b0;border-color:#da9c31;box-shadow:inset 4px 0 #e8a638}.live-queue-columns .duel-queue li>b{position:static;width:16px;flex-shrink:0;font-size:13px}.live-queue-columns .duel-queue img{width:50px;height:65px;flex-shrink:0}.live-queue-columns .duel-queue li>div{flex:1;min-width:0}.live-queue-columns .duel-queue strong{display:block;font-size:13px}.live-queue-columns .duel-queue small{position:static;display:block;text-align:left;font-size:9px;margin:4px 0}.queue-hp{display:block;height:5px;background:#214258;border-radius:2px;overflow:hidden}.queue-hp i{display:block;height:100%;background:#6eba78;transition:width .15s}.live-queue-columns .knocked-out{min-height:45px!important}.live-queue-columns .knocked-out img{height:35px}.live-queue-columns .knocked-out .queue-hp{display:none}@keyframes queue-enter{0%{transform:translateY(10px);opacity:.5}to{transform:translateY(0);opacity:1}}@media(max-width:560px){.prep-leaders{height:140px;gap:8px}.prep-leaders>img{width:115px;height:140px}.prep-leaders small{font-size:10px}.prep-leaders b{font-size:26px}.preparation-columns{gap:10px}.preparation-columns h2{font-size:12px}.preparation-columns>div>p{font-size:10px;min-height:25px}.unit-select{padding:7px;gap:4px;flex-wrap:wrap}.unit-select .position-number{width:20px;height:20px;font-size:11px}.unit-select>img{width:70px;height:75px}.unit-select>span:last-child{width:100%;gap:4px}.unit-select b{font-size:12px}.unit-select .style-badge{font-size:8px;width:fit-content}.unit-select small{font-size:9px}.prep-order-controls{grid-template-columns:1fr 1fr;padding:4px;gap:3px!important}.prep-order-controls button{font-size:9px}.matchup-summary{padding:13px}.matchup-ratings{gap:25px}.matchup-ratings strong{font-size:17px}.prep-footer{padding:12px}.fight-button{min-width:130px}.fighter-stats{grid-template-columns:1fr 1fr}.live-queue-columns{gap:8px}.live-queue-columns .duel-queue li{gap:4px;padding:6px;flex-wrap:wrap}.live-queue-columns .duel-queue li>div{flex-basis:100%}.live-queue-columns .duel-queue strong{font-size:11px}.live-queue-columns .duel-queue img{height:45px;width:45px}}.reduce-motion .live-queue-columns .duel-queue li{animation:none}@media(prefers-reduced-motion:reduce){.live-queue-columns .duel-queue li{animation:none}}.preparation-columns>.battle-order,.preparation-columns>.enemy-formation{display:block;align-self:start}.preparation-columns .enemy-formation b{margin:0;font-size:15px}.preparation-columns .enemy-formation small{margin:0;font:inherit;font-size:11px;line-height:1.3;color:inherit}.preparation-columns .enemy-formation .position-number{font-size:13px}@media(max-width:560px){.preparation-columns .enemy-formation b{font-size:12px}.preparation-columns .enemy-formation small{font-size:9px}}.item-pixel-icon{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;vertical-align:middle}.loadout .item-pixel-icon{width:32px;height:32px}.upgrade-crew{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.upgrade-crew button{display:flex;flex-direction:column;align-items:center;flex:1;min-width:90px;padding:8px}.upgrade-crew button[aria-pressed=true]{outline:3px solid #e78735;background:#fff0c7}.upgrade-crew .portrait{width:74px;height:84px;object-fit:contain}.attack-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.attack-comparison .panel{padding:16px;min-width:0}.exchange-candidate{text-align:center}.map-node.type-attackUpgrade{background:#e9bf68}.map-node.type-exchange{background:#a9bde6}@media(max-width:500px){.attack-comparison{grid-template-columns:1fr}}.map-panel[data-arc]{position:relative;border:5px solid #6b4b32;border-radius:18px;background-size:auto 740px;box-shadow:0 6px #443327,0 12px 32px #174c6633,inset 0 0 60px #062f5566}.map-panel .map-heading{background:linear-gradient(#86613d,#5d422e);padding:20px 18px;border-bottom:3px solid #d4ae64;text-shadow:0 2px #392b22}.map-panel .map-heading span:first-child{color:#ffe1a0}.map-panel .route-map{margin-top:90px;margin-bottom:0}.map-paths line{stroke:#ffdf9b;stroke-width:3;stroke-dasharray:3 8;stroke-linecap:round;opacity:.64;filter:drop-shadow(0 2px 1px #073851)}.map-paths line.traveled{stroke:#fff2b5;stroke-width:5;opacity:1}.route-map .voyage-token{width:19%;max-width:120px;transform:translate(-50%,-36px);isolation:isolate}.route-map .voyage-token.boss-node{width:160px;max-width:160px;transform:translate(-50%,-54px)}.voyage-token:before{width:80px;height:18px;top:60px;background:#306c6c;border:2px solid #94c7af;border-bottom:5px solid #123d50;box-shadow:0 6px #052f4266;opacity:.7}.voyage-token.boss-node:before{top:88px;width:126px;background:#493649;border-color:#d8a556}.voyage-token{--token: #cc6046;--token-light: #ffd49a;--token-dark: #753d32}.voyage-token.type-elite{--token: #8f354f;--token-light: #e7b953;--token-dark: #492c36}.voyage-token.type-boss{--token: #692b46;--token-light: #ffd987;--token-dark: #32263c}.voyage-token.type-recruit{--token: #6470aa;--token-light: #e4d6ff;--token-dark: #3a416f}.voyage-token.type-heal{--token: #379587;--token-light: #d2f4c9;--token-dark: #235658}.voyage-token.type-treasure{--token: #c59138;--token-light: #ffedb1;--token-dark: #80532f}.voyage-token.type-fruit{--token: #ab529e;--token-light: #f1c3f5;--token-dark: #63355f}.voyage-token.type-shop{--token: #a37143;--token-light: #f4db9c;--token-dark: #65452f}.voyage-token.type-event{--token: #498cb5;--token-light: #c7e8f2;--token-dark: #305971}.voyage-token.type-mystery{--token: #726ba2;--token-light: #d4d9ff;--token-dark: #454164}.voyage-token.type-exchange{--token: #637fa5;--token-light: #c9e0ff;--token-dark: #364e70}.voyage-token.type-attackUpgrade{--token: #b87c38;--token-light: #ffdf82;--token-dark: #72522e}.voyage-token .token-face{position:relative;width:72px;height:72px;min-height:0;padding:5px;border:3px solid var(--token-light);border-radius:50%;overflow:visible;background:radial-gradient(circle at 35% 24%,#ffffff50,transparent 65%),var(--token);box-shadow:0 0 0 3px var(--token-dark),0 6px 0 var(--token-dark),inset 0 -7px #0002;opacity:1!important;transition:transform .18s,filter .18s;animation:none;outline:none;text-shadow:none}.token-face .token-rim{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #fff7c166;border-radius:inherit;pointer-events:none}.token-face .node-art{width:76px;height:80px;max-width:none;object-fit:contain;image-rendering:pixelated;position:absolute;left:50%;bottom:0;transform:translate(-50%);filter:drop-shadow(1px 2px 0 #19273599);pointer-events:none}.token-face .node-emblem{width:50px;height:50px;position:relative;vertical-align:middle;filter:drop-shadow(0 2px #1b394477)}.voyage-token.type-recruit .token-face{border-radius:12px 12px 18px 18px;transform:rotate(-4deg)}.voyage-token.type-attackUpgrade .token-face{border-radius:16px 16px 32px 32px}.voyage-token.type-elite .token-face{border-radius:20px 20px 30px 30px;border-width:4px}.voyage-token .token-face.boss{width:106px;height:106px;border:5px double #ffe3a1;border-radius:36% 36% 45% 45%;box-shadow:0 0 0 3px #513548,0 7px #332739,0 0 28px #ffb35b44}.token-face.boss .node-art{width:124px;height:128px;bottom:2px}.token-face .boss-crown{position:absolute;top:-22px;right:-13px;color:#ffe199;background:#60304b;border:2px solid #e4b557;border-radius:50%;width:30px;height:30px;font:22px Georgia;box-shadow:0 3px #302737}.token-face .token-check{position:absolute;right:-8px;bottom:-4px;border:2px solid #e8ffc9;border-radius:50%;width:24px;height:24px;line-height:20px;background:#267365;color:#fff8d2;font:700 18px system-ui;z-index:2}.voyage-token.is-locked:not(.is-complete):not(.boss-node) .token-face{filter:saturate(.48) brightness(.87)}.voyage-token.is-complete .token-face{filter:saturate(.7)}.voyage-token.is-available .token-face{outline:3px solid #ffe292;outline-offset:4px;box-shadow:0 0 0 3px var(--token-dark),0 6px 0 var(--token-dark),0 0 23px #ffe09988;animation:token-breathe 2.8s ease-in-out infinite}.voyage-token.is-selected .token-face{outline:4px solid #fffbea;outline-offset:5px}.voyage-token .token-face:hover:not(:disabled){transform:translateY(-4px)}.voyage-token .token-face:active:not(:disabled){transform:translateY(2px) scale(.96)}.token-caption{display:flex;align-items:center;flex-direction:column;margin:14px auto 0;width:max-content;max-width:100%;color:#fff0c6;line-height:1.2;text-shadow:0 1px #082f42}.token-caption b{background:#113b50ed;border:1px solid #a6c2bb88;border-radius:7px;padding:5px 6px;font:700 11px/1.25 system-ui;max-width:100%;overflow-wrap:normal}.token-caption span{margin-top:4px;font:700 9px/1.3 system-ui;letter-spacing:.6px;color:#d0e4e7}.token-caption em{color:#ffdc97;font:700 9px/1.2 system-ui;margin-top:3px}.boss-node .token-caption b{color:#ffe2a0;background:#582d41;border-color:#dab56c;font-size:13px}.map-preview-card{text-align:center}.map-preview-card .preview-art{height:172px;display:flex;justify-content:center;align-items:center;margin:-5px -5px 18px;border-radius:12px;border:2px solid #d4b97e;background:radial-gradient(ellipse,#fae8b1,#cde2d1 70%);box-shadow:inset 0 -12px #718f8022}.preview-art .node-art{width:164px;height:174px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px #173a4122)}.preview-art .node-emblem{width:108px;height:108px}.map-preview-card.type-boss .preview-art{background:radial-gradient(ellipse,#c48b80,#3d3c55);border:3px double #e3bc77}.preview-reward{display:block;padding:10px;color:#665035;background:#edddb9;border-radius:6px;font:600 11px/1.6 system-ui}.map-info>.panel{padding:20px 16px;border:3px solid #b59560;border-radius:14px}.map-info .map-preview-card h3{font-size:23px;line-height:1.2}.map-legend{gap:8px;padding:14px 0}.node-preview .node-emblem{width:100px;height:100px}@keyframes token-breathe{50%{box-shadow:0 0 0 3px var(--token-dark),0 6px 0 var(--token-dark),0 0 28px #ffe099bb}}.no-motion .token-face{animation:none!important;transition:none}@media(prefers-reduced-motion:reduce){.voyage-token .token-face{animation:none!important;transition:none}}@media(max-width:999px){.map-info{display:none}.map-layout{grid-template-columns:1fr}.map-preview-card .preview-art{height:130px}.preview-art .node-art{height:140px}}@media(max-width:560px){.map-panel[data-arc]{border-width:3px;border-radius:12px}.route-map .voyage-token{transform:translate(-50%,-28px);width:20%}.route-map .voyage-token.boss-node{transform:translate(-50%,-46px);width:130px}.voyage-token .token-face{width:56px;height:56px;padding:3px}.token-face .node-art{width:61px;height:67px}.token-face .node-emblem{width:40px;height:40px}.voyage-token .token-face.boss{width:90px;height:90px}.token-face.boss .node-art{width:105px;height:111px}.voyage-token:before{top:45px;width:62px;height:14px}.voyage-token.boss-node:before{top:73px;width:102px}.token-caption{margin-top:12px}.token-caption b{font-size:9px;padding:4px 3px}.token-caption span,.token-caption em{font-size:8px;letter-spacing:0}}.map-info .encounter-brief{text-align:left;padding:12px 0;font-size:11px}.map-info .encounter-brief .matchup-list{display:none}.map-info:has(.encounter-brief)>.panel{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto}.talent-identity{display:grid;gap:10px;padding:14px;background:#eaf0df;border:1px solid #b7cbb8;border-radius:9px;margin:12px 0;text-align:left}.talent-identity small,.talent-identity b{display:block}.talent-identity small{font:9px monospace;letter-spacing:1px;color:#58766a;margin-bottom:4px}.talent-identity p{font-size:12px;line-height:1.5;margin:4px 0}.talent-identity details{font-size:11px}.exceptional-card{border-color:#c79c41!important;box-shadow:inset 3px 0 #dfb856,0 3px 12px #70571a12}.exceptional-badge{display:inline-block;border:1px solid #c59a35;background:#fff1b5;color:#81541c;border-radius:5px;padding:5px 10px;font:700 12px monospace}.exceptional-reveal.revealed .recruit-stage{animation:talent-spark 1.6s ease-out both}.exceptional-reveal .recruit-rays{background:radial-gradient(circle,#ffe692aa,transparent 68%)}@keyframes talent-spark{0%{filter:brightness(1)}25%{filter:brightness(1.7);transform:scale(1.08)}to{filter:brightness(1);transform:scale(1)}}.scouting-info{padding:9px;border-left:3px solid #c6a34d;background:#fff4d4;font-size:12px!important}.home .panel{border-radius:16px;border:1px solid #99b6ac;box-shadow:0 6px #3559620c,0 12px 28px #264d5310,inset 0 1px #fff9}.home .hero{height:430px;border:3px solid #c6ad73;border-bottom:7px solid #756345;background:#345e67;isolation:isolate}.home-harbor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:65% 55%;image-rendering:pixelated}.home .hero-shade{background:linear-gradient(90deg,#143c48f5,#194652d9 30%,#16454b44 62%,#133f3b0d)}.home .hero-copy{width:65%;padding:36px;color:#fff5d7}.home .hero-copy h1{font-size:46px;line-height:1.06;color:#fff4d5;text-shadow:0 3px #183c44;letter-spacing:-1.6px;margin:14px 0}.home .hero-copy h1 em{color:#f4c767}.home .hero-copy .eyebrow{color:#d5e8cf;font-size:9px;letter-spacing:1.5px}.home .hero-copy p{color:#e0eadc;font-size:13px;line-height:1.6}.home .hero-copy .primary{min-width:210px;box-shadow:0 5px #795b29,0 0 24px #ffcf6a20;border:1px solid #ffe6a1}.home .hero-copy .new-home{color:#fff0be}.home .hero-coordinate{background:#183d43e0;color:#f4dda3;bottom:12px;right:16px;padding:7px 10px;border:1px solid #eed18966;border-radius:5px;font-size:8px}.harbor-captain{position:absolute;bottom:20px;right:12%;width:170px;filter:drop-shadow(8px 12px 2px #193e4755);z-index:1}.harbor-captain .portrait{width:100%;height:auto}.harbor-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 45%,#fff7cf12 50%,transparent 55%);background-size:200% 100%;animation:sea-light 16s linear infinite;pointer-events:none}@keyframes sea-light{to{background-position:200% 0}}.home .home-stats{background:#fff7e3;border:1px solid #c5b991;border-radius:12px;margin:18px 0 30px;box-shadow:0 4px 12px #294c4010;padding:18px}.home-stats strong{color:#285a63}.home .saga-feature{position:relative;overflow:hidden;background:linear-gradient(110deg,#fcf1cc,#e8eedb);padding:25px;display:grid;grid-template-columns:104px 1fr 42px;gap:20px}.home .saga-feature:after{content:"EAST BLUE";position:absolute;right:50px;top:8px;font:700 70px Georgia;opacity:.035;pointer-events:none;transform:rotate(-8deg)}.home .island-stamp{background:#295e68;border:5px double #d7b66b;border-radius:50%;color:#fae8b2;box-shadow:0 5px #173b4820;min-width:100px;min-height:100px}.chapter-route{grid-column:2;display:flex;gap:12px;align-items:center;margin-top:2px}.chapter-route span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #abb6a1;border-radius:50%;font:700 10px monospace;background:#dce2d1;color:#768779;position:relative}.chapter-route span:not(:last-child):after{content:"";position:absolute;height:2px;width:12px;background:#b3bc9e;left:23px}.chapter-route .current{background:#f2cf70;color:#60472a;border-color:#bc9349;box-shadow:0 0 0 3px #d8b86125}.chapter-route .cleared{background:#56816e;color:#fff}.home .saga-feature>.round-arrow{grid-column:3;grid-row:1/3;align-self:center}.home .crew-teaser{background:linear-gradient(#eff7e9,#e1ece1);padding:24px}.home .crew-line{display:flex;justify-content:space-between;gap:8px;margin:24px 0 20px;align-items:start}.crew-collectible{position:relative;text-align:center;width:19%;min-width:0;background:radial-gradient(circle at 50% 43%,#f9e7b2 0 45%,transparent 46%)}.home .crew-collectible .portrait{width:100%;height:auto;aspect-ratio:1;filter:drop-shadow(0 4px #466d5330);transition:transform .2s}.crew-collectible:hover .portrait{transform:translateY(-5px)}.crew-collectible small{display:block;font:700 10px monospace;margin-top:6px}.crew-collectible>span{position:absolute;right:4px;top:0;color:#a17c32;font-size:10px}.crew-collectible.undiscovered{opacity:.68}.home .journal-teaser{background:repeating-linear-gradient(0deg,transparent 0 27px,#b7a26a13 28px),#fff4d9;align-items:flex-start;padding:25px;gap:18px;border-color:#cab98f}.journal-teaser .medal{background:#284f57;color:#e6c267;border:4px double #d9bd79;flex-shrink:0;border-radius:50%;font-size:26px}.journal-lines{display:grid;gap:12px;margin:18px 0;color:#718176;font:9px monospace}.journal-lines b{display:block;color:#38595b;font-size:12px;margin-top:4px}.topbar{border-bottom:1px solid #a8c0b1;box-shadow:0 3px 12px #1d4b4d08}.berry-pill{border:1px solid #ceb571;border-radius:20px;background:linear-gradient(#fff4c5,#eedaa4);box-shadow:inset 0 1px #fff8,0 2px #87744b22;color:#725623;padding:8px 14px}.avatar{border:2px solid #c7a765!important;background:#d8e6cd!important;box-shadow:0 0 0 3px #fff8}.mobile-nav{background:linear-gradient(#244f57,#153943);border-top:2px solid #b8a572;box-shadow:0 -5px 20px #133e4820}.mobile-nav button.active{background:#e8c675;color:#25464a;border-radius:12px 12px 5px 5px;box-shadow:inset 0 1px #ffefb7,0 0 15px #e6c77025;transform:translateY(-3px)}@media(max-width:800px){.home .hero{height:440px;border-radius:14px}.home .hero-copy{width:85%;padding:25px 22px}.home .hero-copy h1{font-size:38px;line-height:1.08;max-width:270px}.home .hero-copy h1 br{display:block}.home .hero-copy h1 em:before{content:none}.home .hero-copy p{font-size:12px;max-width:210px}.home .hero-shade{background:linear-gradient(90deg,#153c49ed,#164855a6 65%,#17495122)}.harbor-captain{width:115px;right:0;bottom:35px}.home .hero-coordinate{left:12px;right:auto;bottom:10px;font-size:7px}.home .home-stats{padding:15px 5px;gap:4px;margin-bottom:24px}.home .home-stats span{font-size:7px}.home .home-stats strong{font-size:20px}.home .saga-feature{grid-template-columns:68px 1fr;gap:15px;padding:20px 16px}.home .island-stamp{min-width:64px;min-height:72px;width:68px;height:76px;border-width:3px}.home .island-stamp span{font-size:22px}.home .saga-feature h2{font-size:21px}.home .saga-feature p{font-size:11px}.home .saga-feature>.round-arrow{display:none}.chapter-route{gap:8px;grid-column:1/-1;justify-content:center}.chapter-route span:not(:last-child):after{width:8px}.home .crew-teaser,.home .journal-teaser{padding:20px}.home .crew-line{gap:4px}.home .crew-collectible small{font-size:8px}}@media(prefers-reduced-motion:reduce){.harbor-shimmer,.exceptional-reveal.revealed .recruit-stage{animation:none}.crew-collectible:hover .portrait{transform:none}}.reduce-motion .harbor-shimmer,.reduce-motion .exceptional-reveal.revealed .recruit-stage{animation:none}.home .crew-line{flex-wrap:nowrap}.home .crew-collectible{flex:1 1 0;width:0;min-width:0}.dialog-head h2:focus{outline:none}@media(max-width:600px){.recruit-reveal .recruit-stage{height:145px;margin:12px auto}.recruit-reveal .recruit-stage .portrait{width:145px;height:145px}.recruit-reveal>p{margin:6px 0;font-size:12px}.recruit-reveal h3{font-size:25px;margin:10px 0}.recruit-reveal .talent-identity{padding:10px;gap:7px;margin:10px 0}.recruit-reveal .talent-identity p{font-size:11px;margin:3px 0}.recruit-reveal .recruit-skill{padding:9px;margin:10px 0}}.home .saga-destination{grid-column:2/-1;font-size:12px;font-weight:700;color:#286572;padding-top:6px}.home button.crew-collectible{padding:0;border:0;border-radius:12px;box-shadow:none;color:inherit;min-height:70px;transition:background .2s,transform .2s}.home button.crew-collectible[aria-pressed=true]{background:radial-gradient(circle at 50% 43%,#f7d77f 0 45%,transparent 46%);outline:1px solid #b7975370;outline-offset:4px}.crew-role-caption{min-height:45px;font:700 11px monospace;color:#305e62;margin:0 0 12px}.crew-role-caption small{display:block;margin-top:6px;font:11px/1.5 sans-serif;color:#54736b}.home .saga-feature:hover{border-color:#bc9d51;box-shadow:0 7px 18px #264d5320,inset 0 1px #fff9}@media(max-width:800px){.home .saga-destination{grid-column:1/-1;text-align:center;font-size:12px}.home .crew-role-caption{font-size:11px}.home .crew-collectible{max-width:85px}}.home button.crew-collectible{max-width:86px}.legend-reveal .recruit-stage{border-color:#b29de8;background:radial-gradient(circle,#fbecd3,#7974ac 68%,#403f6e);box-shadow:0 0 25px #b7a0ee44}.legend-reveal>.eyebrow{color:#6a4291;font-weight:700}.legend-reveal.revealed .recruit-stage{animation:talent-spark 1.7s ease-out both}.legend-silhouette{display:grid;place-items:center;width:110px;height:130px;clip-path:polygon(25% 0,75% 0,100% 20%,100% 55%,70% 65%,85% 100%,15% 100%,30% 65%,0 55%,0 20%);background:#302c52;color:#efc882;font-size:34px}.legend-node{box-shadow:0 0 0 2px #c5afe9,0 0 18px #a18be55c!important}.legend-node-star{position:absolute;right:0;top:0;color:#7542a4;background:#fff4c9;border-radius:50%;padding:2px;font-size:13px}.exchange-options{display:flex;gap:10px;margin:14px 0}.exchange-options button{flex:1;min-width:0;background:#f7eed4;display:grid;justify-items:center}.exchange-options button .portrait{width:70px;height:85px;object-fit:contain}.exchange-options button[aria-pressed=true]{border-color:#a6743e;background:#ffe9af}.character-collection{margin:15px 0;padding:16px}.character-collection summary{cursor:pointer;font-weight:700;min-height:28px}.character-collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.character-collection-grid article{display:grid;gap:5px;padding:12px;border:1px solid #bdcdbb;background:#fff6dd;border-radius:8px}.character-collection-grid small{font-size:10px;line-height:1.5}.recruit-rarity{font:10px monospace;letter-spacing:1px;color:#815b36}.art-pending-label{display:block;font-size:10px;color:#756a5a}@media(prefers-reduced-motion:reduce){.legend-reveal.revealed .recruit-stage{animation:none}}.reduce-motion .legend-reveal.revealed .recruit-stage{animation:none}.arc-card .arc-art{height:200px;background:#22556a}.arc-location-image{width:100%;height:100%;object-fit:cover;object-position:center 45%;image-rendering:pixelated}.arc-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 45%,#092d45c9);pointer-events:none}.arc-art .arc-number,.arc-art .arc-state{z-index:2;color:#fff4d5;background:#153f50df;border:1px solid #d6b563;border-radius:4px;padding:5px 7px}.arc-art .location-caption{position:absolute;bottom:14px;left:16px;right:12px;z-index:1;font:700 9px/1.5 monospace;letter-spacing:1px;color:#fff2c9}.arc-card.locked{opacity:1;filter:none}.arc-card.locked .arc-location-image{filter:saturate(.6) brightness(.8)}.arc-card.locked .arc-content{background:#edf0e3}.location-saga{padding:0;display:grid;grid-template-columns:48% 1fr auto;gap:24px;background:#fff5d7;border:2px solid #c6aa6d}.location-saga .saga-location-art{height:290px;align-self:stretch;overflow:hidden;background:#8acfd5}.location-saga .saga-location-art .scenery,.location-saga .saga-location-art img{position:static;opacity:1;width:100%;height:100%;object-fit:cover}.location-saga>.round-arrow{margin-right:22px}@media(max-width:800px){.location-saga{grid-template-columns:1fr auto;gap:0}.location-saga .saga-location-art{grid-column:1 / -1;height:195px;width:100%}.location-saga>div:not(.saga-location-art){padding:20px}.location-saga h2{margin-top:12px}.arc-card .arc-art{height:210px}}.arc-art .arc-state{top:16px;right:12px;bottom:auto;left:auto}.prep-actions{position:sticky;top:8px;z-index:25;padding:10px 14px;border:2px solid #c8ae71;background:#fff5d9;border-radius:10px;box-shadow:0 5px 18px #163d5230;margin-bottom:16px}.prep-actions .button-row{justify-content:space-between;margin:0}.node-entry-actions{position:sticky;top:0;z-index:4;padding:8px 0;background:#fff7df}.map-info:has(.node-entry-actions)>.panel{max-height:calc(100dvh - 110px);overflow-y:auto}.future-card{position:relative;overflow:hidden;opacity:1;background:linear-gradient(150deg,hsl(var(--saga-hue) 28% 83%),#f9f3db);border:1px solid hsl(var(--saga-hue) 25% 58%)}.future-card:before{content:"";display:block;height:48px;margin:-25px -25px 18px;background:repeating-linear-gradient(165deg,transparent 0 20px,#ffffff24 20px 23px),linear-gradient(25deg,hsl(var(--saga-hue) 30% 35%),hsl(var(--saga-hue) 40% 65%))}.future-card .saga-flavor{font-size:12px;line-height:1.5;margin-bottom:12px}.exchange-comparison{overflow-x:auto;margin:14px 0}.exchange-comparison table{width:100%;border-collapse:collapse;font-size:12px}.exchange-comparison caption{text-align:left;padding:8px 0;color:#677969}.exchange-comparison th,.exchange-comparison td{padding:9px;border-bottom:1px solid #bfccb8;text-align:left}.exchange-comparison td:last-child{background:#e8efd6}@media(min-width:1000px){.map-layout>.map-info{align-self:stretch}.map-info>.panel{top:12px}}.alabasta-saga{margin-block:20px}.alabasta-saga .saga-location-art img{width:100%;height:100%;object-fit:cover}.legacy-options{display:grid;gap:12px}.legacy-options>button{text-align:left;padding:16px;display:grid;gap:8px}.legacy-members{display:flex;flex-wrap:wrap;gap:12px}.legacy-members>span{display:grid;justify-items:center;max-width:130px;font-size:12px}.alabasta-start .button-row{flex-wrap:wrap;flex-shrink:0}.alabasta-start .button-row button{flex:1;min-width:140px;font-size:12px}.alabasta-start .selected{outline:3px solid #d89934;outline-offset:-3px}.alabasta-start .starter-scroll-body{min-height:0;overflow:auto}.hall-record .crew-line>span{display:grid;text-align:center}@media(max-width:600px){.alabasta-start .legacy-members{gap:6px}.alabasta-start .legacy-members>span{max-width:90px}.alabasta-start .portrait{width:44px;height:52px}.alabasta-start p{font-size:12px}}.sand-weakness{padding:12px 16px;background:#fff3c4;border:1px solid #cea348;border-radius:8px;font-size:13px}.starting-order{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.starting-order>div{display:flex;align-items:center;gap:4px;padding:4px;background:#eee9d5;border-radius:5px;font-size:12px}.starting-order button{padding:3px 9px;min-height:32px}.alabasta-start .starter-footer>small{display:block;font-size:11px}.alabasta-start .fresh-crew-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.alabasta-start .fresh-crew-grid button{font-size:12px}@media(max-width:600px){.alabasta-start .fresh-crew-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.starting-order{gap:3px}.starting-order>div{font-size:10px}.starting-order button{padding:3px 8px}.alabasta-start .starter-footer{padding-top:8px}.alabasta-start .legacy-members{display:grid;grid-template-columns:1fr 1fr}.alabasta-start .legacy-members>span{max-width:none}}dialog.alabasta-start[open]{max-width:1040px;width:min(1040px,calc(100vw - 32px));padding:24px;background:linear-gradient(135deg,#fff9e8,#fff2d0);border:2px solid #cda65c;border-radius:18px;box-shadow:0 24px 80px #092c4d66}.alabasta-start .dialog-head h2{font-size:clamp(24px,3vw,36px);letter-spacing:.025em;margin:0;color:#153c53}.alabasta-start .dialog-head .icon-button{border-radius:50%;background:#eee3c6;border:1px solid #ceb883;width:38px;height:38px;flex-shrink:0}.alabasta-start .path-intro{font-size:14px;line-height:1.5;color:#567077;max-width:760px;margin:10px 0 18px}.path-notice{color:#9a522d;margin-bottom:8px}.path-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex-shrink:0;margin-bottom:16px}.path-options button{display:grid;grid-template-columns:36px 1fr;gap:5px 10px;text-align:left;padding:16px;border:2px solid #d6ccb0;border-radius:12px;background:#fffcf1;color:#183e53;transition:background .15s,border-color .15s}.path-options button:hover{background:#fff4cf;border-color:#c18a36}.path-options button strong{font-size:16px;line-height:1.3}.path-options button small{grid-column:2;font-weight:400;line-height:1.45;color:#607075;font-size:12px}.path-symbol{grid-row:span 2;font-size:27px;color:#a77527}.alabasta-start .path-options .selected{outline:none;border-color:#d69a36;background:#ffedba;box-shadow:inset 0 0 0 1px #fff8d9,0 3px 9px #a9792520}.alabasta-start .starter-scroll-body{border:1px solid #ded4b5;border-radius:12px;background:#fffcf2;padding:16px;scrollbar-gutter:stable}.crew-picker-heading{font-size:22px;margin:0 0 5px;color:#173c51}.alabasta-start .starter-scroll-body p{margin:6px 0 14px;line-height:1.5;color:#587077}.alabasta-start .fresh-crew-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.alabasta-start .fresh-crew-grid button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;gap:5px;border:2px solid #d9d3bc;border-radius:12px;background:#fff9e6;color:#173c51;box-shadow:0 3px #d5c8a72b;min-height:198px}.alabasta-start .fresh-crew-grid button.selected{border-color:#d4942c;background:#fff0bf;outline:none;box-shadow:0 0 0 2px #edc97055}.alabasta-start .fresh-crew-grid button:disabled{opacity:.6;filter:saturate(.65)}.alabasta-start .fresh-crew-grid .portrait{width:76px;height:80px;margin:0}.alabasta-start .fresh-crew-grid b{font-size:15px}.alabasta-start .fresh-crew-grid small{font-size:11px;line-height:1.35}.alabasta-start .starter-footer{background:transparent;border-top:0;margin-top:12px;padding-top:0}.order-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#183e53;margin-bottom:8px}.order-heading span{font-size:12px;color:#926a2e}.alabasta-start .starting-order{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.alabasta-start .order-slot{display:grid;grid-template-columns:44px 1fr auto;gap:2px 8px;padding:9px 12px;border:1px solid #cfbd92;border-radius:10px;background:#f4e8c8;min-width:0}.order-slot>small{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#8c6b36}.alabasta-start .order-slot .portrait{grid-row:span 2;width:40px;height:44px}.order-slot>b{font-size:13px;align-self:end}.order-style{grid-column:2;font-size:10px;color:#5e7376}.order-controls{grid-column:3;grid-row:2/4;display:flex;gap:3px;align-items:center}.order-controls button{border:1px solid #c7b080;border-radius:7px;background:#fff9e9;color:#173c51;padding:2px 7px;min-height:32px}.order-slot.empty{border-style:dashed;background:#fff8e6;text-align:center;grid-template-columns:1fr;color:#8a8d79}.order-slot.empty>span{font-size:22px}.alabasta-start .starter-footer>.primary{min-height:52px;border-radius:9px;font-size:16px;letter-spacing:.035em}@media(max-width:700px){dialog.alabasta-start[open]{padding:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.alabasta-start .path-intro{font-size:12px;margin:6px 0 10px}.path-options{gap:8px;margin-bottom:10px}.path-options button{display:flex;flex-direction:column;padding:10px;gap:4px}.path-symbol{display:none}.path-options button strong{font-size:12px}.path-options button small{font-size:10px;line-height:1.3}.alabasta-start .starter-scroll-body{padding:10px}.alabasta-start .fresh-crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.alabasta-start .fresh-crew-grid button{min-height:175px}.alabasta-start .starting-order{gap:6px;margin-bottom:10px}.alabasta-start .order-slot{display:flex;flex-direction:column;align-items:center;padding:6px;gap:2px}.alabasta-start .order-slot .portrait{width:32px;height:34px}.order-controls{gap:6px}.order-controls button{padding:1px 8px;min-height:28px}.order-slot>b{align-self:center;font-size:11px}.order-style{font-size:9px}.order-slot>small{font-size:9px}.alabasta-start .starter-footer>.primary{font-size:13px;min-height:46px}.crew-picker-heading{font-size:19px}}dialog:has(.recruit-reveal),.reward-overlay:has(.recruit-reveal){background:var(--navy);color:var(--paper);border-color:var(--gold)}dialog:has(.recruit-reveal) .dialog-head h2,dialog:has(.recruit-reveal) .recruit-reveal h3{color:var(--paper)}.recruit-reveal{color:var(--paper);padding:8px}.recruit-reveal>p,.recruit-reveal .recruit-identity{color:#e4eaf0}.recruit-reveal>.eyebrow{color:var(--gold)}.recruit-reveal .recruit-stage{background:radial-gradient(ellipse at bottom,#52798a,#203e49 75%);border:1px solid #91adb3;border-radius:12px}.recruit-reveal .recruit-identity{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.recruit-reveal .recruit-identity p{flex-basis:100%;margin:0;color:#e4eaf0}.recruit-reveal .talent-identity{background:transparent;border:0;padding:0;display:grid;gap:12px}.recruit-reveal .talent-identity>div,.recruit-reveal .recruit-skill{background:var(--paper);color:var(--ink);border:1px solid #d2b675;border-radius:10px;padding:16px;text-align:left;box-shadow:0 3px 10px #0002}.recruit-reveal .talent-identity b,.recruit-reveal .recruit-skill b{color:var(--ink)}.recruit-reveal .talent-identity p,.recruit-reveal .talent-identity small,.recruit-reveal .recruit-skill small{color:#365363;opacity:1;line-height:1.5}.recruit-reveal .button-row{gap:12px;flex-wrap:wrap}.recruit-reveal .button-row .secondary{background:#203e49;color:#fffcf1;border:1px solid #91adb3}.recruit-reveal .button-row .secondary:hover{background:#365363}.fruit-quick-assign{cursor:pointer;border:2px solid #b38d43}.fruit-quick-assign:hover,.fruit-quick-assign:focus-visible{outline:3px solid var(--gold);outline-offset:2px;background:#fff1c7}.fruit-assignment .choice-list button{display:flex;gap:12px;align-items:center;text-align:left}.fruit-assignment .choice-list span{min-width:0}.fruit-assignment .choice-list small{display:block;line-height:1.5;color:#365363}.fruit-assignment .choice-list button:disabled{opacity:1;background:#e7e5dc;color:#4c5357;cursor:not-allowed}.fruit-assignment-intro,.fruit-replacement{padding:16px;background:#fff4d6;border:1px solid #d2b675;border-radius:10px;margin-bottom:16px}.fruit-assignment [role=status]{padding:16px;color:var(--ink);background:#e4efdd;border:1px solid #648169}.fruit-assignment .portrait{width:54px;height:68px;flex-shrink:0}.food-supplies{margin:12px 0;color:#173b4b;text-align:left}.food-supplies>small{font-weight:800;letter-spacing:.08em}.food-stacks{display:grid;gap:7px;margin-top:8px}.food-stacks button{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #bc9459;border-radius:8px;background:#fff1cc;color:#173b4b;text-align:left;min-width:0}.food-stacks button:hover,.food-stacks button:focus-visible{background:#ffe5a1;border-color:#845827;outline-offset:3px}.food-stacks span{min-width:0;overflow-wrap:anywhere}.food-stacks small,.food-use small{display:block;color:#465960}.food-stacks .item-pixel-icon{width:36px;height:36px;flex-shrink:0}.food-use>.item-pixel-icon{width:64px;height:64px}.food-use .choice-list button{display:flex;align-items:center;gap:12px;text-align:left}.food-use .choice-list button:disabled{opacity:1;background:#eee5d2;color:#596163;cursor:not-allowed}.food-use .portrait{width:48px;height:56px;object-fit:contain}.crew-card .portrait-tile{width:112px;height:124px;place-content:stretch;place-items:center;background:linear-gradient(160deg,#f8e7b3,#e5edcf)!important}.crew-card .portrait-tile .portrait{width:100%;height:100%;max-width:100%;object-fit:contain}.member-top>div:last-child{min-width:0;overflow-wrap:anywhere}.crew-archive-disclosure{padding:12px 16px;border:1px solid #bdc9b3;border-radius:6px;margin:12px 0;background:#fff7df}.crew-archive-disclosure>summary{color:#173b4b;font-weight:700;cursor:pointer}.crew-archive-disclosure .form-collection{margin:12px 0 0}@media(max-width:600px){.crew-card .portrait-tile{width:78px;height:94px}.member-top{gap:10px}}.saga-banner:disabled{opacity:1;color:var(--navy, #173f52);cursor:not-allowed}.saga-banner:disabled .saga-location-art img{filter:saturate(.6) brightness(.88)}.saga-banner:disabled .chapter-state,.arc-card.locked .arc-state{color:#173f52;background:#f5e6c2}.arc-card.locked .arc-content{opacity:1}.arc-card.locked button:disabled{opacity:1;color:#4e5260;background:#eee7d5}.type-specialRecruit .token-rim{background:#71413b;border-color:#e5b858}.type-specialRecruit .node-emblem{filter:drop-shadow(0 0 5px #dca844)}.type-specialRecruit.is-available .token-face{outline:3px solid #e6b950;animation:special-glow 2.5s ease-in-out infinite alternate}@keyframes special-glow{to{box-shadow:0 0 16px #e4b85299}}.route-override-active .is-available .token-face{outline:4px solid #52cad3;box-shadow:0 0 14px #e2b64b}.route-override-active .is-locked{opacity:.45}.route-override-panel{position:sticky;bottom:80px;z-index:8;background:#fff3ce;border:2px solid #39a9bc;padding:14px}.route-consumable{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;padding:10px;background:#f5eccb;border:2px solid #48868e;border-radius:8px;color:#173b50}.route-consumable small,.route-consumable button{grid-column:1/-1}@media(prefers-reduced-motion:reduce){.type-specialRecruit.is-available .token-face{animation:none}}.legend-reveal .art-pending-label{color:#e3cc9e}.route-consumable img{width:36px;height:36px;object-fit:contain}dialog:has(.reward-overlay){padding:20px;max-height:calc(100dvh - 28px);overflow:hidden;display:flex;flex-direction:column}dialog:not([open]){display:none}dialog:has(.reward-overlay) .dialog-head{flex:0 0 auto;margin-bottom:10px}.reward-overlay{min-height:0;display:flex;flex-direction:column;gap:14px;color:#183f52}dialog>.reward-overlay{overflow:auto}.reward-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.reward-overlay>.reward-claim{flex:0 0 auto;min-height:48px;margin-top:0}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reward-card{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #dbbd77;background:#fff3ce;border-radius:12px}.reward-card h3{margin:0;font-size:17px}.reward-card p{font-size:13px;margin:5px 0}.reward-card small{font-size:10px;letter-spacing:2px;font-weight:700}.reward-card .item-pixel-icon,.reward-card .portrait,.reward-card .reward-fruit{width:76px!important;height:76px!important;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.reward-symbol{font-size:35px;color:#a67b20}.reward-item,.reward-fruit{grid-column:1 / -1}.reward-fruit{width:48px;height:48px;color:#a183c9;flex-shrink:0}.reward-fruit.fire{color:#ed8151}.reward-fruit.gum{color:#bb84ce}.reward-fruit.bomb{color:#525c70}.reward-fruit.smoke{color:#bac8c4}.tone-fruit .reward-card{border-color:#a88aca;background:#eee4fa}.treasure-reveal{align-self:center;background:transparent;border:0;box-shadow:none;padding:0;flex-shrink:0}.treasure-reveal svg{width:125px;height:90px;filter:drop-shadow(0 0 16px #efc05c)}.treasure-reveal small{display:block;font-size:10px}.revealing .treasure-reveal svg{animation:chest-bounce .35s alternate 4}.revealed .chest-spark{animation:loot-pulse .7s ease-out}@keyframes chest-bounce{to{transform:translateY(-9px) rotate(4deg)}}@keyframes loot-pulse{50%{filter:drop-shadow(0 0 12px #ffc643);background-color:#ffdc81;transform:scale(1.025)}}.loot-arrival .hud-loot,.loot-arrival .berry-pill{animation:loot-pulse .7s ease-out}.run-inventory details>summary,.mobile-run-hud summary{font-size:12px;font-weight:800;letter-spacing:1px;cursor:pointer;padding:10px 0}.run-inventory .mini-member{padding:6px 0;gap:10px}.run-inventory .mini-member>.portrait{width:42px!important;height:48px!important}.crew-equipment,.loot-slots{display:flex;flex-wrap:wrap;gap:6px}.loot-slots{margin:8px 0 14px}.loot-slot{position:relative;display:inline-flex}.loot-slot button{width:44px;min-height:44px;padding:3px;background:#f9eac0;border:1px solid #cab278;border-radius:6px}.loot-slot .item-pixel-icon,.loot-slot .reward-fruit{width:32px;height:32px;object-fit:contain}.loot-tooltip{display:none;position:absolute;z-index:60;bottom:calc(100% + 6px);right:0;width:220px;padding:12px;background:#fff8df;border:2px solid #bd9c54;box-shadow:0 5px 18px #183c5260;border-radius:8px;font-size:12px}.loot-tooltip span,.loot-tooltip small{display:block;margin-top:6px}.loot-slot.expanded .loot-tooltip,.loot-slot:focus-within .loot-tooltip{display:block}@media(hover:hover){.loot-slot:hover .loot-tooltip{display:block}}.empty-loot{color:#78867b;font-size:12px}.mobile-run-hud{padding:12px 18px;margin-bottom:16px}.mobile-run-hud .loot-tooltip{left:0;right:auto}body.battle-active{overflow:hidden}.battle-screen{position:fixed;z-index:45;top:0;right:0;bottom:0;left:245px;height:100dvh;padding:12px 22px;background:#e1f4f1;display:grid;grid-template-rows:auto auto auto minmax(120px,1fr) minmax(72px,130px);gap:8px;overflow:hidden}.battle-screen>.eyebrow{font-size:10px}.battle-screen>h1{font-size:23px;margin:0}.battle-screen>p,.battle-screen>.counter-guide,.battle-screen>details,.battle-screen>.battle-log{display:none}.battle-screen .duel-hud{margin:0;gap:12px}.battle-screen .duel-side{padding:8px 12px}.battle-screen .duel-side h3{margin:0;font-size:17px}.battle-screen .duel-statuses{min-height:0}.battle-screen .battle-panel{display:flex;flex-direction:column;min-height:0;margin:0;overflow:hidden}.battle-screen .battle-canvas{flex:1;height:auto;min-height:0;aspect-ratio:auto;width:100%}.battle-screen .battle-controls{flex-shrink:0;padding:5px 12px;min-height:48px}.battle-screen .live-queue-columns{margin:0;min-height:0;overflow:hidden}.battle-screen .live-queue-columns>div{min-height:0;display:flex;flex-direction:column}.battle-screen .live-queue-columns h3{font-size:11px;margin:0 0 4px}.battle-screen .duel-queue{overflow:auto;display:flex;gap:6px;margin:0;padding:0 0 4px}.battle-screen .duel-queue li{min-width:170px;flex:1 0 170px;padding:5px;gap:5px;margin:0}.battle-screen .duel-queue img{width:32px;height:42px}.battle-screen .duel-queue small{font-size:9px}.battle-screen .duel-queue strong{font-size:12px}.battle-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#102d44ad;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.battle-result-overlay .reward-overlay{background:#fff7dc;border:3px solid #cfaa57;border-radius:16px;box-shadow:0 15px 65px #071c3b77;width:min(580px,100%);max-height:100%;padding:22px}.battle-result-overlay h2{text-align:center;margin:0;font-size:32px;color:#705523}.battle-result-overlay .tone-defeat{border-color:#b16655}.survivor-summary{text-align:center;font-weight:700;margin:12px 0 0}@media(max-width:800px){.battle-screen{top:0;right:0;bottom:0;left:0;padding:10px;grid-template-rows:auto auto auto minmax(100px,1fr) 94px}.battle-screen .duel-side{padding:6px}.battle-screen .duel-side h3{font-size:14px}.battle-screen .duel-hp{height:22px}.battle-screen .duel-statuses span{font-size:9px}.battle-screen .duel-queue li{min-width:135px;flex-basis:135px}.battle-result-overlay .reward-overlay{padding:16px}.reward-card{padding:9px;gap:7px}.reward-card h3{font-size:14px}.reward-grid{gap:7px}.reward-card .item-pixel-icon,.reward-card .portrait,.reward-card .reward-fruit{width:64px!important;height:64px!important}}@media(max-height:600px){.battle-screen{grid-template-rows:auto auto auto minmax(70px,1fr) 70px;gap:3px}.battle-screen>h1{font-size:16px}.battle-screen .duel-gauge,.battle-screen .duel-side>.eyebrow{display:none}.reward-overlay{gap:7px}.treasure-reveal svg{height:55px}.reward-card .item-pixel-icon{width:48px!important;height:48px!important}}@media(prefers-reduced-motion:reduce){.reward-overlay *,.loot-arrival *{animation:none!important}}body.reduce-motion .reward-overlay *,body.reduce-motion .loot-arrival *{animation:none!important}.mobile-run-hud{position:sticky;top:8px;z-index:20;max-height:48dvh;overflow:auto}.mobile-run-hud:has(details[open]){box-shadow:0 8px 24px #173d5230}.battle-screen .duel-queue{flex-direction:row}.battle-screen .duel-queue li{flex-wrap:nowrap;min-height:65px;height:70px}.battle-screen .duel-queue li>div{flex-basis:auto}.battle-screen .battle-controls{display:flex;flex-wrap:nowrap;gap:6px}.battle-screen .battle-controls button{width:auto;min-height:38px;padding:6px 10px;font-size:12px}.battle-screen .duel-queue strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chest-lid{transform-origin:10px 34px;transition:transform .35s ease-out}.revealed .chest-lid{transform:translateY(-4px) rotate(-9deg)}.revealed .reward-card{animation:reward-arrive .3s ease-out both}.revealed .reward-item,.revealed .reward-fruit{animation-delay:.15s}@keyframes reward-arrive{0%{opacity:0;transform:translateY(8px)}}.battle-screen .duel-queue li{min-width:185px;flex-basis:185px}.battle-screen .duel-queue small{margin:2px 0}.reduce-motion .reward-overlay *{animation:none!important;transition:none!important}.battle-result-overlay .tone-boss{border:5px double #bc923d;background:linear-gradient(#fff0b9,#fff8de);box-shadow:0 0 50px #edbc5270}.loot-arrival .hud-loot .loot-slot{animation:reward-arrive .5s ease-out both}.reduce-motion .hud-loot .loot-slot{animation:none!important}.map-info>.panel.voyage-sidebar{display:flex;flex-direction:column;padding:0;height:calc(100dvh - 40px);max-height:900px;overflow:hidden}.sidebar-action-header{flex-shrink:0;padding:12px 16px;background:#fff4d4;border-bottom:2px solid #c8ab6d;box-shadow:0 3px 8px #183e5110;z-index:2}.sidebar-action-header .node-entry-actions{position:static;padding:8px 0 0;background:transparent}.sidebar-scroll-content{min-height:0;overflow-y:auto;padding:16px;overscroll-behavior:contain}.voyage-currency{display:flex;align-items:center;justify-content:space-between;gap:8px}.voyage-currency>small{font:700 10px monospace;color:#697c6c}.voyage-currency strong{color:#81612b;font-size:20px}.voyage-currency strong small{font-size:9px}.hud-member{position:relative;border:2px solid transparent;border-radius:7px}.run-inventory .crew-drag-handle{display:flex;flex-direction:column;align-items:center;width:48px;padding:2px;border:0;background:transparent;cursor:grab;flex-shrink:0}.run-inventory .crew-drag-handle .portrait{width:38px!important;height:40px!important}.crew-drag-handle>span{font-size:11px}.hud-member.is-ko{opacity:.55}.frontline-label{color:#9c7426;font-size:9px!important}.dragging-item .hud-member{border-color:#a0be8d}.dragging-item .hud-member.drop-item{background:#dfefcf;border-color:#4f953f}.hud-member.drop-crew:before{content:"DROP HERE";position:absolute;top:-9px;left:0;right:0;border-top:3px solid #ce972c;color:#99701b;font:700 9px monospace;z-index:2}.loot-slot button[draggable=true]{cursor:grab}.equipment-flash{animation:equip-highlight .3s ease-out}@keyframes equip-highlight{50%{background:#fce1a0;transform:scale(1.02)}}.reduce-motion .equipment-flash{animation:none}@media(prefers-reduced-motion:reduce){.equipment-flash{animation:none}}.sidebar-scroll-content .loot-tooltip{position:fixed;bottom:18px;right:24px;width:250px}.choice-list .portrait{width:40px;height:44px;object-fit:contain;vertical-align:middle}.crew-drag-handle{touch-action:none}.crew-touch-ghost{position:fixed;pointer-events:none;z-index:999;padding:5px;background:#fff1cbdd;border:2px solid #cea550;border-radius:8px}.crew-touch-ghost .portrait{width:55px;height:65px;object-fit:contain}.map-info>.panel.voyage-sidebar{top:12px;height:calc(100dvh - 240px);max-height:720px;min-height:300px}.hud-member>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;flex:1;min-width:0}.hud-member>div>b,.hud-member>div>small{grid-column:1}.hud-member>div .crew-equipment{grid-column:2;grid-row:1 / span 5;flex-direction:column;align-self:center}.run-inventory .hud-member{gap:6px;padding:4px 0}.hud-member .crew-equipment .loot-slot button{width:34px;min-height:34px;padding:1px}.hud-member .crew-equipment .item-pixel-icon,.hud-member .crew-equipment .reward-fruit{width:28px;height:28px}.loot-tooltip{pointer-events:none}.equipment-changed .hud-loot .loot-slot{animation:reward-arrive .3s ease-out}@media(max-width:999px){.hud-member .crew-equipment .loot-slot button{width:44px;min-height:44px}}.reduce-motion .equipment-changed .hud-loot .loot-slot{animation:none}@media(prefers-reduced-motion:reduce){.equipment-changed .hud-loot .loot-slot{animation:none}}.crew-teaser{min-width:0}.crew-preview-lineup{display:flex;gap:12px;overflow-x:auto;max-width:100%;padding:12px 4px;margin:8px 0;justify-content:safe center;scroll-snap-type:x proximity}.home .crew-preview-slot{flex:0 0 78px;width:78px;min-width:78px;padding:6px 2px;border:1px solid transparent;background:transparent;box-shadow:none;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center}.home .crew-preview-slot[aria-pressed=true]{border-color:#ad894c;background:#fff4ce}.home .crew-preview-slot .portrait,.unknown-crew{width:72px;height:88px;max-width:72px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.unknown-crew{display:grid;place-items:center;font:700 34px monospace;color:#698078;background:radial-gradient(ellipse,#c5d7c6,transparent 70%)}.crew-preview-slot small{font:700 11px monospace;margin-top:6px}.arc-grid{align-items:stretch}.arc-card{display:flex;flex-direction:column;min-width:0;transition:transform .18s,border-color .18s}.arc-card .arc-art{flex-shrink:0;background:linear-gradient(145deg,var(--island, #427f7c),#173f55);overflow:hidden}.arc-card .arc-content{display:flex;flex:1;flex-direction:column}.arc-card .arc-content>p{min-height:3.5em}.arc-card .arc-content>button{margin-top:auto;white-space:normal}.arc-card .arc-details{padding-bottom:18px}.arc-card.current-arc{border-color:#ca9a35;box-shadow:0 0 0 2px #ecc87644}.arc-card.cleared-arc:not(.current-arc){border-color:#72977a}.arc-card:hover{transform:translateY(-3px)}.arc-location-image{transition:transform .2s}.arc-card:hover .arc-location-image{transform:scale(1.025)}@media(prefers-reduced-motion:reduce){.arc-card,.arc-location-image{transition:none}.arc-card:hover,.arc-card:hover .arc-location-image{transform:none}}body:has(dialog[open]){overflow:hidden}dialog.starter-modal[open]{display:flex;flex-direction:column;width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden;padding:20px}.starter-modal>.dialog-head,.starter-modal>p,.starter-footer{flex-shrink:0}.starter-modal>p{margin:8px 0 12px}.starter-scroll-body{min-height:0;overflow-y:auto;padding:4px}.starter-modal .starter-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.starter-modal .starter-options button{padding:8px;min-width:0;gap:4px}.starter-modal .starter-options .portrait{width:78px;height:82px;object-fit:contain;image-rendering:pixelated}.starter-footer{border-top:1px solid #b9ad86;padding-top:10px;margin-top:10px;background:#fff5d9}.starter-footer p{margin:0 0 8px;font-size:13px}.voyage-seed-options,.encounter-disclosure{border-top:1px solid #b9ad8666;margin-top:12px;padding:10px 0}.voyage-seed-options summary,.encounter-disclosure summary{cursor:pointer;font:700 12px/1.5 monospace;color:#31586b;padding:8px 0}.voyage-sidebar .compact-preview{display:grid;grid-template-columns:100px 1fr;gap:3px 12px;text-align:left;padding:6px 0}.voyage-sidebar .compact-preview .preview-art{grid-row:1/4;width:100px;height:100px;margin:0}.voyage-sidebar .compact-preview .preview-art img{max-height:100px;object-fit:contain;image-rendering:pixelated}.voyage-sidebar .compact-preview h3{font-size:17px;margin:0}.voyage-sidebar .compact-preview .eyebrow{align-self:end;font-size:10px}.voyage-sidebar .sidebar-action-header{padding-bottom:8px}.voyage-sidebar .hud-member{min-height:60px;padding-top:4px;padding-bottom:4px}.battle-xp-breakdown{display:grid;gap:5px;width:100%}.battle-xp-breakdown>div{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;font-size:12px;padding:5px 8px;background:#eadcb94d}@media(max-width:850px){.starter-modal .starter-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.starter-modal .starter-options{grid-template-columns:repeat(2,minmax(0,1fr))}dialog.starter-modal[open]{padding:14px}}.voyage-sidebar .crew-drag-handle{gap:0;line-height:1;min-height:0;height:60px}.voyage-sidebar .hud-member{margin:0}.voyage-sidebar .compact-preview h3{overflow-wrap:anywhere}.voyage-sidebar .hud-member>div{row-gap:0;line-height:12px}.voyage-sidebar .hud-member>div>small{margin:0;line-height:12px}.voyage-sidebar .hud-member button{margin-top:0}.voyage-sidebar .compact-preview{grid-template-columns:90px minmax(0,1fr);gap:3px 8px}.voyage-sidebar .compact-preview .preview-art{width:90px;height:100px}.voyage-sidebar .compact-preview h3{font-size:14px;line-height:1.15;overflow-wrap:normal}.project-footer{padding:20px 32px;border-top:1px solid #8aa7a1;color:#244f5b;font-size:12px;line-height:1.6;background:#ecf3e7}.project-footer p{max-width:85ch;margin:8px 0}.information-links{display:flex;flex-wrap:wrap;gap:8px 18px}.information-links a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline}.information-page{max-width:820px;margin:0 auto;padding:clamp(20px,4vw,44px);color:#193e4b;line-height:1.75;overflow-wrap:break-word}.information-page h1{font-size:clamp(26px,5vw,38px)}.information-page h2{margin-top:28px;font-size:20px}.information-page p{margin:16px 0}.information-page a{color:#235d73;text-decoration:underline;display:inline-block;padding:8px 0}.legal-clarification{border-left:3px solid #b48e46;padding:8px 16px;background:#f1e6c9}.home-project-brand{margin:0 0 24px;color:#244f5b}.home-project-brand h1{margin:0;font-size:clamp(32px,6vw,48px)}.home-project-brand p{margin:6px 0}.short-disclaimer{max-width:85ch;font-size:13px;line-height:1.6}.sidebar-bottom .information-links{font-size:11px;gap:0 12px;color:#ede2c5}@media(max-width:800px){.project-footer{padding:18px 20px 100px}}.information-page p,.information-page h1,.information-page h2,.information-page h3{color:#193e4b}body.battle-active .project-footer{display:none}.piecelike-logo{display:inline-flex;flex-direction:column;align-items:center;width:100%;vertical-align:middle}.piecelike-logo img{display:block;width:100%;height:auto;object-fit:contain;image-rendering:pixelated}.piecelike-logo--hero{max-width:700px}.piecelike-logo--sidebar{width:100%;max-width:208px}.piecelike-logo--compact{width:150px;max-width:100%}.piecelike-logo-subtitle{font:700 11px/1.7 monospace;letter-spacing:2px;color:#284e59;text-align:center;margin-top:-6px}.piecelike-logo--sidebar .piecelike-logo-subtitle{font-size:9px;letter-spacing:1px;color:#e8d5a1;margin-top:0}.piecelike-logo--sidebar .piecelike-logo-subtitle>span{display:block}.home-project-brand{text-align:center;padding:4px 0 12px}.home-project-brand h1{line-height:1}.home-project-brand .short-disclaimer{margin:18px auto 0;color:#315565}.brand-accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sidebar .brand{display:flex;justify-content:center;width:100%;padding:0}.starter-brand{text-align:center;flex-shrink:0}.starter-brand .piecelike-logo{width:140px}.information-brand{margin-bottom:16px}.information-brand .piecelike-logo{width:220px}.loading .piecelike-logo{width:min(620px,85vw)}@media(max-width:540px){.piecelike-logo-subtitle{font-size:9px;letter-spacing:1px;max-width:280px}.piecelike-logo--hero{max-width:400px}.mobile-brand .piecelike-logo{width:130px}}.form-badge{display:inline-block;font:700 8px/1.3 monospace;background:#eed18b;color:#193e4b;border:1px solid #b58d44;padding:1px 3px;border-radius:3px;vertical-align:middle}.form-details{background:#f5e7bf;border-left:3px solid #b98b3c;padding:10px 12px;margin:12px 0;font-size:12px}.form-details b{display:block;margin-top:4px}.form-details p{margin:6px 0 0}.form-collection{margin:18px 0;padding:18px}.form-collection>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.form-collection article{display:grid;gap:6px;font-size:12px}dialog.form-unlock-modal[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);width:min(500px,calc(100vw - 24px));overflow:hidden;padding:20px}.form-unlock-content{text-align:center;min-height:0;overflow:auto}.form-unlock-content h2,.form-unlock-content h3{margin:8px 0}.form-unlock-content p{margin:8px 0;font-size:13px}.form-transition{display:flex;justify-content:center;align-items:center;gap:24px;margin:12px 0}.form-transition .portrait{width:100px;height:120px;object-fit:contain;image-rendering:pixelated}.form-reveal{position:relative;animation:form-awaken 1.4s ease-out}.form-spark{position:absolute;right:-8px;top:0;font-size:34px;color:#b58224}.form-effect-lightning .form-spark{color:#ad7ac2}.form-effect-flame .form-spark{color:#d66b3b}.form-effect-steam .form-spark{color:#629395}.form-unlock-modal>button{flex-shrink:0;margin-top:14px}@keyframes form-awaken{0%{opacity:.2;filter:brightness(2);transform:scale(.9)}to{opacity:1;filter:none;transform:none}}.reduce-motion .form-reveal{animation:none}@media(prefers-reduced-motion:reduce){.form-reveal{animation:none}}@media(max-height:650px){.form-transition .portrait{width:70px;height:80px}.form-transition{margin:4px 0}.form-unlock-modal .dialog-head h2{font-size:17px}}.ultra-rare{border-color:#dba949!important;background:linear-gradient(125deg,#fff3c4,#eee0fb,#d9f4ef,#fff3c4)!important;box-shadow:0 0 0 1px #c9a154,0 0 14px #e0bd6840}.reward-card.ultra-rare{animation:rare-shimmer 1.6s ease-out}.legendary-find{border-color:#b49ae0!important;background:#f2eafa!important}.awakening-icon{color:#c092e1}.awakening-intro{display:flex;gap:16px;align-items:center;margin:10px 0}.awakening-intro small,.awakening-modal .choice-list small{display:block;font-size:10px;margin-top:4px}.awakening-intro .item-pixel-icon{width:56px;height:56px}.awakening-preview{display:flex;align-items:center;justify-content:center;gap:20px}.awakening-preview .portrait{width:90px;height:110px;object-fit:contain}.awakening-modal{width:min(500px,calc(100vw - 24px))}.awakening-modal>button{margin-top:10px}.awakening-modal p{font-size:13px}@keyframes rare-shimmer{0%{filter:brightness(1.5);box-shadow:0 0 35px #eed59d}to{filter:brightness(1)}}.reduce-motion .reward-card.ultra-rare{animation:none}@media(prefers-reduced-motion:reduce){.reward-card.ultra-rare{animation:none}}.battle-screen .battle-canvas{position:relative;background:#b6ac8c}.battle-screen .battle-canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;margin:0!important}.adventure-intro{text-align:center;padding:12px 0 24px}.adventure-intro>span{display:block;color:#d6b7ed;font:700 76px Georgia,serif;text-shadow:3px 4px #122632}.adventure-decisions>p{margin:0 0 14px}.adventure-decisions .choice-card{min-height:64px;padding:12px}.adventure-decisions .choice-card small{margin-top:4px;line-height:1.35}.adventure-outcome p{margin:7px 0;font-size:14px;line-height:1.35}.adventure-outcome p:first-child{font-size:16px;margin-bottom:14px}.reward-summary{font-size:12px;line-height:1.35;margin:8px 0}@media(max-width:600px),(max-height:650px){dialog:has(.adventure-decisions),dialog:has(.adventure-outcome){padding:12px}.adventure-decisions .choice-list{gap:7px}.adventure-decisions .choice-card{min-height:0;padding:9px;font-size:13px}.adventure-decisions .choice-card small{font-size:11px}.adventure-outcome p{font-size:12px;margin:5px 0}}.reward-card.reward-fruit{width:auto;height:auto;color:#183f52}.reward-card>div{min-width:0}.tone-mystery{color:#edf6ea}dialog:has(.treasure-reveal){background:#fff3ce;border-color:#cba44d}.compact-rewards{gap:8px}.compact-rewards .treasure-reveal svg{width:72px;height:54px}.compact-rewards .treasure-reveal{margin:0;padding:0}.compact-rewards .reward-grid{grid-template-columns:1fr;gap:6px}.compact-rewards .reward-card{padding:8px;gap:9px;border-radius:8px}.compact-rewards .reward-card h3{font-size:14px}.compact-rewards .reward-card p{font-size:11px;line-height:1.25;margin:3px 0}.compact-rewards .reward-card small,.compact-rewards .reward-card .eyebrow{font-size:8px;letter-spacing:1px;line-height:1.2}.compact-rewards .reward-card .item-pixel-icon,.compact-rewards .reward-card .reward-fruit{width:44px!important;height:44px!important}.compact-rewards .reward-summary{font-size:10px}@media(max-height:650px){.compact-rewards .treasure-reveal{display:none}.compact-rewards .reward-card{padding:5px 8px}.compact-rewards .reward-summary{margin:4px 0}}.form-archive{max-width:1440px;margin:0 auto;min-width:0}.archive-heading{padding:8px 0 12px}.archive-heading h1{margin:8px 0}.archive-heading>p{max-width:720px}.archive-progress{font-family:monospace;font-weight:800;color:#735519;letter-spacing:.07em}.archive-progress>span{color:#b68727;font-size:25px}.archive-heading>small{display:block;color:#456477;line-height:1.5}.archive-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.archive-filters button{padding:10px 14px;font-size:12px;letter-spacing:.06em}.archive-filters [aria-pressed=true]{background:#173e50;color:#ffe5a6;border-color:#b68a38}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.archive-character{min-width:0;overflow:hidden;background:#fff5da;border:2px solid #92988a;border-radius:12px;box-shadow:0 4px #193d4d14}.archive-character.has-discoveries{border-color:#c19b44}.archive-card-heading{padding:18px 20px 8px}.archive-card-heading h2{margin:8px 0;font-size:25px}.archive-card-heading .eyebrow{font-size:9px}.archive-chain{display:flex;gap:22px;align-items:stretch;overflow-x:auto;max-width:100%;padding:8px 18px 20px;scroll-snap-type:x proximity}.archive-chain:focus-visible{outline:2px solid #ab8030;outline-offset:-3px}.archive-slot{position:relative;flex:1 0 calc(50% - 11px);min-width:0;text-align:center;padding:10px 7px;border:1px solid #bdc1b2;border-radius:8px;background:#e8e9dc;scroll-snap-align:start}.archive-slot.discovered{background:linear-gradient(#fff9e9,#f8e3a8);border-color:#c3a154}.archive-base{background:#fffaf0;border-color:#e5d7b4}.archive-art{height:154px;display:flex;align-items:center;justify-content:center;padding:5px}.archive-art img,.archive-art .portrait{width:100%!important;height:100%!important;object-fit:contain;image-rendering:pixelated}.archive-art.is-silhouette img{filter:brightness(0);opacity:1}.archive-mystery-shape{height:100%;max-width:100%;color:#15232b}.archive-arrow{position:absolute;top:78px;left:-21px;color:#a27b30;font-size:22px}.archive-level{display:inline-block;padding:3px 9px;background:#183f52;color:#fff0c1;font:700 12px monospace;border-radius:3px}.archive-slot h3{margin:10px 0 7px;font-size:16px;overflow-wrap:anywhere}.archive-badge{font:700 9px monospace;letter-spacing:.03em;color:#516267}.discovered .archive-badge{color:#755219}.archive-effects{font-size:12px;line-height:1.5;margin:10px 0 0;color:#284d5b}.archive-slot>small{display:block;font-size:11px;margin-top:8px}.archive-character footer{background:#efe3c2;border-top:1px solid #d1c29a;padding:12px 18px;color:#4e5547;font:700 11px monospace}.archive-character footer small{display:block;font-size:9px;font-weight:400;margin-top:3px}@media(max-width:1100px){.archive-grid{grid-template-columns:1fr}}@media(max-width:600px){.archive-card-heading{padding:14px 14px 5px}.archive-chain{padding:7px 12px 14px;gap:18px}.archive-slot{flex-basis:calc(50% - 9px);padding:8px 5px}.archive-art{height:130px}.archive-arrow{left:-18px;font-size:18px;top:68px}.archive-slot h3{font-size:14px}.archive-filters{gap:5px}.archive-filters button{font-size:10px;padding:9px 10px}}.location-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(#afcfd7,#84977b)}.location-backdrop-frame{position:relative;width:100%;height:100%;overflow:hidden}.location-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85)}.location-backdrop-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#102d3d18,#09293448),radial-gradient(ellipse,transparent 35%,#09293445)}.map-panel.panel[data-arc]{isolation:isolate;overflow:clip;background-image:none}.map-panel>.location-backdrop{z-index:-1}.location-backdrop--map .location-backdrop-frame{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.map-panel .map-heading,.map-panel .map-start{position:relative}.map-panel .map-paths line{filter:drop-shadow(0 1px 2px #122b36);opacity:.9}.prep-leaders.location-encounter{position:relative;isolation:isolate;overflow:hidden;height:clamp(230px,29vw,350px);border:3px solid #a58953;border-radius:12px;margin:20px 0}.prep-leaders.location-encounter>.location-backdrop{display:block;z-index:-1}.prep-leaders.location-encounter>img{align-self:flex-end;margin-bottom:18px;filter:drop-shadow(0 7px 3px #152e3370)}.prep-leaders.location-encounter>div:not(.location-backdrop){background:#fff3d7e8;border-radius:12px;padding:10px;box-shadow:0 2px 12px #152e3340}.location-backdrop--event{position:fixed;z-index:20}.location-backdrop--event img{filter:saturate(.75) brightness(.8)}@media(max-width:600px){.prep-leaders.location-encounter{gap:10px}.prep-leaders.location-encounter>img{width:30%;height:165px}.prep-leaders.location-encounter>div:not(.location-backdrop){max-width:28%;padding:8px}.prep-leaders.location-encounter small{font-size:11px}}.location-backdrop--event{left:244px}@media(min-width:1600px){.location-backdrop--event{left:260px}}@media(max-width:1150px){.location-backdrop--event{left:210px}}@media(max-width:800px){.location-backdrop--event{left:0;bottom:68px}}dialog.event-dialog{--event-surface: #fff6df;--event-top: #fffdf3;--event-ink: #293e46;--event-muted: #53605b;--event-border: #b99558;--event-option: #fffdf5;--event-hover: #f5e4bb;--event-accent: #85571c;--event-disabled: #eee5d1;--event-ring: #a3671b;background:linear-gradient(145deg,var(--event-top),var(--event-surface));color:var(--event-ink);border:1px solid var(--event-border);border-radius:16px;padding:26px;box-shadow:inset 0 0 0 4px #ffffff18,0 12px 40px #10273555,0 1px #ffffff80}dialog.event-theme-mystery{--event-surface: #213542;--event-top: #304352;--event-ink: #f2ebfa;--event-muted: #d0dedc;--event-border: #829b9f;--event-option: #334753;--event-hover: #40596a;--event-accent: #e2c5fa;--event-disabled: #2c3e48;--event-ring: #e2c5fa}.event-dialog::backdrop{background:#102b3c85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.event-dialog .dialog-head{border-bottom:1px solid var(--event-border);padding-bottom:16px;margin-bottom:18px}.event-dialog .dialog-head h2{color:var(--event-ink);font-size:clamp(23px,3vw,29px);line-height:1.18;margin:0;letter-spacing:-.4px;overflow-wrap:anywhere}.event-dialog .reward-overlay{color:var(--event-ink)}.event-dialog p,.event-dialog small{color:var(--event-muted)}.event-dialog .adventure-decisions>p{font-size:14px;line-height:1.55;margin-bottom:18px}.event-dialog .choice-list{gap:10px}.event-dialog .choice-card{background:var(--event-option);color:var(--event-ink);border:1px solid var(--event-border);border-radius:10px;padding:14px 16px;min-height:72px;gap:14px;opacity:1;transform:none;filter:none;box-shadow:0 2px 3px #1027350c;transition:background-color .12s,border-color .12s,box-shadow .12s}.event-dialog .choice-card>span:first-child{min-width:0;flex:1;overflow-wrap:anywhere}.event-dialog .choice-card b{font-size:14px;line-height:1.35;color:inherit}.event-dialog .choice-card small{font-size:12px;line-height:1.45;margin-top:5px;color:var(--event-muted)}.event-dialog .choice-card>span[aria-hidden]{flex:0 0 30px;height:30px;display:grid;place-items:center;border:1px solid var(--event-border);border-radius:50%;color:var(--event-accent);font-size:18px}.event-dialog .choice-card:hover:not(:disabled),.event-dialog .choice-card:focus-visible{background:var(--event-hover);color:var(--event-ink);border-color:var(--event-accent);transform:none;filter:none;box-shadow:0 0 0 1px var(--event-accent)}.event-dialog button:focus-visible{outline:3px solid var(--event-ring);outline-offset:-4px}.event-dialog .choice-card:active:not(:disabled){background:var(--event-hover);transform:none}.event-dialog .choice-card:disabled{background:var(--event-disabled);color:var(--event-muted);border-style:dashed;opacity:1;box-shadow:none}.event-dialog .primary{background:#315d67;border-color:#244853;color:#fff9e7;transform:none}.event-dialog .primary:hover:not(:disabled),.event-dialog .primary:active:not(:disabled){background:#244853;color:#fff9e7;transform:none}.event-dialog .panel{background:var(--event-option);color:var(--event-ink);border-color:var(--event-border)}body:has(.event-dialog[open]) .route-map{pointer-events:none}body:has(.event-dialog[open]) .route-map *,body:has(.event-dialog[open]) .route-map *:before,body:has(.event-dialog[open]) .route-map *:after{animation-play-state:paused!important}@media(max-width:600px),(max-height:650px){dialog.event-dialog{padding:16px;border-radius:12px}.event-dialog .dialog-head{padding-bottom:12px;margin-bottom:12px}.event-dialog .adventure-decisions>p{margin-bottom:12px;font-size:13px}.event-dialog .choice-card{padding:11px 12px;min-height:64px;gap:10px}.event-dialog .choice-card small{font-size:12px}}body:has(.event-dialog[open]) .main-content>section{animation:none}.event-dialog .dialog-head h2{text-shadow:none}.battle-screen{grid-template-rows:auto auto auto minmax(150px,1fr) auto;overflow-y:auto;overflow-x:hidden}.battle-screen .live-queue-columns,.preparation-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;overflow:visible}.battle-screen .live-queue-columns>div,.preparation-columns>div{min-width:0}.battle-screen .duel-queue,.preparation-columns ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;min-width:0}.battle-screen .duel-queue li{display:grid;grid-template-columns:16px 32px minmax(0,1fr);min-width:0;width:auto;height:auto;min-height:94px;padding:6px;margin:0;align-items:center}.battle-screen .duel-queue li>div{min-width:0;width:auto}.battle-screen .duel-queue strong{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.2}.battle-screen .duel-queue small{white-space:normal;overflow-wrap:anywhere;line-height:1.3;font-size:9px}.battle-screen .duel-queue li.is-active{border-color:#cf8526;background:#fff0aa;box-shadow:inset 3px 0 #cf8526}.battle-screen .duel-queue .knocked-out{opacity:1;background:#e3e9e4}.battle-screen .duel-queue .knocked-out img{opacity:.4;filter:grayscale(1)}.preparation-columns .unit-select{display:grid;grid-template-columns:22px minmax(0,1fr);padding:8px;gap:5px;align-items:start}.preparation-columns .unit-select>img{width:50px;height:58px;justify-self:center}.preparation-columns .unit-select>span:last-child{grid-column:1 / -1;min-width:0}.preparation-columns .unit-select b{font-size:12px;overflow-wrap:anywhere}.preparation-columns .unit-select small{font-size:10px}.preparation-columns .prep-order-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:4px}.preparation-columns .prep-order-controls button{font-size:10px;padding:4px;min-width:0}@media(max-width:1100px)and (min-width:801px){.battle-screen .duel-queue,.preparation-columns ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.battle-screen{display:flex;flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.battle-screen .live-queue-columns,.preparation-columns{grid-template-columns:minmax(0,1fr)}.battle-screen .duel-queue,.preparation-columns ol{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-screen .battle-stage{flex:none}}.treasure-reward-overlay .reward-grid{grid-template-columns:minmax(0,1fr)}.treasure-reward-overlay .reward-card{background:#fff9e5;border:2px solid #d0aa58;padding:18px;gap:18px}.treasure-reward-overlay .reward-card h3{font-size:22px;line-height:1.2;overflow-wrap:anywhere}.treasure-reward-overlay .reward-card p{color:#42565a;font-size:14px;line-height:1.4}.treasure-reward-overlay .reward-card small{color:#795214}.treasure-reward-overlay .legendary-find{background:#f3e5fa;border-color:#a678bb}.treasure-reward-overlay .ultra-rare{border-color:#b77f24;background:#fff0b0}.treasure-reward-overlay.compact-rewards .reward-card{padding:9px;gap:10px}.treasure-reward-overlay.compact-rewards .reward-card h3{font-size:16px}.treasure-reward-overlay.compact-rewards .reward-card p{font-size:12px;margin:3px 0}@media(max-width:600px),(max-height:750px){.treasure-reward-overlay .reward-card{padding:10px;gap:10px}.treasure-reward-overlay .reward-card h3{font-size:18px}.treasure-reward-overlay .reward-card p{font-size:12px}.treasure-reward-overlay.compact-rewards .reward-card{padding:7px}.treasure-reward-overlay.compact-rewards .reward-card .item-pixel-icon,.treasure-reward-overlay.compact-rewards .reward-card .reward-fruit{width:44px!important;height:44px!important}}.battle-screen .duel-hud{height:200px}.battle-screen .duel-queue{grid-auto-rows:104px}.battle-screen .duel-queue li{height:104px}@media(max-width:800px){.battle-screen{height:100dvh;min-height:0;overflow-y:auto}.battle-screen>*{flex-shrink:0}.battle-screen .duel-hud{height:210px}.battle-screen .battle-panel{height:290px;min-height:290px}.battle-screen .live-queue-columns{padding-bottom:16px}}.battle-screen .duel-queue .knocked-out .queue-hp{display:block}@media(max-height:750px){.treasure-reward-overlay.compact-rewards.revealed .treasure-reveal{display:none}}.story-scene{position:relative;isolation:isolate;min-height:108px;border:1px solid #a88548;border-radius:10px;overflow:hidden;background:#254854;color:#fff7dd;display:flex;align-items:end;padding:14px 16px}.story-scene img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.story-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#102d3de8,#102d3d12);z-index:-1}.story-scene .eyebrow{color:#f2d88e;font-size:9px;display:block;margin-bottom:6px}.story-scene strong{font:600 17px Georgia,serif;color:#fff8e7;text-shadow:0 1px 2px #16374b}.story-scene-seal{margin-left:auto;border:1px solid #e0c77c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#ffe7a2}.story-scene.is-outcome{min-height:76px}.event-dialog:has(.story-scene){background:linear-gradient(135deg,#fff8e5,#f4e5bf);border:2px solid #b29052;box-shadow:0 22px 70px #102c4266,inset 0 0 0 4px #fffbeb}.event-dialog:has(.story-scene) .dialog-head{border-bottom:1px solid #d8c399}.event-dialog:has(.story-scene) .choice-card{background:#fffcf2;box-shadow:0 2px #dcc9a3;border-color:#c4ab78}.event-dialog:has(.story-scene) .choice-card:hover:not(:disabled),.event-dialog:has(.story-scene) .choice-card:focus-visible{background:#fff0c1;border-color:#a46b20;box-shadow:inset 4px 0 #ba842e,0 3px 9px #75542b20;transform:none}.choice-stakes{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;font-size:8px;font-weight:800;letter-spacing:.5px}.choice-stakes>span{padding:3px 5px;border:1px solid #c5b68f;border-radius:4px;color:#655126;background:#f5edda}.choice-stakes .stakes-danger{color:#842c26;background:#fbe6da;border-color:#d5a28e}.choice-stakes .stakes-risk{color:#79500b;background:#fff0bf}.choice-stakes .stakes-calm{color:#315d50;background:#e8f2e7;border-color:#aac3ae}.threat-badge{display:inline-block;font:700 8px/1.2 system-ui,sans-serif;letter-spacing:.4px;background:#7a392d;color:#fff5dc;padding:2px 4px;border:1px solid #e4b870;border-radius:3px}.threat-eliteGuard{background:#512e58;border-color:#d9a4d7}.threat-veteran{background:#65522f}.prep-unit:has(.threat-eliteGuard){border-color:#855580;box-shadow:inset 0 0 0 1px #cbb0c5}.battle-screen .duel-queue li:has(.threat-badge) strong{font-size:10px}@media(max-height:750px),(max-width:600px){.story-scene{min-height:65px;padding:9px 11px}.story-scene strong{font-size:14px}.story-scene .eyebrow{margin-bottom:3px}.event-dialog:has(.story-scene) .adventure-decisions>p{font-size:12px;line-height:1.4;margin:0 0 10px}.choice-stakes{margin-top:4px;font-size:7px}.event-dialog:has(.story-scene) .choice-card{padding:9px 10px}}.boss-build-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.boss-build-details section{padding:13px 15px;background:#fff4d7;border:1px solid #b18b44;border-radius:8px;min-width:0;color:#193f51}.boss-build-details h4{margin:6px 0;font-size:15px}.boss-build-details p{font-size:12px;line-height:1.5;margin:0;color:#40525a}.boss-build-details .eyebrow{font-size:8px;color:#765122}.boss-gear-badge{display:inline-block;font:600 9px/1.2 system-ui;color:#72521e;background:#fff0bd;border:1px solid #ccad66;border-radius:3px;padding:3px 5px;margin:3px 0}.duel-side .boss-gear-badge{margin:2px 0;font-size:9px}@media(max-width:600px){.boss-build-details{grid-template-columns:minmax(0,1fr)}.boss-build-details section{padding:10px 12px}.duel-side .boss-gear-badge{font-size:8px}}.starter-counter-guide{margin-top:12px;border:1px solid #b7c7bc;border-radius:6px;background:#f0f5e9}.starter-counter-guide summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer;font-weight:700;color:#173e58;list-style:none}.starter-counter-guide summary::-webkit-details-marker{display:none}.starter-counter-guide summary:after{content:"▾"}.starter-counter-guide[open] summary:after{content:"▴"}.starter-counter-guide summary small{display:block;font-weight:400;font-size:11px;margin-top:3px}.starter-counter-content{max-height:min(360px,42dvh);overflow:auto;padding:4px 10px 10px}.starter-seed{margin-top:12px}.starter-seed label{font-size:12px}.starter-seed input{margin-top:4px}dialog:has(.recruit-decision){max-width:660px;max-height:90dvh;padding:16px}dialog:has(.recruit-decision) .dialog-head{margin-bottom:6px}dialog:has(.recruit-decision) .dialog-head h2{font-size:24px}.reward-overlay:has(.recruit-decision),.reward-body:has(.recruit-decision),.recruit-decision{display:flex;flex-direction:column;min-height:0;overflow:hidden}.recruit-decision{padding:0}.recruit-info{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 3px}.recruit-info>.eyebrow{color:var(--gold)}.recruit-info>p{margin:4px 0 6px;font-size:12px;color:#e4eaf0}.recruit-decision .recruit-stage{height:204px;margin:6px 0}.recruit-decision .recruit-stage .portrait{width:170px;height:195px}.recruit-decision h3{margin:5px 0 2px;font-size:25px}.recruit-decision .recruit-identity{margin:5px 0 8px;gap:4px 10px;font-size:12px}.recruit-decision .recruit-identity p{flex-basis:auto;font-size:12px}.recruit-decision .talent-identity{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0;padding:0}.recruit-decision .talent-identity>div,.recruit-decision .recruit-skill{padding:8px 10px;min-width:0}.recruit-decision .talent-identity>div:first-child:nth-last-child(3){grid-column:1 / -1}.recruit-decision .talent-identity p{margin:3px 0 0;font-size:12px;line-height:1.35}.recruit-decision .talent-identity small{font-size:10px;line-height:1.3}.recruit-decision .talent-identity b{font-size:14px}.recruit-decision .recruit-skill{margin:6px 0 0;font-size:13px}.recruit-decision .recruit-skill small{margin:3px 0 0;font-size:12px;line-height:1.3}.recruit-decision .recruit-actions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin:8px 0 0;padding:10px 0 0;border-top:1px solid #91adb366;background:var(--navy)}.recruit-actions button{min-width:0;min-height:44px;padding:10px;white-space:normal}@media(max-width:600px){.recruit-decision .talent-identity{grid-template-columns:1fr}.recruit-decision .recruit-stage{height:170px}.recruit-decision .recruit-stage .portrait{width:150px;height:165px}}@media(min-width:601px)and (max-height:820px){.recruit-decision:has(.talent-identity>div:nth-child(3)) .recruit-stage{height:155px}.recruit-decision:has(.talent-identity>div:nth-child(3)) .recruit-stage .portrait{height:150px;width:150px}}@media(min-width:601px){.recruit-decision .talent-identity>div:first-child:nth-last-child(3){display:grid;grid-template-columns:105px 1fr;column-gap:8px;align-content:start}.recruit-decision .talent-identity>div:first-child:nth-last-child(3) p{grid-column:2;grid-row:1 / span 2;margin:0}}.battle-preparation{display:grid;gap:6px;min-width:0}.battle-preparation .prep-actions{position:static;margin:0;padding:8px 12px;box-shadow:0 3px 9px #163d5218}.battle-preparation .prep-actions button{min-height:44px;padding:10px 18px}.battle-preparation .prep-actions .fight-button{min-width:150px;font-size:20px}.prebattle-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;min-width:0}.prebattle-tools:empty{display:none}.prebattle-tools>:only-child{grid-column:1/-1}.prebattle-tools .compact-supplies{margin:0;padding:8px;min-width:0;border:1px solid #bba675;border-radius:8px;background:#fff8e6}.compact-supplies>small{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;color:#42606a;margin-bottom:5px}.prebattle-tools .food-stacks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;grid-auto-rows:minmax(88px,auto);max-height:202px;overflow-y:auto;scrollbar-gutter:stable;padding:1px 3px 1px 1px}.food-stacks .supply-mini-card{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:88px;margin:0;padding:8px;border:1px solid #c1ab76;border-radius:6px;background:#fff3d2;color:#183d50;box-shadow:none;text-align:left;line-height:1.25}.food-stacks .supply-mini-card .item-pixel-icon{width:32px;height:32px;object-fit:contain;align-self:center}.supply-copy{min-width:0;display:grid;gap:3px}.supply-mini-card b{font-weight:700;line-height:1.2;font-size:12px;overflow-wrap:anywhere}.supply-mini-card small{display:block;color:#4c6266;font-size:10px;line-height:1.3;overflow-wrap:anywhere}.supply-quantity{align-self:start;font-size:10px;font-weight:800;padding:2px 4px;border-radius:4px;background:#e7d7a8}button.supply-mini-card:hover:not(:disabled){transform:none;background:#fff9e9;border-color:#416f80;box-shadow:0 0 0 1px #416f80}.supply-mini-card:focus-visible,.supply-card-action button:focus-visible{outline:3px solid #387e97;outline-offset:2px}button.supply-mini-card:disabled{opacity:1;filter:none;background:#e9e8de;color:#596469;border-color:#b5bbb4;cursor:not-allowed}.supply-ready{background:#edf2df;border-color:#96aa83}.supply-card-action{grid-column:2/-1;justify-self:end}.supply-card-action button{padding:3px 9px;min-height:28px;font-size:10px;border:1px solid #809783;background:#fffbed;box-shadow:none}.battle-preparation .prep-heading{margin:0}.battle-preparation .prep-heading h1{font-size:clamp(25px,2.4vw,34px);margin:3px 0;line-height:1.15}.battle-preparation .prep-heading p{margin:3px 0;font-size:12px}.battle-preparation .prep-heading .eyebrow{font-size:10px}.battle-preparation .prep-leaders.location-encounter{height:clamp(156px,19vh,190px);min-height:0;margin:0;padding:4px}.battle-preparation .prep-leaders.location-encounter>img{width:clamp(105px,12vw,155px);height:calc(100% - 12px);margin:0;align-self:center;object-fit:contain;max-height:170px}.battle-preparation .prep-leaders.location-encounter>div:not(.location-backdrop){padding:8px 12px}.battle-preparation .prep-boss-details{font-size:12px;border:1px solid #a9bfc2;border-radius:6px;padding:6px 10px;background:#fff8e7}.battle-preparation .prep-boss-details summary{cursor:pointer;font-weight:700}.battle-preparation>.matchup-summary{margin:0;padding:9px 12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 12px;font-size:11px}.battle-preparation>.matchup-summary .eyebrow{font-size:10px;align-self:center}.battle-preparation>.matchup-summary .matchup-ratings{margin:0;gap:16px;grid-column:2;grid-row:1/3;align-self:center}.battle-preparation>.matchup-summary .matchup-ratings strong{font-size:17px}.battle-preparation>.matchup-summary .counter-warning{margin:0;font-size:11px;grid-column:1/-1}.battle-preparation>.matchup-summary details{grid-column:1/-1}.battle-preparation>.matchup-summary details p{max-width:85ch}.battle-preparation>.notice,.battle-preparation>.sand-weakness{margin:0;padding:8px 12px;font-size:12px}.battle-preparation .preparation-columns{margin:0;gap:12px;min-width:0}.battle-preparation .preparation-columns>div{min-width:0}.battle-preparation .preparation-columns h2{margin:2px 0;font-size:15px}.battle-preparation .preparation-columns p{margin:3px 0 6px;font-size:11px}.battle-preparation .preparation-columns ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.battle-preparation .prep-footer{margin:0;padding:0;font-size:11px}@media(min-width:1200px){.prebattle-tools>:only-child .food-stacks{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media(max-width:1199px){.prebattle-tools{grid-template-columns:minmax(0,1fr);gap:6px}.prebattle-tools .food-stacks{grid-template-columns:repeat(3,minmax(0,1fr));max-height:202px}}@media(max-width:600px){.prebattle-tools .food-stacks{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(88px,auto);max-height:202px}.battle-preparation{gap:8px}.battle-preparation .prep-actions{padding:6px 8px}.battle-preparation .prep-actions .fight-button{min-width:112px;font-size:18px}.battle-preparation .prep-actions button{padding:8px 10px}.battle-preparation .prep-leaders.location-encounter{gap:8px;height:150px}.battle-preparation .prep-leaders.location-encounter>img{width:30%}.battle-preparation .prep-leaders small{font-size:10px}.battle-preparation .prep-leaders b{font-size:25px}.battle-preparation>.matchup-summary{grid-template-columns:1fr}.battle-preparation>.matchup-summary .matchup-ratings{grid-column:auto;grid-row:auto}.battle-preparation .preparation-columns ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.prebattle-tools .food-stacks{scrollbar-width:thin;scrollbar-color:#9a8050 #ece3c8;scroll-snap-type:y proximity}.prebattle-tools .supply-mini-card{scroll-snap-align:start}.compact-supplies>small{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 8px}.supply-tray-count{letter-spacing:0;font-weight:600;text-transform:none;color:#546963}.supply-name{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}.supply-quantity{flex-shrink:0}.food-stacks .supply-ready{background:#eef2e2;border-color:#96aa83}.food-stacks .supply-card-action button{padding:3px 9px;min-height:24px}.battle-preparation .preparation-columns>div{margin:0}.battle-preparation .preparation-columns h2{padding:6px 8px;border-bottom:2px solid #ad965f;background:#fff8e8;border-radius:5px 5px 0 0}.battle-preparation .prep-unit{box-shadow:0 2px 5px #193d5012}.battle-preparation .unit-select{min-height:145px}.battle-preparation .unit-select:hover{background:#fff5d9}.battle-preparation .unit-select:focus-visible{outline:3px solid #39859b;outline-offset:-3px}.prebattle-tools .food-stacks{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(88px,auto);max-height:none;overflow:visible;padding:2px}.prebattle-tools>:only-child .food-stacks{grid-template-columns:repeat(auto-fill,minmax(170px,230px))}.prebattle-tools .supply-tray-collapsed>:nth-child(n+3){display:none}.prebattle-tools .supply-tray-toggle{display:flex;justify-content:space-between;width:100%;min-height:24px;margin-top:3px;padding:3px 4px;border:0;background:transparent;color:#365667;font-size:10px;box-shadow:none}.prebattle-tools .supply-tray-toggle:hover{background:#e9e2c9;transform:none}@media(max-width:600px){.prebattle-tools>:only-child .food-stacks{grid-template-columns:repeat(2,minmax(0,1fr))}}.battle-preparation .prep-heading .eyebrow{margin:2px 0 5px}.battle-preparation>.matchup-summary .eyebrow{margin:0}.battle-preparation>.matchup-summary details{margin-top:0}.battle-preparation>.matchup-summary summary{min-height:20px}.battle-preparation .prep-heading{padding:0}.battle-preparation .prep-heading p{line-height:1.4}@media(min-width:1000px)and (max-width:1199px){.prebattle-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.alabasta-start .starting-order .order-slot{grid-template-columns:32px minmax(0,1fr);padding:7px;gap:4px;cursor:grab}.alabasta-start .starting-order .order-slot .portrait{width:32px;height:40px}.alabasta-start .starting-order .order-controls{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.alabasta-start .starting-order .order-controls button{padding:3px;min-width:0}.alabasta-start .starting-order .order-slot>b{font-size:11px;overflow-wrap:anywhere}@media(max-width:650px){.alabasta-start .starting-order{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:650px){.alabasta-start .starting-order{grid-template-columns:1fr!important;gap:4px}.alabasta-start .starting-order .order-slot{display:grid;grid-template-columns:25px 28px minmax(0,1fr) 112px;gap:2px 4px;padding:5px;text-align:left}.alabasta-start .starting-order .order-slot>small{grid-column:1;grid-row:1/3;font-size:8px;letter-spacing:0}.alabasta-start .starting-order .order-slot .portrait{grid-column:2;grid-row:1/3;width:28px;height:34px}.alabasta-start .starting-order .order-slot>b{grid-column:3;grid-row:1}.alabasta-start .starting-order .order-style{grid-column:3;grid-row:2;font-size:8px}.alabasta-start .starting-order .order-controls{grid-column:4;grid-row:1/3;gap:2px}.alabasta-start .starting-order .order-slot.empty{min-height:44px}}.crew-screen{min-width:0}.crew-screen .page-heading{align-items:center;gap:16px;margin-bottom:12px}.crew-screen .page-heading h1{margin:4px 0}.crew-screen .page-heading p{margin:6px 0;max-width:70ch;font-size:12px;line-height:1.5}.crew-screen .crew-utilities{margin-bottom:12px;align-items:start}.crew-screen .utility-disclosure,.crew-screen .crew-reference>.character-collection,.crew-screen .crew-reference>.crew-archive-disclosure,.crew-screen .crew-reference>.counter-guide{margin:6px 0;padding:10px 12px;border:1px solid #b9ac87;border-radius:8px;background:#fff8e6;box-shadow:0 2px 4px #173d5010}.crew-screen .utility-disclosure{margin:0;min-width:0}.crew-screen summary{cursor:pointer;font-size:12px;font-weight:700;color:#173d50;line-height:1.5}.crew-screen summary:focus-visible{outline:2px solid #377b94;outline-offset:3px}.crew-screen summary:hover{color:#92501e}.crew-screen .utility-disclosure>p{font-size:12px;line-height:1.5}.crew-screen .utility-disclosure .compact-supplies{margin-top:10px;border:0;padding:0}.crew-screen .trait-row{margin:10px 0}.crew-screen .trait-row p{margin:4px 0;font-size:12px}.crew-screen .section-label{margin:16px 0 10px;padding-bottom:7px;border-bottom:2px solid #b9ac87}.crew-screen .crew-grid{gap:12px;align-items:start}.crew-screen .crew-card{padding:14px;border:1px solid #afaa88;border-radius:10px;box-shadow:0 3px 8px #173d5018;min-width:0}.crew-screen .member-top{gap:12px;margin-bottom:10px}.crew-screen .portrait-tile{width:76px;height:84px;padding:4px}.crew-screen .member-top h2{font-size:22px;margin:3px 0;line-height:1.2}.crew-screen .member-top .eyebrow{font-size:10px;color:#52616a}.crew-screen .member-top p{font-size:11px;margin:3px 0}.crew-screen .member-top .style-badge,.crew-screen .form-badge{font-size:10px;margin:3px 4px 0 0}.crew-screen .meter-wrap>small,.crew-screen .xp-line{color:#3e5962;font-size:11px;margin-top:4px}.crew-screen .stat-pills{margin:8px 0;gap:6px}.crew-screen .stat-pills>span{padding:5px 8px;color:#173d50;background:#e7ebde;border-radius:4px;font-size:11px}.crew-screen .ability{margin:6px 0}.crew-screen .ability b{font-size:12px}.crew-screen .ability small{color:#455c65;font-size:11px;margin-top:4px}.crew-screen .member-details{padding:7px 0;border-top:1px solid #d5c8a5;border-bottom:1px solid #d5c8a5;margin:8px 0}.crew-screen .member-details p{font-size:12px;line-height:1.5;margin:6px 0}.crew-screen .member-details .talent-identity,.crew-screen .member-details .form-details{padding:8px;margin:8px 0}.crew-screen .loadout{margin:8px 0;padding-top:0;border:0;font-size:11px;color:#3e5962;overflow-wrap:anywhere}.crew-screen .loadout>div{flex-wrap:wrap;justify-content:flex-start}.crew-screen .loadout .item-pixel-icon{width:28px;height:28px;object-fit:contain}.crew-screen .member-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:10px}.crew-screen .member-actions button{padding:7px 5px;min-height:32px;font-size:11px;white-space:normal}.crew-screen .member-actions button:last-child:nth-child(odd){grid-column:1/-1}.crew-screen .empty-slot{min-height:88px;font-size:12px;padding:12px}@media(max-width:850px){.crew-screen .crew-grid{grid-template-columns:1fr}}@media(max-width:500px){.crew-screen .page-heading{display:block}.crew-screen .page-heading>button{margin-top:6px}.crew-screen .crew-card{padding:12px}.crew-screen .member-top h2{font-size:20px}}.crew-screen .crew-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0;align-items:start}.crew-screen .crew-reference>details{margin:0;min-width:0}.crew-screen .crew-reference>details[open]{grid-column:1/-1}.crew-screen .crew-reference summary{overflow-wrap:anywhere}@media(min-width:1400px){.crew-screen .crew-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.crew-screen .crew-reference{grid-template-columns:1fr}}.combat-counter-chart{width:min(100%,360px);box-sizing:border-box;margin:12px auto;padding:10px;border:2px solid #bca166;border-radius:8px;background:#fff5d9;color:#173c51;box-shadow:3px 3px #173c5115}.combat-counter-chart.counter-compact{width:min(100%,310px)}.counter-diamond{position:relative;aspect-ratio:360 / 330}.counter-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.counter-edge{fill:none;stroke:#526c75;stroke-width:4}.counter-edge.active{stroke:#a96819;stroke-width:6}.combat-counter-chart .counter-node{position:absolute;width:30%;height:24%;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:0;padding:4px 2px;border:2px solid var(--counter-color);border-radius:3px;background:var(--counter-paper);color:#173c51;box-shadow:2px 2px #173c5126;transform:none;text-align:center}.counter-blade{left:35%;top:2%;--counter-color: #925451;--counter-paper: #f2dfd7}.counter-brawler{left:70%;top:38%;--counter-color: #9b6530;--counter-paper: #f5e1ba}.counter-ranged{left:35%;top:76%;--counter-color: #47788b;--counter-paper: #dcecf0}.counter-trickster{left:0;top:38%;--counter-color: #78618e;--counter-paper: #eae1ef}.combat-counter-chart .counter-node svg{width:28px;height:28px;flex-shrink:1;fill:none;stroke:var(--counter-color);stroke-width:1.8;stroke-linejoin:miter}.combat-counter-chart .counter-node b{font:800 11px/1.2 monospace;letter-spacing:0;color:#173c51}.combat-counter-chart .counter-node small{font:800 8px/1.1 monospace;color:#173c51;margin:0}.combat-counter-chart .counter-node.in-matchup{outline:2px solid #b58525;outline-offset:2px}.combat-counter-chart .counter-node:hover,.combat-counter-chart .counter-node[aria-pressed=true]{border-color:#173c51;box-shadow:inset 0 0 0 1px #173c51,2px 2px #173c5130;transform:none}.combat-counter-chart .counter-node:focus-visible{outline:3px solid #1d6a8a;outline-offset:3px}.counter-center{position:absolute;left:32%;top:41%;width:36%;text-align:center;font:800 11px/1.4 monospace;color:#526570;pointer-events:none}.combat-counter-chart .counter-center small{display:block;color:#526570;font:10px/1.4 sans-serif;margin-top:4px}.combat-counter-chart .counter-explanation{display:grid;gap:3px;padding:8px;margin-top:10px;border:1px solid #c8b586;background:#fffbed;font:11px/1.5 sans-serif;color:#173c51}.combat-counter-chart .counter-explanation>b{font:800 12px/1.4 monospace}.combat-counter-chart .counter-text-cycle{margin:8px 0 4px;color:#385461;font:10px/1.5 sans-serif;text-align:center}.combat-counter-chart figcaption>small{display:block;color:#52616a;font:10px/1.5 sans-serif}.combat-counter-chart .counter-matchup{margin:10px 0 0;padding:7px;font:800 12px/1.4 monospace;text-align:center;color:#173c51;border:1px solid currentColor}.combat-counter-chart .counter-matchup span{display:block;font:11px/1.5 sans-serif}.combat-counter-chart .counter-matchup.bad{color:#843c31;background:#f7e5d8}.combat-counter-chart .counter-matchup.good{color:#305f38;background:#e7efd8}@media(max-width:380px){.combat-counter-chart{padding:6px}.counter-center,.combat-counter-chart .counter-center small{font-size:9px}.combat-counter-chart .counter-node svg{width:24px;height:24px}}