@font-face{font-family:Pixelify;src:url('../assets/fonts/pixelify.woff2') format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:DM;src:url('../assets/fonts/dm-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--bg:#101f22;--panel:#1b3032;--line:#344a48;--muted:#9bafa7;--text:#e9eee0;--accent:#efbd77;--cream:#f2f0df;--ink:#213a39;--green:#8bbd86;--pixel:Pixelify,monospace;--body:DM,system-ui,sans-serif;color-scheme:dark;font-family:var(--body);font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#1d3535 0,transparent 65%),var(--bg);min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin:0}button img{pointer-events:none}a{color:var(--accent)}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.sprite{image-rendering:pixelated;object-fit:contain;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(30px,calc((100vw - 1320px)/2));background:#102426e0}.brand{display:flex;gap:12px;align-items:center;text-align:left;white-space:nowrap;font:700 30px/.9 var(--pixel);letter-spacing:1px}.brand small{display:block;font:500 8px var(--body);color:#a6b4a4;letter-spacing:2.5px;margin-top:9px}.brand-mark{color:var(--accent);display:grid;place-items:center;width:37px;height:42px}.brand-mark .icon{width:35px;height:35px;stroke-width:2}.main-nav{display:flex;align-self:stretch;gap:5px;align-items:stretch}.nav-link{display:flex;gap:9px;align-items:center;padding:0 17px;color:var(--muted);position:relative;font-size:12px;font-weight:600}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent)}.nav-link.active:after{content:'';height:3px;position:absolute;bottom:0;left:13px;right:13px;background:var(--accent)}.nav-link .icon{width:17px;height:17px}.nav-link b{font-size:10px;background:#2c4240;padding:2px 5px;border-radius:3px}.header-tools{display:flex;align-items:center;gap:13px}.currency{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--accent);font-weight:600}.currency .icon{width:18px}.icon-button{width:32px;height:34px;display:inline-grid;place-items:center;color:var(--muted);border:1px solid transparent;border-radius:4px}.icon-button:hover{background:#2d4240;color:var(--text);border-color:var(--line)}.top-tag{font-size:10px;letter-spacing:2px;color:var(--muted)}.footer{max-width:1260px;margin:0 auto;padding:22px 24px 25px;display:flex;justify-content:space-between;gap:16px;color:#839b93;font-size:10px;letter-spacing:.2px}.footer>span{display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px;background:#8bbd86;border-radius:50%;display:inline-block}.footer-star{color:var(--accent);font-size:17px;margin-left:4px}.main-shell{max-width:1260px;padding:0 24px;margin:34px auto 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--accent);line-height:1.5}.page-heading h1{font:500 34px/1.15 var(--pixel);margin-top:7px;letter-spacing:-.4px}.page-heading p{color:var(--muted);font-size:12px;margin-top:9px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;min-height:44px;border:1px solid var(--line);border-radius:5px;font-size:12px;font-weight:700;transition:background .18s,transform .18s,box-shadow .18s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#28382d;background:var(--accent);border-color:#e9b36a;box-shadow:0 3px 0 #8b673d}.button.primary:hover:not(:disabled){background:#ffd394;box-shadow:0 4px 0 #8b673d}.button.subtle{background:#203637;color:#d2decf;border-color:#40564e}.button.subtle:hover:not(:disabled){background:#2a4441}.button small{font-size:8px;letter-spacing:1px;color:#a9c5a1;border:1px solid #526648;padding:3px 5px;border-radius:3px}.button.large{min-height:50px;font-size:14px;padding:13px 26px}.button.full{width:100%}.text-button{font-size:11px;display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-weight:600}.text-button .icon{width:15px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.frame{border:1px solid #41554e;border-radius:9px;overflow:hidden;box-shadow:0 5px 0 #091719,0 16px 30px #0002}.notice{margin:15px 0;padding:13px 17px;background:#4d4027;color:#ffdc9d;border:1px solid #8c7041;border-radius:5px;font-size:12px;line-height:1.6}.type-tag{display:inline-block;font-size:8px;line-height:1;letter-spacing:.7px;text-transform:uppercase;background:color-mix(in srgb,var(--type),transparent 83%);color:var(--type);border:1px solid color-mix(in srgb,var(--type),transparent 68%);border-radius:3px;padding:4px 7px;font-weight:700;white-space:nowrap}.type-tag+.type-tag{margin-left:4px}.silhouette{filter:brightness(0) opacity(.23)}.unseen{filter:brightness(.08);opacity:.3}.section-label{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:1.6px;color:#b1c1b3;margin-bottom:13px;align-items:center}.section-label>span{color:#718f85;font-size:9px;letter-spacing:1px}.health-track{height:6px;background:#122828;border-radius:2px;overflow:hidden;display:block}.health-track>i,.mini-hp>i{display:block;height:100%;background:#8dbd7b;transition:width .4s ease}.health-track>i.low{background:#e0af60}.health-track>i.critical{background:#db7865}.xp-track{height:3px;background:#bcc4b7;overflow:hidden}.xp-track>i{display:block;height:100%;background:#6eaaa9}.mini-hp{height:3px;background:#132b2a;overflow:hidden}.level{font-size:11px;white-space:nowrap}.level b{font-size:15px;font-weight:700}.rarity{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
/* First companion */
.onboarding{min-height:calc(100vh - 153px);position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:center}.intro-scene,.intro-vignette{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:50% 35%;image-rendering:pixelated}.intro-scene{opacity:.48}.intro-vignette{z-index:-1;background:linear-gradient(180deg,#10242655,#10242688 35%,#101f22 100%)}.intro-content{width:min(920px,100%);text-align:center;padding:37px 24px 15px}.intro-content>.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:9px;letter-spacing:2.5px}.intro-content>.eyebrow span{display:inline-block;width:14px;height:1px;background:var(--accent)}.intro-content h1{font:500 53px/.98 var(--pixel);letter-spacing:-1px;margin:17px 0 16px;text-shadow:0 4px 0 #142c2f}.intro-content h1 em{font-style:normal;color:var(--accent)}.intro-content>p{font-size:12px;line-height:1.7;color:#c7d5c5}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.starter-card{position:relative;border:1px solid #607363;border-radius:8px;background:#142d2ce8;text-align:center;padding:16px 18px 20px;transition:transform .2s,border-color .2s,background .2s;box-shadow:0 4px 0 #091b1b}.starter-card:hover{transform:translateY(-4px);background:#203c36}.starter-card.selected{border-color:var(--accent);background:#25423ae8;box-shadow:0 0 0 1px var(--accent),0 5px 0 #80663e}.starter-number{position:absolute;left:16px;top:14px;font-family:var(--pixel);color:#819b85;font-size:14px}.starter-check{position:absolute;right:13px;top:13px;color:var(--accent);opacity:0}.starter-card.selected .starter-check{opacity:1}.starter-check .icon{width:16px;height:16px}.starter-art{height:144px;position:relative;display:grid;place-items:center}.starter-art .sprite{width:144px;height:144px;position:relative;z-index:2;animation:float 3.5s ease-in-out infinite;filter:drop-shadow(0 7px 0 #091e1d55)}.starter-card:nth-child(2) .sprite{animation-delay:-1.2s}.starter-card:nth-child(3) .sprite{animation-delay:-2.2s}.art-ground{position:absolute;bottom:16px;left:50%;width:90px;height:20px;border-radius:50%;background:#102e25;box-shadow:0 0 35px color-mix(in srgb,var(--accent),transparent 83%);transform:translateX(-50%)}.starter-name{display:block;font:500 27px var(--pixel);margin:1px 0 9px}.starter-type{display:block;margin-bottom:11px}.starter-role{color:#a7bbab;font-size:10px}.starter-confirm{margin-top:25px;display:flex;flex-direction:column;gap:16px;align-items:center}.starter-confirm p{font-size:11px;color:#abbeae;max-width:450px;line-height:1.6}.starter-confirm p strong{color:#e6eddd}.intro-meta{display:flex;justify-content:center;gap:25px;margin-top:25px;font-size:9px;color:#7f9c8f}.intro-meta>span+span:before{content:'✦';font-size:8px;color:#b8a47d;margin-right:25px}.boot{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.boot h1{font:40px var(--pixel);color:var(--accent)}.boot p{color:var(--muted);margin-top:10px}
/* Habitat selection */
.encounter-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.habitat-hero{background:var(--panel)}.habitat-art{height:320px;background-size:cover;background-position:center;image-rendering:pixelated;position:relative;isolation:isolate}.habitat-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#132a2be6);z-index:-1}.habitat-coordinate{display:flex;justify-content:space-between;gap:10px;padding:17px 19px;color:#ebf0d5;font-size:8px;letter-spacing:1.5px;text-shadow:0 1px 2px #142e31}.habitat-coordinate span{display:flex;align-items:center;gap:6px}.habitat-coordinate .icon{width:14px;height:14px}.habitat-title{position:absolute;left:26px;bottom:26px}.region-badge{display:inline-block;font-size:8px;letter-spacing:1.8px;color:#ffdb99;background:#1a342fc4;border:1px solid #6a8569;padding:5px 7px;margin-bottom:11px;border-radius:2px}.habitat-title h2{font:500 39px/1.1 var(--pixel);text-shadow:0 3px #132b2e}.habitat-title p{font-size:11px;margin-top:7px;color:#c3d5b7}.hero-creatures .wanderer{position:absolute;width:100px;height:100px;top:42%;filter:drop-shadow(0 6px 0 #173c3740);z-index:-1}.hero-creatures .wanderer-0{left:53%;top:44%;transform:scale(.9)}.hero-creatures .wanderer-1{left:72%;top:30%;transform:scale(.65)}.hero-creatures .wanderer-2{left:32%;top:24%;transform:scale(.5)}.hero-creatures .unseen{filter:brightness(.1);opacity:.2}.habitat-bottom{padding:21px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center}.habitat-bottom>div{max-width:410px}.habitat-bottom .eyebrow{color:#a5bda2;font-size:8px;letter-spacing:1.7px}.habitat-bottom p{margin:8px 0 13px;font-size:11px;line-height:1.65;color:#b3c5b8}.habitat-stats{display:flex;gap:16px;font-size:9px;color:#8fab9d}.habitat-stats>span+span:before{content:'·';margin-right:16px}.habitat-bottom .button{padding:12px 15px;font-size:11px;gap:8px}.habitat-bottom .button .icon{width:16px}.habitat-menu .section-label{margin:2px 1px 13px}.habitat-option{width:100%;display:flex;gap:12px;align-items:center;padding:9px;border:1px solid #334c47;border-radius:5px;margin-bottom:9px;text-align:left;background:#172e30;transition:background .2s,border-color .2s}.habitat-option.active{border-color:#b79a62;background:#2a3f36;box-shadow:inset 2px 0 var(--accent)}.habitat-option:hover{background:#29423e}.habitat-option>span:nth-child(2){flex:1}.habitat-option small{font-size:7px;letter-spacing:1px;color:#8ba596;display:block;margin-bottom:4px}.habitat-option strong{font-size:11px;font-weight:500}.habitat-option .icon{width:13px;color:#78988c}.habitat-option.locked strong{color:#95a99e}.habitat-thumb{display:block;width:48px;height:42px;border-radius:3px;background-size:cover;background-position:center;image-rendering:pixelated;flex-shrink:0;border:1px solid #597263}.habitat-option.locked .habitat-thumb{filter:saturate(.3);opacity:.6}.team-strip{margin-top:25px;padding:16px 18px;background:#172c2e;border:1px solid #344b46;border-radius:6px;display:flex;align-items:center;gap:23px}.strip-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;white-space:nowrap;color:#b2c7b7}.strip-label .icon{color:#8fa78e;width:19px}.strip-label small{display:block;color:#78968b;font-size:8px;letter-spacing:0;margin-top:5px}.team-slots{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.team-slot{border:1px solid #38514b;background:#1e3636;border-radius:4px;min-width:0;min-height:60px;position:relative;display:flex;align-items:center;text-align:left;padding:4px 6px 8px;gap:3px}.team-slot .sprite{width:42px;height:42px;flex-shrink:0}.team-slot>span:not(.mini-hp){font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-slot small{display:block;color:#8fa89a;font-size:8px;margin-top:4px}.team-slot .mini-hp{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 3px 3px}.team-slot.empty{border-style:dashed;opacity:.45;background:transparent;justify-content:center;flex-direction:column;gap:0}.team-slot.empty>span{font-size:19px;color:#799b8b}.team-slot.empty small{font-size:6px;letter-spacing:1px;margin-top:0}.team-slot:hover:not(.empty){border-color:#c7ab72}.fainted .sprite{filter:grayscale(1);opacity:.4}.field-note{display:flex;align-items:center;gap:13px;margin:23px 0 4px;padding:0 5px}.note-icon{width:33px;height:33px;background:#263b31;display:grid;place-items:center;color:#a7b58e;border-radius:4px}.note-icon .icon{width:17px}.field-note>div{flex:1}.field-note strong{font-size:10px;color:#bfcbb4}.field-note p{font-size:10px;color:#7f9b8d;margin-top:4px;line-height:1.6}.field-note .text-button{font-size:10px}
/* Tactical arena */
.battle-shell{max-width:1120px;margin-top:22px}.battle-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2px 12px;font-size:10px;color:#9cb2a5}.battle-heading>div{display:flex;align-items:center;gap:13px}.battle-heading .text-button{font-size:11px;color:#d2dbc5}.battle-heading .text-button:disabled{opacity:1;cursor:default}.divider{color:#58756b}.turn-chip{font-size:8px;letter-spacing:1.7px;color:#afc5af}.speed{font-size:11px;border:1px solid #35534a;height:27px;width:29px}.battle-frame{border:2px solid #667665;box-shadow:0 5px 0 #081716,0 0 0 3px #132a2b,0 20px 45px #0004;border-radius:7px}.battle-arena{position:relative;height:385px;overflow:hidden;background:#729d96;isolation:isolate}.battle-arena #arena-canvas{position:absolute;inset:0}.battle-arena canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.arena-grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#112c2a08 0,#112c2a08 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;z-index:1}.health-plate{position:absolute;width:33%;padding:13px 15px 12px;background:#f3f1dfeF;color:var(--ink);border:2px solid #2d4941;border-radius:5px 13px 5px 13px;box-shadow:0 4px 0 #1b3a3a55;z-index:3;min-width:235px}.health-plate.enemy{top:29px;left:25px}.health-plate.player{right:26px;bottom:23px}.plate-top{display:flex;justify-content:space-between;gap:9px;align-items:flex-start;margin-bottom:8px}.plate-top strong{font:600 23px/.95 var(--pixel)}.plate-top .level{font-family:var(--pixel);font-size:14px;padding-top:1px}.plate-top .level b{font-size:18px}.plate-types{display:flex;gap:3px;margin-top:6px}.plate-types .type-tag{color:color-mix(in srgb,var(--type),#1e332c 50%);background:color-mix(in srgb,var(--type),transparent 75%);border-color:color-mix(in srgb,var(--type),transparent 40%);font-size:6px;padding:3px 5px;letter-spacing:.5px}.health-row{display:flex;gap:6px;align-items:center}.health-row>span{font:700 10px var(--pixel);color:#6b8470}.health-row .health-track{height:7px;flex:1;background:#c0c7b3;border:1px solid #a1ae98;border-radius:2px}.health-row .health-track>i{background:#6fa963}.health-row small{font-family:var(--pixel);font-size:12px;min-width:47px;text-align:right}.health-plate .xp-track{margin-top:7px;margin-left:19px;height:3px}.status-tag{position:absolute;right:11px;top:-9px;background:#936a9a;color:#fff;padding:3px 6px;text-transform:uppercase;font-size:7px;letter-spacing:1px;border:1px solid #372e42;border-radius:3px}.status-tag.burn{background:#c86f4d}.status-tag.stun{background:#aa9139}.status-tag.sleep{background:#6c889e}.wild-label{position:absolute;right:22px;top:18px;display:flex;align-items:center;gap:6px;color:#f3efd4;font-size:8px;letter-spacing:1px;background:#244f47b5;border:1px solid #789575;padding:5px 8px;border-radius:3px;z-index:3}.wild-label .icon{width:12px;height:12px}.shiny-star{font-style:normal;color:#c99640;margin-left:5px;font-size:16px}.enemy-party{position:absolute;left:30px;top:130px;display:flex;gap:4px;z-index:3}.enemy-party span{color:#f2edcb;filter:drop-shadow(0 1px 1px #304b3c)}.enemy-party .down{opacity:.3}.enemy-party .current{color:#e8b85f}.enemy-party .icon{width:15px;height:15px}.battle-message{display:flex;align-items:center;gap:16px;background:#243e3c;border-top:3px solid #d8cda9;border-bottom:1px solid #566452;padding:14px 21px;min-height:62px;color:#f1efda}.battle-message p{font:400 19px/1.25 var(--pixel);flex:1}.message-diamond{color:var(--accent);font-size:18px}.message-next{font-family:var(--pixel);color:#a4b49b;animation:blink 1.8s infinite}.action-area{background:var(--cream);color:var(--ink);padding:15px 19px;display:flex;gap:20px;min-height:151px}.move-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:1}.move-button{background:#fbf9ed;color:#2c4039;border:1px solid #bfcaaf;border-left:4px solid var(--type,#9fae8a);border-radius:4px;padding:11px 12px 9px;display:flex;align-items:center;gap:9px;text-align:left;min-width:0;box-shadow:0 2px 0 #b4bea6;transition:background .15s,transform .15s}.move-button:hover:not(:disabled){background:#fffdf3;transform:translateY(-2px);border-color:#889d77}.move-key{font:400 10px var(--pixel);color:#7d8e75;border:1px solid #bec9ae;border-radius:3px;display:grid;place-items:center;width:19px;height:19px;flex-shrink:0}.move-info{flex:1;min-width:0}.move-info strong{font:600 20px var(--pixel);display:block;white-space:nowrap}.move-info small{font-size:7px;color:#84917a;display:flex;align-items:center;gap:3px;margin-top:3px;white-space:nowrap}.move-info small>span{text-transform:uppercase;color:#5e7661;font-size:6px;font-weight:700}.effectiveness{font-style:normal;margin-left:3px;font-size:6px;letter-spacing:.4px}.effectiveness.strong{color:#518153}.effectiveness.weak{color:#a38451}.move-pp{font:500 17px var(--pixel);text-align:right;white-space:nowrap}.move-pp small{font:500 7px var(--body);display:block;color:#8b977c;margin-top:2px}.action-menu{width:190px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-left:16px;border-left:1px solid #cbd0bc}.action-menu button{background:#e6e8d3;border:1px solid #bcc6aa;border-radius:4px;display:flex;align-items:center;gap:5px;padding:8px 9px;font-size:10px;font-weight:600;color:#4c6652}.action-menu button:first-child{background:#dfd5b7;border-color:#c8b783;color:#7f663d}.action-menu button:hover:not(:disabled){background:#d5ddc6}.action-menu .icon{width:15px;height:15px}.action-menu small{font-size:7px;opacity:.5;margin-left:auto}.battle-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 2px 0}.battle-party{display:flex;align-items:center;gap:5px}.party-token{height:43px;width:46px;border:1px solid #344e46;border-radius:4px;background:#1a3232;position:relative;padding:0}.party-token.active{border-color:#b0ae75;background:#2b4337}.party-token .sprite{width:40px;height:40px}.party-token .mini-hp{position:absolute;left:3px;right:3px;bottom:2px;height:2px}.battle-party>span{font-size:9px;color:#77988a;margin-left:7px}.battle-bottom>p{display:flex;align-items:center;gap:6px;font-size:9px;color:#a2b89f}.battle-bottom>p .icon{width:15px;height:15px}.battle-bottom>p>span{margin:0 5px;color:#547768}.shortcut-hint{font-size:9px;color:#708f81}.shortcut-hint>span{margin:0 4px}.controls-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%}.controls-heading strong{font:500 21px var(--pixel)}.controls-heading .text-button{color:#627858;font-size:9px}.controls-heading>div>span{display:block;font-size:9px;color:#8b967e;margin-top:5px}.action-area:has(.controls-heading){flex-direction:column;gap:12px}.capture-options{display:flex;gap:12px}.capture-card{border:1px solid #b8c3a6;background:#fcf9e9;border-radius:5px;color:#394d3d;display:flex;gap:12px;align-items:center;text-align:left;padding:10px 15px;flex:1}.capture-card:hover:not(:disabled){background:#fffdf4;border-color:#80966b}.capture-orb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#d9c9a2;color:#9b7442;flex-shrink:0}.capture-orb>.icon{width:27px;height:27px;stroke-width:1.7}.prism .capture-orb{background:#d5c4df;color:#967ba6}.capture-card>span:nth-child(2){flex:1}.capture-card strong{font:500 20px var(--pixel);display:block}.capture-card strong small{display:inline;font:12px var(--pixel);color:#9ba18a;margin-left:3px}.capture-card small{display:block;font-size:8px;color:#89957b;margin-top:4px;line-height:1.5}.capture-card>b{font:500 22px var(--pixel);color:#638b57;text-align:right}.capture-card>b small{font:600 6px var(--body);letter-spacing:.7px;white-space:nowrap}.tonic{background:#e9c5b0;color:#ae6c52}.bag-hint{font-size:11px;line-height:1.7;color:#829174;flex:1;display:flex;align-items:center;padding:10px}.switch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.switch-card{display:flex;align-items:center;gap:8px;border:1px solid #b8c7aa;background:#fcf9ed;color:#40553f;padding:5px 9px;border-radius:4px;text-align:left}.switch-card>.sprite{width:40px;height:40px}.switch-card>span{flex:1}.switch-card strong{font:500 17px var(--pixel);display:block}.switch-card small{display:block;font-size:8px;color:#819075;margin-top:3px}.switch-card .type-tag{font-size:6px;padding:4px}.reward-area,.outcome-area{padding:18px 22px;background:var(--cream);color:var(--ink);min-height:151px}.reward-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.reward-heading .eyebrow,.outcome-area .eyebrow{color:#8a8058;font-size:8px;letter-spacing:1.2px}.reward-heading h3,.outcome-area h3{font:500 23px var(--pixel);margin-top:5px}.reward-heading>span{font-size:7px;color:#81906e;letter-spacing:1px;white-space:nowrap}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reward-card{display:flex;align-items:center;gap:9px;border:1px solid #b9c5aa;border-radius:4px;background:#fffced;text-align:left;padding:11px;color:#38543d}.reward-card:hover{border-color:#8a9e6f;transform:translateY(-2px)}.reward-icon{color:#8d9d63}.reward-card strong{font:500 17px var(--pixel);display:block}.reward-card small{display:block;font-size:8px;color:#8a987a;margin-top:3px;line-height:1.5}.reward-card>span:nth-child(2){flex:1}.reward-card>.icon{width:13px;color:#8e9c7e}.outcome-area{display:flex;align-items:center;justify-content:space-between;gap:20px}.outcome-buttons{display:flex;gap:10px}.outcome-area p{font-size:10px;color:#879579;margin-top:8px}.outcome-area .button.subtle{background:#e4e7d1;color:#476044;border-color:#bcc5a5}.waiting{width:100%;display:flex;align-items:center;justify-content:center;gap:13px;font:20px var(--pixel);color:#788966;min-height:110px}.loading-dots{display:flex;gap:4px}.loading-dots i{width:5px;height:5px;background:#90a27a;animation:blink .7s infinite}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}
/* Collection and team */
.collection-total{text-align:right;white-space:nowrap}.collection-total strong{display:block;color:var(--accent);font:500 36px var(--pixel)}.collection-total strong span{font-size:20px;color:#688b7a}.collection-total>small{font-size:8px;letter-spacing:1.5px;color:#a3bba4}.collection-toolbar{display:flex;gap:14px;align-items:center;margin:0 0 23px}.segmented{display:flex;background:#172d2d;border:1px solid #375047;padding:4px;border-radius:5px}.segmented button{padding:8px 14px;font-size:10px;color:#91aa99;border-radius:3px}.segmented button.active{background:#314a3f;color:#dfd9b6}.search-box{margin-left:auto}.search-box input,input,select{border:1px solid #3a544b;border-radius:4px;background:#193131;padding:11px 13px;color:#c9d6c4;font-size:11px}.search-box input{width:230px}.search-box input::placeholder{color:#789b88}.collection-toolbar select{font-size:10px;text-transform:capitalize;min-width:115px}.dex-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px}.dex-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-content:start}.dex-card{position:relative;border:1px solid #345147;border-radius:5px;background:#1a3231;padding:15px 6px 14px;text-align:center;transition:background .2s,border-color .2s;min-width:0}.dex-card:hover{background:#26433b;border-color:#718665}.dex-card.selected{border-color:var(--accent);background:#2a4237}.dex-number{font:12px var(--pixel);color:#789582;position:absolute;left:10px;top:10px;letter-spacing:1px}.caught-mark{position:absolute;right:9px;top:9px;color:#bda66e}.caught-mark .icon{width:12px;height:12px}.dex-card>.sprite{width:80px;height:80px;margin:6px auto 2px;display:block}.dex-card strong{font:500 18px var(--pixel);display:block;margin-bottom:7px;white-space:nowrap}.dex-card>.type-tag{font-size:7px}.dex-card>span>small{font-size:6px;letter-spacing:1px;color:#587b69}.dex-card.undiscovered{background:#162d2e;opacity:.8}.dex-card.undiscovered.selected{background:#243d36}.dex-card.undiscovered strong{color:#708e7e}.dex-detail,.creature-detail{background:#1c3433;height:fit-content;position:sticky;top:20px}.detail-art{height:205px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--accent),transparent 85%),transparent 65%),#192e30}.detail-art:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#60877308 1px,transparent 1px),linear-gradient(90deg,#60877308 1px,transparent 1px);background-size:18px 18px;z-index:-1}.detail-sprite{width:160px;height:160px;z-index:2;filter:drop-shadow(0 9px 0 #0d252550)}.detail-sprite.silhouette{filter:brightness(0) opacity(.25)}.detail-art-ring{position:absolute;width:150px;height:150px;border:1px solid #7d9a6b22;border-radius:50%;z-index:-1}.detail-art-ring:before,.detail-art-ring:after{content:'';position:absolute;border:1px solid #7d9a6b15;border-radius:50%;inset:14px}.detail-art-ring:after{inset:-15px}.detail-content{padding:22px}.detail-content h2{font:500 30px var(--pixel)}.detail-content>.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:8px;color:#a6b78e}.detail-tags{margin:9px 0 14px;display:flex;gap:4px;align-items:center}.detail-tags .rarity{margin-left:auto;font-size:7px}.detail-content>p{font-size:11px;line-height:1.8;color:#a6bfa9}.dex-habitat{border-top:1px solid #3a5348;margin-top:20px;padding-top:16px;margin-bottom:20px}.dex-habitat span{display:block;font-size:7px;letter-spacing:1px;color:#758f77}.dex-habitat strong{display:block;font-size:11px;color:#bdcdb3;margin-top:7px}.evolution-chain{display:flex;justify-content:center;align-items:center;gap:3px;margin-top:20px;border-top:1px solid #364d43;padding-top:13px}.evolution-chain>span{min-width:0;text-align:center;flex:1}.evolution-chain img{width:48px;height:48px;display:block;margin:auto}.evolution-chain small{font-size:7px;display:block;color:#8ba78f;overflow:hidden;text-overflow:ellipsis}.evolution-chain b{font-size:15px;color:#5a7d67}.empty-results{grid-column:1/-1;padding:50px 20px;text-align:center;color:var(--muted)}.empty-results button{display:block;margin:15px auto}.roster-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:27px}.roster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.roster-card{position:relative;background:#1b3332;border:1px solid #3a5648;border-radius:5px;padding:22px 15px 18px;display:flex;flex-direction:column;align-items:center;min-height:179px}.roster-card.selected{background:#294539;border-color:#bcaa6d}.slot-number{position:absolute;top:11px;left:11px;font-size:7px;letter-spacing:1px;color:#78977e}.roster-card>.sprite{width:88px;height:88px}.roster-card strong{font:500 22px var(--pixel);margin-top:3px}.roster-meta{font-size:9px;color:#93ad94;margin-top:4px}.roster-card .health-track{width:65%;height:4px;margin-top:12px}.roster-card.empty{border-style:dashed;background:transparent;opacity:.35;justify-content:center;min-height:179px}.roster-card.empty>span{font-size:27px;color:#81a081}.roster-card.empty small{font-size:9px;color:#94b097;margin-top:12px}.evolve-pip{font-size:7px;letter-spacing:1px;color:var(--accent);position:absolute;top:12px;right:10px}.moves-label{margin-top:29px}.moveset-list{border:1px solid #365345;border-radius:5px;overflow:hidden}.moveset-row{display:flex;align-items:center;gap:13px;padding:13px;background:#1b3230;border-bottom:1px solid #365345}.moveset-row:last-child{border-bottom:0}.moveset-row>div{flex:1}.moveset-row label{display:none}.moveset-row select{background:#233e36;border-color:#496149;padding:7px 8px;font-family:var(--pixel);font-size:18px;color:#dfdfbd;min-width:165px}.moveset-row>div>small{display:block;font-size:9px;color:#859f85;margin-top:7px;line-height:1.5}.moveset-row .move-key{border-color:#4a624b;color:#78997c}.moveset-row .move-pp{font-size:20px;color:#c1d0af}.detail-name{display:flex;justify-content:space-between;align-items:center;gap:10px}.detail-name h2{font-size:30px}.detail-name .level{font-size:10px;color:#90ac8f}.detail-health{margin:19px 0}.detail-health>div:not(.health-track,.xp-track){display:flex;justify-content:space-between;font-size:8px;color:#7e9b7b;letter-spacing:.5px;margin-bottom:7px}.detail-health>div>strong{font-weight:500;color:#b4c9a8;font-family:var(--pixel);font-size:12px}.detail-health .xp-track{background:#16332f;height:4px}.detail-health .health-track{margin-bottom:15px}.stat-grid{display:flex;gap:8px;margin-bottom:18px}.stat-grid>div{flex:1;border:1px solid #3e5b45;border-radius:4px;padding:10px 4px;text-align:center}.stat-grid span{display:block;color:#82a180;font-size:8px}.stat-grid strong{font:500 24px var(--pixel);display:block;color:#cbd8b9;margin-top:4px}.detail-actions{display:flex;gap:8px}.detail-actions .button{flex:1;font-size:9px;padding:8px;min-height:36px}.evolution-note{margin-top:15px;border-top:1px solid #3c5446;padding-top:15px;display:flex;align-items:center;gap:8px;font-size:9px;color:#819d7b;line-height:1.5}.evolution-note .icon{width:14px;height:14px}.evolution-note.ready{color:var(--accent)}.evolution-note .button{font-size:10px;padding:7px 12px;margin-left:auto;min-height:31px}.shiny-label{position:absolute;top:11px;right:11px;color:#dcc97c;font-size:8px;letter-spacing:1px}.reserve-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reserve-card{border:1px solid #365545;border-radius:4px;background:#1c3430;display:flex;align-items:center;text-align:left;gap:9px;padding:7px}.reserve-card img{width:42px;height:42px}.reserve-card span{font:17px var(--pixel)}.reserve-card small{font:8px var(--body);color:#91ac8b;display:block;margin-top:5px}
/* Guardian ladder */
.crest-progress{display:flex;justify-content:space-between;padding:20px 60px 25px;background:#192f2e;border:1px solid #344f42;border-radius:6px;margin:0 0 27px;position:relative;isolation:isolate}.crest-progress:before{content:'';position:absolute;top:44px;left:100px;right:100px;height:1px;background:#365340;z-index:-1}.crest-stop{text-align:center;color:#55725c}.crest{width:47px;height:47px;display:grid;place-items:center;background:#1a302e;border:1px solid #3c5a42;transform:rotate(45deg);border-radius:6px}.crest .icon{transform:rotate(-45deg);width:22px;height:22px}.crest-stop.earned{color:var(--accent)}.crest-stop.earned .crest{background:#3d4730;border-color:#a89d58;box-shadow:0 0 20px #bd954318}.crest-stop small{display:block;font-size:8px;letter-spacing:1px;margin-top:15px;text-transform:uppercase}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.challenge-card{background:#1c3431}.challenge-art{height:172px;position:relative;background-size:cover;image-rendering:pixelated;isolation:isolate;display:flex;align-items:center;justify-content:center}.challenge-art:before{content:'';position:absolute;inset:0;background:linear-gradient(#142d2c44,#172e2dc9);z-index:-1}.challenge-index{position:absolute;left:15px;top:12px;font-size:7px;letter-spacing:1.3px;color:#ccd6b4}.challenge-art .crest{position:absolute;right:22px;top:24px;color:#ecd494;background:#213b3499;border-color:#87966e;width:44px;height:44px}.challenge-art>div{position:absolute;bottom:19px;left:20px}.challenge-art h2{font:500 33px var(--pixel);text-shadow:0 2px #173127}.challenge-art>div>span{font-size:10px;color:#b2c3a6}.challenge-info{padding:19px}.challenge-meta{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.8px;color:#92ad8b;gap:9px}.challenge-info>p{font-size:10px;line-height:1.8;color:#a0b79e;margin:14px 0;min-height:54px}.challenge-team{display:flex;gap:8px;margin:9px 0 16px}.challenge-team>span{width:50px;text-align:center;border:1px solid #365542;border-radius:3px;background:#18312d;padding:2px 0 5px}.challenge-team img{width:44px;height:44px;display:block;margin:auto}.challenge-team small{font-size:7px;color:#9aaf8c}.challenge-unlock{font-size:8px;color:#b6bd8e;display:flex;gap:7px;align-items:center;padding:13px 0;border-top:1px solid #3a5341;min-height:48px}.challenge-unlock .icon{width:13px;height:13px}.challenge-card .button{font-size:10px;min-height:40px}.challenge-card.locked .challenge-art{filter:saturate(.5)}.champion-banner{border:1px solid #ac9b58;border-radius:5px;padding:25px;background:#3d4930;color:var(--accent);font:25px var(--pixel);margin-bottom:25px;text-align:center}.champion-banner p{font:12px/1.7 var(--body);color:#c3c9a4;margin-top:12px}
/* Dialogs and accessibility */
.modal-backdrop{position:fixed;inset:0;background:#071819d9;backdrop-filter:blur(7px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:min(540px,100%);max-height:90dvh;overflow:auto;background:#1e3734;border:1px solid #678064;border-radius:9px;padding:27px;box-shadow:0 7px 0 #0b201f,0 20px 80px #0006}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.modal-heading h2{font:500 27px/1.1 var(--pixel)}.modal-heading .icon-button{flex-shrink:0}.modal-lead,.modal>p{color:#aac2a7;font-size:11px;line-height:1.8;margin-bottom:19px}.help-steps{display:grid;gap:20px}.help-steps>div{display:flex;gap:17px}.help-steps b{color:#829f76;font:22px var(--pixel)}.help-steps span{font-size:11px;line-height:1.7;color:#a2bb9f}.help-steps strong{font-size:13px;color:#d3debd;display:block;margin-bottom:3px;font-weight:600}.keyboard-guide{display:flex;flex-wrap:wrap;gap:11px;font-size:8px;color:#9fba97;margin-top:25px;padding-top:20px;border-top:1px solid #3c5a43}.keyboard-guide kbd{padding:3px 5px;border:1px solid #5d7654;border-radius:3px;font-family:var(--pixel);color:#c5d2ad}.settings-row{display:flex;justify-content:space-between;align-items:center;margin:25px 0;gap:20px}.settings-row strong{display:block;font-size:12px;color:#d1ddbd}.settings-row small{display:block;font-size:10px;color:#96b18e;margin-top:6px}.toggle{width:40px;height:23px;border-radius:20px;background:#4c6454;padding:3px;position:relative}.toggle>i{position:absolute;top:3px;left:3px;width:17px;height:17px;background:#9eafa0;border-radius:50%;transition:left .2s}.toggle.on{background:#b7b478}.toggle.on>i{left:20px;background:#f1ebc8}.settings-save{border-top:1px solid #456146;margin-top:25px;padding-top:24px}.settings-save>strong{font:500 23px var(--pixel)}.settings-save>p{font-size:11px;line-height:1.8;color:#9eb896;margin:10px 0 20px}.settings-save>div{display:flex;gap:10px}.settings-save .button{font-size:10px}.danger{color:#d19b7d;margin-top:23px}.danger-button{background:#975f4b;color:#ffddbb;border-color:#ba8263}.modal-buttons{display:flex;gap:10px;margin-top:20px}.battle-log{max-height:55dvh;overflow:auto}.battle-log>p{display:flex;gap:12px;font-size:11px;line-height:1.7;border-bottom:1px solid #36503b;padding:10px 0;color:#c0d0b1}.battle-log>p>span{font:13px var(--pixel);color:#6c8d66;padding-top:3px}#rename-form label{display:block;font-size:11px;color:#a7be9b;margin-bottom:10px}#rename-form input{width:100%;font-size:16px;padding:13px;margin-bottom:20px;color:#e5e5c5}.evolution-celebration{text-align:center}.evolution-glow{background:radial-gradient(ellipse,#ccb96c33,transparent 65%);margin:15px auto 0;position:relative}.evolution-glow .sprite{height:200px;width:200px;animation:evolve-in 1s ease-out}.evolution-celebration h2{font:38px var(--pixel);color:var(--accent)}.evolution-celebration p{font-size:12px;line-height:1.7;color:#bfd1b4;margin:12px 0}.evolution-celebration .button{margin-top:25px}.evolution-celebration .eyebrow{font-size:8px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,15px);max-width:calc(100vw - 35px);background:#e6e8cd;color:#344d37;border:1px solid #8d9c6d;border-radius:5px;box-shadow:0 5px 25px #0004;padding:12px 20px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}@keyframes evolve-in{0%{filter:brightness(10);transform:scale(.7)}60%{filter:brightness(2);transform:scale(1.08)}100%{filter:brightness(1);transform:scale(1)}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1500px){.main-shell{margin-top:43px}.battle-shell{margin-top:28px}.battle-arena{height:420px}.intro-content{padding-top:47px}.intro-content h1{font-size:60px}.starter-art{height:164px}.starter-art .sprite{width:160px;height:160px}.starter-grid{margin-top:35px}}
@media(max-width:1100px){.topbar{padding:0 22px;gap:15px}.brand{font-size:26px}.brand small{font-size:7px;letter-spacing:2px}.brand-mark{width:28px}.brand-mark .icon{width:28px}.nav-link{padding:0 12px;font-size:11px;gap:6px}.header-tools{gap:6px}.encounter-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.habitat-title h2{font-size:34px}.habitat-bottom{flex-direction:column;align-items:flex-start;gap:17px}.habitat-bottom>div{max-width:none}.habitat-bottom .button{width:100%}.habitat-art{height:265px}.habitat-option{padding:8px}.habitat-thumb{width:40px;height:38px}.habitat-option strong{font-size:10px}.team-strip{flex-direction:column;align-items:stretch;gap:12px}.strip-label small{display:inline;margin:0 0 0 10px}.team-slot{justify-content:center}.team-slot .sprite{width:36px;height:36px}.team-slot>span:not(.mini-hp){font-size:8px}.field-note .text-button{max-width:135px;line-height:1.6;text-align:left}.battle-shell{margin-top:19px}.battle-arena{height:355px}.battle-message{min-height:57px}.action-area{padding:13px;gap:13px}.action-menu{width:176px;padding-left:11px}.move-button{padding:9px}.move-info strong{font-size:19px}.move-key{display:none}.move-info small{font-size:6px}.roster-layout{grid-template-columns:1fr 285px;gap:20px}.dex-layout{grid-template-columns:1fr 265px;gap:20px}.dex-grid{grid-template-columns:repeat(4,1fr)}.challenge-grid{gap:16px}.challenge-info{padding:16px}.challenge-meta{font-size:6px}.challenge-info>p{min-height:72px}.challenge-unlock{font-size:7px}.shortcut-hint{display:none}}
@media(max-width:800px){.topbar{height:118px;flex-wrap:wrap;position:relative;gap:0;padding:0 20px;align-content:space-between}.brand{height:65px;font-size:27px}.brand-mark{width:29px}.brand small{font-size:6px;letter-spacing:2px;margin-top:7px}.header-tools{margin-left:auto;height:65px}.main-nav{order:3;width:100%;height:49px;justify-content:space-between;border-top:1px solid #2b443d}.nav-link{justify-content:center;flex:1;padding:0 10px;font-size:10px}.nav-link.active:after{left:4px;right:4px}.top-tag{display:none}.topbar:not(:has(.main-nav)){height:72px;align-content:center}.topbar:not(:has(.main-nav)) .header-tools{height:auto}.main-shell{margin-top:26px;padding:0 20px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.page-heading .button{font-size:10px;padding:9px 12px}.page-heading .button small{display:none}.encounter-layout{grid-template-columns:1fr}.habitat-art{height:290px}.habitat-bottom{flex-direction:row;align-items:center}.habitat-bottom>div{max-width:65%}.habitat-bottom .button{width:auto}.habitat-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.habitat-menu>.section-label{grid-column:1/-1;margin:5px 0 1px}.habitat-option{margin:0;gap:7px;min-width:0}.habitat-option .icon{display:none}.habitat-option strong{font-size:9px;line-height:1.4}.habitat-option small{font-size:6px}.habitat-thumb{width:32px;height:34px}.team-strip{margin-top:19px}.team-slots{gap:7px}.team-slot{flex-direction:column;gap:0}.team-slot .sprite{width:41px;height:41px}.team-slot>span:not(.mini-hp){font-size:8px}.team-slot small{font-size:7px;margin:3px 0}.field-note>.text-button{display:none}.roster-layout,.dex-layout{grid-template-columns:1fr 245px;gap:15px}.roster-grid{grid-template-columns:repeat(2,1fr);gap:9px}.roster-card{min-height:157px;padding-top:20px}.roster-card.empty{min-height:157px}.roster-card>.sprite{width:72px;height:72px}.roster-card strong{font-size:19px}.moveset-row{gap:8px;padding:10px}.moveset-row select{min-width:140px;font-size:16px}.moveset-row .type-tag{display:none}.moveset-row .move-pp{font-size:17px}.detail-content{padding:17px}.detail-name h2{font-size:25px}.detail-content>p{font-size:10px}.dex-grid{grid-template-columns:repeat(3,1fr);gap:7px}.dex-card>.sprite{width:64px;height:64px}.dex-card strong{font-size:16px}.dex-card .type-tag{font-size:6px;padding:3px 4px}.collection-toolbar{gap:8px}.segmented button{font-size:9px;padding:7px 9px}.search-box input{width:180px}.collection-toolbar select{min-width:90px}.challenge-grid{grid-template-columns:repeat(2,1fr)}.challenge-info>p{min-height:54px}.crest-progress{padding:20px 30px}.crest-progress:before{left:60px;right:60px}.battle-shell{margin-top:14px;padding:0 17px}.battle-heading{font-size:9px;margin-bottom:9px}.battle-heading .text-button{font-size:10px}.battle-heading>div{gap:8px}.battle-arena{height:310px}.health-plate{width:36%;min-width:195px;padding:10px 11px}.health-plate.enemy{top:20px;left:17px}.health-plate.player{right:18px;bottom:19px}.plate-top strong{font-size:21px}.health-row small{font-size:11px}.health-row .health-track{height:6px}.plate-top .level{font-size:12px}.plate-top .level b{font-size:16px}.wild-label{font-size:6px;top:15px;right:15px}.battle-message{min-height:54px;padding:12px 16px}.battle-message p{font-size:17px}.action-area{gap:12px;min-height:153px}.move-button{padding:8px;gap:5px}.move-info strong{font-size:17px}.move-info small{font-size:6px}.effectiveness{font-size:5px}.move-pp{font-size:15px}.move-pp small{font-size:6px}.action-menu{width:160px;gap:6px;padding-left:11px}.action-menu button{font-size:9px;gap:4px;padding:8px 7px}.action-menu .icon{width:13px}.action-menu small{display:none}.battle-bottom{gap:10px}.battle-bottom>p{font-size:8px}.party-token{width:38px;height:38px}.party-token .sprite{width:35px;height:35px}.battle-party{gap:4px}.reward-grid{gap:7px}.reward-card{padding:8px;gap:6px}.reward-card>.icon{display:none}.reward-card strong{font-size:16px}.reward-card small{font-size:7px}.reward-heading h3{font-size:21px}.outcome-area{flex-direction:column;align-items:stretch;gap:15px}.outcome-buttons{justify-content:flex-end}.capture-card{padding:10px;gap:8px}.capture-orb{width:30px;height:30px}.capture-orb .icon{width:22px}.capture-card strong{font-size:17px}.capture-card small{font-size:7px}.capture-card>b{font-size:20px}.switch-card>.type-tag{display:none}.switch-grid{gap:7px}.switch-card{padding:5px;gap:5px}.switch-card>.sprite{width:32px;height:32px}.switch-card strong{font-size:15px}.switch-card small{font-size:7px}.intro-content{padding-top:35px}.intro-content h1{font-size:48px}.starter-grid{gap:12px}.starter-card{padding:14px 12px 18px}.starter-art{height:128px}.starter-art .sprite{width:128px;height:128px}.starter-name{font-size:24px}.starter-role{font-size:9px}}
@media(max-width:600px){.main-shell{padding:0 14px;margin-top:22px}.topbar{padding:0 14px}.brand{font-size:25px;gap:7px}.brand-mark{width:28px}.brand small{font-size:6px;letter-spacing:1.6px}.header-tools{gap:2px}.currency{font-size:10px;margin-right:5px}.currency .icon{width:15px}.icon-button{width:30px}.nav-link{font-size:9px;gap:5px;padding:0 6px}.nav-link .icon{width:15px;height:15px}.nav-link b{font-size:8px;padding:1px 4px}.page-heading{align-items:flex-start;margin-bottom:21px;gap:12px}.page-heading h1{font-size:27px;line-height:1.1;max-width:290px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading p{font-size:10px;line-height:1.6;max-width:270px}.page-heading .button{font-size:0;padding:10px;min-height:38px;gap:0}.page-heading .button .icon{width:17px;height:17px}.habitat-art{height:245px}.habitat-title{left:19px;bottom:20px}.habitat-title h2{font-size:34px}.habitat-title p{font-size:10px}.habitat-coordinate{padding:13px;font-size:6px;letter-spacing:.7px}.habitat-coordinate .icon{width:11px}.region-badge{font-size:6px;letter-spacing:1.4px;margin-bottom:8px}.hero-creatures .wanderer{width:75px;height:75px}.habitat-bottom{padding:17px;display:block}.habitat-bottom>div{max-width:none}.habitat-bottom p{font-size:10px;margin:7px 0 11px}.habitat-stats{font-size:8px;gap:10px}.habitat-stats>span+span:before{margin-right:10px}.habitat-bottom .button{width:100%;margin-top:18px;min-height:44px}.habitat-menu{gap:7px;grid-template-columns:repeat(2,1fr)}.habitat-option{padding:7px;gap:9px}.habitat-option strong{font-size:9px}.habitat-option small{font-size:6px}.habitat-thumb{width:35px;height:34px}.team-strip{padding:12px 11px;gap:11px}.team-slots{gap:5px}.team-slot{padding:3px 0 6px;min-height:58px}.team-slot>span:not(.mini-hp){font-size:0;max-width:100%}.team-slot small{font-size:7px;margin:0}.team-slot .sprite{width:37px;height:37px}.team-slot.empty>span{font-size:18px!important}.team-slot.empty small{font-size:5px;letter-spacing:.5px}.strip-label{font-size:8px}.strip-label .icon{width:15px}.field-note{margin-top:17px;gap:10px}.field-note strong{font-size:9px}.field-note p{font-size:9px}.footer{padding:20px 15px;font-size:8px}.footer>span:last-child{display:none}.collection-total strong{font-size:29px}.collection-total strong span{font-size:17px}.collection-total>small{font-size:6px;letter-spacing:.6px}.collection-toolbar{flex-wrap:wrap;margin-bottom:17px}.segmented{order:0;flex:1}.segmented button{flex:1;font-size:9px;padding:8px 7px}.search-box{order:2;width:100%;margin:0}.search-box input{width:100%;font-size:11px}.collection-toolbar>label:last-child{order:1}.collection-toolbar select{font-size:9px}.dex-layout{display:flex;flex-direction:column-reverse;gap:17px}.dex-detail{position:static;display:flex;align-items:stretch;width:100%}.dex-detail .detail-art{width:120px;flex-shrink:0;min-height:180px;height:auto}.dex-detail .detail-art-ring{width:100px;height:100px}.dex-detail .detail-sprite{width:112px;height:112px}.dex-detail .detail-content{padding:16px;flex:1;min-width:0}.dex-detail .detail-content h2{font-size:27px}.dex-detail .detail-content>p{font-size:9px;line-height:1.7;margin-bottom:9px}.dex-detail .detail-content>.eyebrow{font-size:5px;letter-spacing:.8px}.dex-detail .detail-tags{margin:5px 0 8px}.dex-habitat{margin:10px 0;padding-top:10px}.dex-habitat span{font-size:6px}.dex-habitat strong{font-size:9px;margin-top:3px}.dex-detail .button{min-height:34px;font-size:9px;padding:8px}.evolution-chain{display:none}.dex-grid{grid-template-columns:repeat(3,1fr);gap:8px}.dex-card{padding:14px 4px 12px}.dex-card>.sprite{width:80px;height:80px}.dex-card strong{font-size:18px}.dex-card .type-tag{font-size:6px;padding:3px 4px}.roster-layout{display:flex;flex-direction:column-reverse}.creature-detail{position:static;display:grid;grid-template-columns:115px 1fr}.creature-detail .detail-art{height:100%;min-height:200px;width:115px}.creature-detail .detail-sprite{width:110px;height:110px}.creature-detail .detail-content{padding:15px}.creature-detail .detail-content>p{display:none}.creature-detail .detail-content h2{font-size:26px}.creature-detail .detail-tags{margin:7px 0 12px}.creature-detail .detail-health{margin:12px 0}.creature-detail .stat-grid{margin-bottom:12px;gap:5px}.creature-detail .stat-grid>div{padding:5px}.creature-detail .stat-grid strong{font-size:20px}.creature-detail .stat-grid span{font-size:7px}.detail-actions .button{font-size:8px;min-height:32px;padding:7px}.detail-art .dex-number{font-size:9px;left:9px}.evolution-note{font-size:8px;margin-top:12px;padding-top:12px}.evolution-note .button{font-size:8px;padding:7px 9px}.roster-grid{grid-template-columns:repeat(3,1fr);gap:8px}.roster-card{min-height:145px;padding:20px 7px 13px}.roster-card.empty{min-height:145px}.roster-card.empty small{font-size:7px;line-height:1.6}.roster-card>.sprite{width:69px;height:69px}.roster-card strong{font-size:18px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-meta{font-size:8px}.slot-number{font-size:6px;left:8px;top:9px}.evolve-pip{font-size:5px;right:6px;top:10px;letter-spacing:.3px}.moveset-row select{font-size:17px;min-width:160px}.moveset-row>div>small{font-size:8px}.moveset-row .type-tag{display:inline;font-size:6px}.reserve-list{grid-template-columns:repeat(2,1fr)}.challenge-grid{grid-template-columns:1fr;gap:18px}.challenge-art{height:160px}.challenge-info>p{min-height:0;font-size:11px}.challenge-meta{font-size:7px}.challenge-unlock{font-size:9px}.challenge-card .button{font-size:11px}.crest-progress{padding:18px 15px;margin-bottom:20px}.crest{width:31px;height:31px;border-radius:4px}.crest .icon{width:17px;height:17px}.crest-progress:before{top:33px;left:35px;right:35px}.crest-stop small{font-size:6px;letter-spacing:.5px;margin-top:11px}.challenge-team>span{width:58px}.challenge-team img{width:48px;height:48px}.intro-content{padding:31px 14px 18px}.intro-content>.eyebrow{font-size:7px;letter-spacing:2px}.intro-content h1{font-size:39px;line-height:1.02;margin:16px 0 15px}.intro-content>p{font-size:10px;line-height:1.8;max-width:330px;margin:auto}.desktop-only{display:none}.starter-grid{gap:9px;margin-top:23px}.starter-card{padding:20px 4px 15px}.starter-number{left:9px;top:9px;font-size:11px}.starter-check{right:7px;top:7px}.starter-check .icon{width:12px}.starter-art{height:97px}.starter-art .sprite{width:96px;height:96px}.art-ground{width:58px;height:13px;bottom:10px}.starter-name{font-size:22px;margin-top:3px;margin-bottom:7px}.starter-role{display:none}.starter-type{margin-bottom:0}.starter-type .type-tag{font-size:6px;padding:4px 6px}.starter-confirm{margin-top:23px;gap:18px}.starter-confirm p{font-size:10px;max-width:300px;min-height:32px}.starter-confirm .button{font-size:12px;width:100%;max-width:300px}.intro-meta{gap:11px;font-size:7px;line-height:1.5;margin-top:22px}.intro-meta>span{max-width:90px}.intro-meta>span+span:before{display:none}.onboarding{min-height:calc(100dvh - 114px)}.modal-backdrop{padding:15px}.modal{padding:22px;max-height:90dvh}.modal-heading h2{font-size:25px}.modal-heading{margin-bottom:18px}.help-steps{gap:16px}.help-steps span{font-size:10px}.help-steps strong{font-size:12px}.help-steps>div{gap:12px}.modal-buttons{flex-direction:column}.settings-save .button{padding:10px 12px}.evolution-glow .sprite{width:160px;height:160px}.modal .button{min-height:40px}#toast{font-size:10px;padding:12px 15px;width:max-content;max-width:calc(100vw - 30px)}
/* Keep the entire battle decision surface visible on a phone. */
.battle-shell{padding:0 9px;margin-top:11px}.battle-heading{font-size:8px;margin:0 5px 8px;gap:8px}.battle-heading>div{gap:5px}.battle-heading .text-button{font-size:8px;gap:4px}.battle-heading .text-button .icon{width:12px}.battle-heading .divider{display:none}.battle-heading>div:first-child>span:last-child{display:none}.battle-heading .turn-chip{font-size:7px;letter-spacing:1px}.battle-heading .icon-button{height:25px;width:25px}.battle-heading .icon-button .icon{width:16px}.battle-frame{border-width:1px;border-radius:5px}.battle-arena{height:254px}.health-plate{width:49%;min-width:0;padding:8px 9px 8px;border-width:1px;border-radius:4px 9px 4px 9px;box-shadow:0 3px 0 #193e3655}.health-plate.enemy{left:10px;top:17px}.health-plate.player{right:10px;bottom:14px}.plate-top{gap:5px;margin-bottom:6px}.plate-top strong{font-size:19px}.plate-top .level{font-size:10px;line-height:1;min-width:31px;text-align:right}.plate-top .level b{font-size:14px}.plate-types{margin-top:4px}.plate-types .type-tag{font-size:5px;padding:2px 3px;letter-spacing:.3px}.health-row{gap:4px}.health-row>span{font-size:8px}.health-row small{font-size:10px;min-width:36px}.health-row .health-track{height:5px}.health-plate .xp-track{height:2px;margin-top:5px;margin-left:14px}.wild-label{font-size:5px;letter-spacing:.5px;top:10px;right:8px;padding:3px 5px;gap:3px}.wild-label .icon{width:9px;height:9px}.enemy-party{top:96px;left:13px;gap:3px}.enemy-party .icon{width:12px;height:12px}.status-tag{font-size:5px;top:-7px;padding:3px 4px;right:8px}.shiny-star{font-size:11px;margin-left:2px}.battle-message{min-height:52px;padding:10px 12px;gap:9px;border-top-width:2px}.battle-message p{font-size:16px;line-height:1.2}.message-diamond{font-size:13px}.message-next{font-size:13px}.action-area{padding:10px;display:flex;flex-direction:column;gap:10px;min-height:179px}.move-grid{gap:7px}.move-button{min-height:54px;padding:8px 8px 7px;border-left-width:3px;gap:4px}.move-info strong{font-size:18px}.move-info small{font-size:5px;gap:2px;margin-top:3px}.move-info small>span{font-size:5px}.effectiveness{font-size:5px;letter-spacing:0;margin-left:1px}.move-pp{font-size:16px}.move-pp small{font-size:5px}.action-menu{padding:0;border:0;width:100%;grid-template-columns:repeat(4,1fr);gap:6px}.action-menu button{padding:8px 5px;justify-content:center;gap:4px;min-height:35px;font-size:9px}.action-menu .icon{width:14px;height:14px}.action-menu small{display:none}.battle-bottom{flex-wrap:wrap;gap:9px;padding:11px 6px 0}.battle-party{gap:4px}.party-token{width:35px;height:35px}.party-token .sprite{width:32px;height:32px}.battle-party>span{font-size:7px;margin-left:3px}.battle-bottom>p{gap:4px;font-size:7px}.battle-bottom>p>span{margin:0 2px}.battle-bottom>p .icon{width:12px;height:12px}.battle-shell+.footer{padding-top:17px}.controls-heading{gap:8px}.controls-heading strong{font-size:18px}.controls-heading>div>span{font-size:8px;line-height:1.5;margin-top:4px}.controls-heading .text-button{font-size:8px;white-space:nowrap}.capture-options{flex-direction:column;gap:8px}.capture-card{padding:9px 10px;gap:10px}.capture-card strong{font-size:19px}.capture-card small{font-size:7px}.capture-card>b small{font-size:5px}.bag-hint{padding:5px;font-size:9px}.switch-grid{grid-template-columns:repeat(2,1fr);gap:7px}.switch-card{min-height:48px;padding:6px}.switch-card strong{font-size:16px}.switch-card small{font-size:7px}.switch-card>.sprite{width:34px;height:34px}.reward-area,.outcome-area{padding:14px 12px;min-height:179px}.reward-heading{margin-bottom:12px;gap:8px;align-items:flex-start}.reward-heading h3,.outcome-area h3{font-size:20px;line-height:1.2}.reward-heading>span{font-size:5px;letter-spacing:.5px;max-width:60px;white-space:normal;text-align:right;line-height:1.5}.reward-heading .eyebrow,.outcome-area .eyebrow{font-size:6px}.reward-grid{gap:7px}.reward-card{padding:9px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.reward-card .reward-icon .icon{width:17px;height:17px}.reward-card strong{font-size:17px;line-height:1.1}.reward-card small{font-size:7px;line-height:1.5}.outcome-area{gap:14px;justify-content:center}.outcome-buttons{justify-content:stretch}.outcome-buttons .button{flex:1;font-size:10px;padding:10px;gap:6px;min-height:40px}.outcome-buttons .button .icon{width:15px}.outcome-area p{font-size:9px;line-height:1.5}.waiting{font-size:18px;min-height:159px}}
@media(max-width:360px){.intro-content h1{font-size:35px}.starter-grid{gap:6px}.starter-art .sprite{width:83px;height:83px}.starter-art{height:85px}.starter-name{font-size:20px}.nav-link{gap:4px;font-size:8px}.nav-link b{display:none}.battle-arena{height:232px}.plate-top strong{font-size:17px}.health-row small{font-size:9px;min-width:32px}.move-info strong{font-size:16px}.battle-party{gap:3px}.party-token{width:31px;height:32px}.party-token .sprite{width:28px;height:28px}.battle-bottom{gap:8px}.health-plate{padding:7px}.hero-creatures .wanderer{width:60px;height:60px}.dex-grid{gap:6px}.dex-card>.sprite{width:70px;height:70px}.dex-card strong{font-size:16px}.collection-toolbar .segmented button{font-size:8px}.creature-detail{grid-template-columns:95px 1fr}.creature-detail .detail-art{width:95px}.creature-detail .detail-sprite{width:92px;height:92px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Tactical information remains legible at the point of decision. */
.move-info small,.move-info small>span{font-size:10px;line-height:1.4;letter-spacing:0;color:#48624b}
.move-info .effectiveness{font-size:10px;letter-spacing:0;margin-left:3px;font-weight:700}
.move-pp small{font:500 9px/1.3 var(--body);color:#48624b}
.plate-types .type-tag{font-size:8px;letter-spacing:.3px;padding:3px 5px}
.status-tag{font:700 10px var(--body)}
.capture-card small,.controls-heading>div>span,.reward-card small{font-size:11px;line-height:1.5}
.capture-card>b small{font-size:9px}
.action-menu button{font-size:11px;min-height:44px}
.health-plate .level,.health-row small{font-family:var(--body);font-variant-numeric:tabular-nums}
@media(max-width:800px){
  .move-info small,.move-info small>span,.move-info .effectiveness{font-size:8px}
  .move-pp small{font-size:8px}
  .move-info strong{font-size:18px}
  .controls-heading>div>span{font-size:10px}
  .capture-card small,.reward-card small{font-size:10px}
}
@media(max-width:600px){
  .move-button{min-height:62px;padding:8px 7px;align-items:center}
  .move-info{min-width:0}
  .move-info strong{font-size:19px;line-height:1.05;display:block;white-space:normal}
  .move-info small{display:block;font-size:9px;line-height:1.4;margin-top:5px}
  .move-info small>span,.move-info .effectiveness{font-size:9px}
  .move-info .effectiveness{margin-left:2px}
  .move-pp{font:600 15px/1.1 var(--body);min-width:21px}
  .move-pp small{font-size:8px;margin-top:5px}
  .action-menu button{min-height:44px;font-size:10px;padding:8px 4px}
  .action-menu .icon{width:12px;height:12px}
  .plate-types .type-tag{font-size:7px;padding:2px 3px}
  .health-row small{font-size:9px}
  .status-tag{font-size:8px}
  .controls-heading strong{font-size:19px}
  .controls-heading .text-button{font-size:10px;min-height:36px}
  .capture-card strong{font-size:20px}
  .capture-card small{font-size:9px}
  .capture-card>b small{font-size:8px}
  .capture-card .capture-orb{width:25px;flex-shrink:0}
  .reward-card small{font-size:9px}
  .reward-heading>span{font-size:8px;max-width:80px}
  .switch-card small{font-size:9px}
  .switch-card{min-height:54px}
  .health-plate .level{font-size:10px}
  .health-plate .level b{font:600 12px var(--body)}
}
.lead-button{margin-bottom:9px}
.currency{border-radius:4px;padding:7px 5px;min-height:36px}
.currency:hover{background:#2a4038}
.shop-list{display:grid;gap:12px;margin-top:24px}
.shop-item{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;border:1px solid #46614f;background:#213b35;border-radius:6px}
.shop-item:hover:not(:disabled){background:#2b493e;border-color:var(--accent)}
.shop-item>span:nth-child(2){flex:1}
.shop-item strong{display:block;font:22px var(--pixel)}
.shop-item small{display:block;font:11px/1.5 var(--body);color:#b4c6b7;margin-top:4px}
.shop-symbol{color:var(--accent);display:grid;place-items:center;width:30px}
.shop-symbol>.icon{width:26px;height:26px}
.shop-price{font-size:16px;white-space:nowrap;color:var(--accent);text-align:right;font-weight:700}
.shop-price .icon{width:15px;margin-right:5px}
.shop-price small{font-size:9px;letter-spacing:1px}
.shop-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:18px}
@media(max-width:600px){.shop-item{padding:12px;gap:10px}.shop-item strong{font-size:20px}.shop-item small{font-size:10px}.shop-symbol{width:22px}.shop-price small{font-size:8px}.currency{padding:6px 2px}}
/* The full field guide is an index; owned companions keep their larger cards. */
.dex-grid.compact{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.dex-grid.compact .dex-card{padding:8px 3px 7px;min-height:84px}
.dex-grid.compact .dex-card>.sprite{width:56px;height:56px;margin:3px auto 0}
.dex-grid.compact .dex-card strong{font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis}
.dex-grid.compact .dex-card>span:last-child{display:none}
.dex-grid.compact .dex-number{font:500 9px var(--body);top:6px;left:6px;letter-spacing:0}
.dex-grid.compact .caught-mark{right:5px;top:5px}
.dex-grid.compact .caught-mark .icon{width:10px;height:10px}
.dex-grid.compact .undiscovered .silhouette{filter:brightness(0) invert(.43) sepia(.3) saturate(.6);opacity:.6}
.dex-grid.compact .undiscovered strong{font-size:12px}
.dex-detail,.creature-detail{scroll-margin-top:16px}
@media(max-width:1100px){.dex-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}}
@media(max-width:800px){.dex-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dex-grid.compact .dex-card strong{font-size:14px}}
@media(max-width:600px){.dex-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.dex-grid.compact .dex-card{min-height:87px;padding-top:10px}.dex-grid.compact .dex-card>.sprite{width:56px;height:56px}.dex-grid.compact .dex-card strong{font-size:15px}.dex-detail .detail-content>p{font-size:10px}.dex-detail .detail-content>.eyebrow{font-size:7px}.dex-habitat span{font-size:8px}}
.move-button>.move-info{flex:1;min-width:0}
.move-button>.move-pp{flex:0 0 40px;text-align:right}
.move-info small{white-space:normal;overflow-wrap:normal}
.move-info .effectiveness{display:inline-block;white-space:nowrap}
@media(max-width:600px){
  .move-button>.move-pp{flex-basis:28px}
  .move-info strong{overflow-wrap:anywhere}
  .move-info small{white-space:normal}
}
/* Each habitat card carries its own difficulty and collection goal. */
.habitat-progress{display:block;margin-top:5px;color:#a4b9a7;font-size:10px;font-variant-numeric:tabular-nums}
.habitat-option small{font-size:8px;letter-spacing:.6px}
@media(max-width:800px){.habitat-progress{font-size:9px}.habitat-option small{font-size:7px;letter-spacing:.2px}}
@media(max-width:360px){.habitat-option{gap:7px}.habitat-thumb{width:28px}}
/* Sound controls share the same settings on the title screen and in battle. */
.sound-toggle[aria-pressed="true"]{color:var(--accent)}
.sound-settings{padding:18px 0 22px;border-top:1px solid var(--line)}
.sound-settings label{display:flex;justify-content:space-between;font-size:12px;color:#d1ddbd}
.sound-settings output{font-variant-numeric:tabular-nums;color:var(--accent)}
.sound-settings input[type="range"]{display:block;width:100%;height:34px;margin:8px 0 12px;padding:0;accent-color:var(--accent);cursor:pointer;background:transparent}
.sound-settings p{font-size:10px;color:var(--muted);margin-top:10px}
.music-heading{margin-bottom:14px}
.music-settings{border-top:0;padding-top:0;padding-bottom:12px}
@media(max-width:360px){.brand{font-size:23px;gap:5px}.brand-mark,.brand-mark .icon{width:23px}.brand small{font-size:5px;letter-spacing:1.3px}.header-tools .icon-button{width:28px}.currency{font-size:10px}}
/* October 17: a more deliberate field journal and readable battle command deck. */
.journey-goal{display:flex;align-items:center;gap:18px;padding:17px 22px;margin:0 0 22px;border:1px solid #546354;border-left:3px solid var(--accent);background:linear-gradient(110deg,#293e35,#192e30);border-radius:5px;box-shadow:0 5px 20px #07141620}
.goal-emblem{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;color:var(--accent);background:#d7b6770b;border:1px solid #c6aa6c44;transform:rotate(-4deg);border-radius:10px}
.goal-emblem .icon{width:26px;height:26px;transform:rotate(4deg)}
.journey-goal>div:nth-child(2){flex:1}.journey-goal .eyebrow{font-size:8px;letter-spacing:1.8px;color:#cfb780}.journey-goal h2{font:500 25px/1.2 var(--pixel);margin:5px 0}.journey-goal p{color:#b8c8b7;font-size:11px;line-height:1.6;margin:0}.goal-action{min-width:170px}.goal-action .text-button{min-height:32px;font-size:11px;color:#f0d49d}.goal-track{display:block;height:3px;background:#d2dfbd19;border-radius:2px;overflow:hidden;margin:0 0 7px}.goal-track i{display:block;background:var(--accent);height:100%;min-width:5px}
.habitat-hero{border-color:#5a7061;box-shadow:0 14px 40px #030e1340}.habitat-title h2{text-shadow:0 3px #0b272cc0,0 0 25px #0b272c66}.habitat-option.active{box-shadow:inset 3px 0 var(--accent),0 4px 14px #091b2433}.habitat-option strong{font-size:12px}.habitat-progress{font-size:11px}.hero-creatures .wanderer{filter:drop-shadow(0 7px 1px #0c253c45);image-rendering:pixelated}.hero-creatures .wanderer.unseen{filter:brightness(.32) sepia(.4) drop-shadow(0 7px 1px #0c253c45)}
.battle-frame{border-color:#a29b70;box-shadow:0 5px 0 #071719,0 0 0 3px #142a2f,0 20px 60px #0005;overflow:hidden}.battle-arena{height:390px}.arena-grain{opacity:.25}.health-plate{background:#f6f0dfea;border-color:#273e3d;box-shadow:0 4px 0 #142b3d50;backdrop-filter:blur(2px)}.health-plate.enemy{border-left:4px solid #b5c4a3}.health-plate.player{border-left:4px solid #e0bb72}.plate-top strong{font-size:26px}.health-row .health-track{position:relative;overflow:hidden;height:8px;background:#354d3c30}.health-row .health-track>i{position:relative;z-index:1}.health-row small{font-size:12px;font-weight:600;color:#26473e}.health-row>span{color:#3d6551;font-size:9px;font-weight:700}.health-track .hp-loss{position:absolute;inset:0 auto 0 0;width:var(--hp-before);background:#dfbd73;animation:hp-loss .6s ease-out forwards}.hp-changing .health-track>i{animation:hp-fill .3s ease-out}.hp-change{position:absolute;z-index:6;right:18px;top:-23px;font:700 30px/1 var(--pixel);color:#fff4d6;text-shadow:2px 2px #322a32,-1px -1px #322a32;animation:hp-number .7s ease-out both;pointer-events:none}.hp-change.heal{color:#c2f0a5}.hp-change small{display:block;font:700 8px/1.5 var(--body);letter-spacing:.4px;margin-top:4px}.health-plate.player .hp-change{right:auto;left:18px}.turn-chip{font:600 11px var(--body);letter-spacing:1px}.battle-heading .speed{color:var(--accent);min-height:30px;min-width:34px}.battle-message{border-top:2px solid #bda471;background:#1c363d;min-height:58px}.battle-message p{font-size:21px;line-height:1.25;color:#f6f0dc}.message-diamond{color:#efc982}.wild-label{background:#17343cde;border:1px solid #a4b6a45e;color:#fff1cf;font-size:8px;padding:6px 9px;box-shadow:0 3px 0 #102b3030}
.command-area{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:12px 18px;background:linear-gradient(135deg,#162d34,#203b3b);padding:16px 19px 12px;border-top:1px solid #cdb87d38;min-height:208px}.command-area .move-grid{gap:9px}.command-area .move-button{background:#294149;border-color:#536764;border-left:4px solid var(--type);color:#f4edda;padding:10px 12px;min-height:76px;box-shadow:0 3px 0 #0e242a;transition:background .12s,transform .12s,border-color .12s}.command-area .move-button:hover:not(:disabled),.command-area .move-button:focus-visible{background:#365354;border-color:var(--type);transform:translateY(-1px)}.command-area .move-key{color:#bdc7ad;border-color:#819c7f55}.command-area .move-info strong{font-size:23px;line-height:1.1}.command-area .move-info small{display:flex;gap:10px;align-items:center;margin-top:5px;color:#d1dcca;font-size:10px}.command-area .move-info small>span{font-size:8px;font-weight:700;letter-spacing:.6px;color:#bfceba}.command-area .move-info small>b{font:600 11px var(--body);color:#f6e6c5}.command-area .move-hint{display:block;color:#a8bfb2;font:10px/1.3 var(--body);margin-top:4px}.command-area .risky .move-hint{color:#f5bf9d}.command-area .move-hint.advantage{color:#bfdf9b}.command-area .move-pp{color:#f1d9ac;font:600 19px/1 var(--body)}.command-area .move-pp small{color:#c0cfbd;font:9px/1.4 var(--body);margin-top:5px}.command-area .action-menu{width:auto;align-self:stretch;padding-left:17px;border-color:#b5bc9833}.command-area .action-menu button{background:#344943;border:1px solid #78836a;color:#f5ecd8;min-height:48px;font-size:11px;gap:7px}.command-area .action-menu button:first-child{background:#d9bd81;border-color:#f0d395;color:#263b37}.command-area .action-menu button:hover:not(:disabled){border-color:#ecd39c;filter:brightness(1.08)}.command-area .action-menu button>b{font-size:10px;font-weight:700;margin-left:auto}.command-area .action-menu small{color:inherit;opacity:.65}.forecast-note{grid-column:1/-1;margin:0;color:#b6c4b7;font-size:10px;line-height:1.4;min-height:14px}
.capture-area{display:block;background:#f3efdc}.capture-area .controls-heading{margin-bottom:14px}.capture-readiness{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;border:1px solid #b6c2a8;background:#e4e7d3;border-radius:4px;padding:12px 15px;margin-bottom:11px;color:#344d3d}.capture-readiness>div{min-width:0}.capture-readiness>div>span{display:block;font-size:8px;letter-spacing:1px;color:#536e51;font-weight:700}.capture-readiness strong{display:block;font:600 23px/1.2 var(--pixel);margin:5px 0;text-transform:capitalize}.capture-readiness small{font-size:10px;line-height:1.4}.capture-readiness strong.positive{color:#3b6b45}.readiness-track{display:block;height:5px;background:#2a4b3925;margin-top:8px;overflow:hidden;border-radius:2px}.readiness-track>b{display:block;height:100%;background:#9caa73}.capture-advice{display:flex;align-items:center;gap:15px;margin:10px 0 14px}.capture-advice p{flex:1;font-size:11px;line-height:1.5;color:#425e43;margin:0}.capture-advice .text-button{flex-shrink:0;min-height:36px;color:#2b624b;font-size:11px}.capture-advice .text-button small{font-size:7px;color:#61775a}.capture-advice.warning p{color:#9e4e30}.capture-card{box-shadow:0 3px 0 #9ca98b44}.capture-card.prism{border-color:#968eac;background:#e6e2ec}.capture-card.prism .capture-orb{color:#786294}.capture-card b{font-size:27px}
.waiting-area{background:linear-gradient(135deg,#162d34,#203b3b);min-height:208px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#e4dfc7}.waiting-area .waiting{min-height:40px;color:#e9e4cd;font-size:22px}.battle-beats{display:flex;align-items:center;justify-content:center;gap:24px}.battle-beats span{font-size:10px;color:#98aea3;display:flex;gap:7px;align-items:center}.battle-beats span i{display:block;width:5px;height:5px;background:#54746b;border-radius:50%}.battle-beats .current{color:#e2c795}.battle-beats .current i{background:#e7bd78;box-shadow:0 0 8px #e7bd7866}.battle-result{display:flex;align-items:center;gap:17px;border-bottom:1px solid #a3b294;margin-bottom:17px;padding-bottom:12px}.battle-result>.result-companion{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 5px 0 #54704e20)}.battle-result>div{flex:1}.battle-result strong{font:600 27px var(--pixel);display:block;margin:4px 0}.battle-result .eyebrow{font-size:8px;color:#5e7650}.result-gains{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:11px;color:#486447}.result-gains>span{display:flex;align-items:center;gap:4px}.result-gains .icon{height:12px;width:12px}.result-emblem{display:grid;place-items:center;width:57px;height:57px;background:#dde3c8;border:1px solid #9bae82;border-radius:8px;color:#55724b}.result-emblem .icon{width:30px;height:30px}
@keyframes hp-fill{from{width:var(--hp-before)}to{width:var(--hp-after)}}@keyframes hp-loss{0%,30%{width:var(--hp-before)}100%{width:var(--hp-after)}}@keyframes hp-number{from{transform:translateY(8px);opacity:0}20%,70%{opacity:1}to{transform:translateY(-12px);opacity:0}}
.reduced-motion .hp-changing .health-track>i,.reduced-motion .health-track .hp-loss,.reduced-motion .hp-change{animation:none}.reduced-motion .hp-loss{width:var(--hp-after)}
@media(max-width:900px){.command-area{grid-template-columns:minmax(0,1fr) 170px;gap:10px}.command-area .action-menu{padding-left:10px}.command-area .move-info strong{font-size:20px}.journey-goal{padding:16px;gap:12px}.goal-action{min-width:145px}}
@media(max-width:600px){
 .journey-goal{padding:13px 14px;gap:12px;flex-wrap:wrap;margin-bottom:17px}.goal-emblem{width:36px;height:36px}.goal-emblem .icon{width:20px;height:20px}.journey-goal h2{font-size:22px}.journey-goal p{font-size:10px}.journey-goal .eyebrow{font-size:7px}.goal-action{margin-left:48px;min-width:0;width:calc(100% - 48px);display:flex;align-items:center;gap:14px}.goal-track{width:60px;flex-shrink:0;margin:0}.goal-action .text-button{font-size:10px;min-height:28px}.habitat-option strong{font-size:11px}.habitat-progress{font-size:9px}
 .battle-arena{height:250px}.health-plate{padding:8px 9px;width:49%}.health-plate.enemy,.health-plate.player{border-left-width:2px}.health-plate.enemy{top:17px;left:9px}.health-plate.player{bottom:15px;right:9px}.plate-top strong{font-size:20px}.health-row .health-track{height:6px}.health-row small{font-size:9px}.health-row>span{font-size:7px}.wild-label{font-size:6px;padding:4px 6px;top:10px;right:8px}.hp-change{font-size:25px;top:-19px}.hp-change small{font-size:6px}.battle-heading .turn-chip{font-size:9px}.battle-message{min-height:51px;padding:10px 12px}.battle-message p{font-size:17px}.command-area{display:flex;flex-direction:column;padding:10px;gap:9px;min-height:230px}.command-area .move-grid{gap:7px}.command-area .move-button{padding:9px 8px;border-left-width:3px;min-height:78px;gap:4px}.command-area .move-info strong{font-size:19px;line-height:1.1}.command-area .move-info small{gap:6px;font-size:9px;flex-wrap:wrap;line-height:1.2;margin-top:5px}.command-area .move-info small>span{font-size:7px;letter-spacing:.2px}.command-area .move-info small>b{font-size:10px}.command-area .move-hint{font-size:8px;line-height:1.3;margin-top:5px}.command-area .move-pp{font-size:14px}.command-area .move-pp small{font-size:7px}.command-area .action-menu{padding:0;border:0;width:100%;gap:6px}.command-area .action-menu button{min-height:44px;font-size:10px;padding:7px 5px;gap:4px}.command-area .action-menu button>b{font-size:8px;margin-left:0}.command-area .action-menu button:first-child{gap:3px}.command-area .action-menu button:first-child .icon{display:none}.forecast-note{font-size:8px;line-height:1.4}.waiting-area{min-height:242px;padding:15px}.waiting-area .waiting{font-size:20px;min-height:40px;text-align:center}.battle-beats{gap:14px}.battle-beats span{font-size:8px}.capture-area{padding:12px}.capture-area .controls-heading{margin-bottom:12px}.capture-readiness{gap:10px;padding:10px}.capture-readiness>div>span{font-size:6px;letter-spacing:.4px}.capture-readiness strong{font-size:20px}.capture-readiness small{font-size:8px}.capture-advice{display:block;margin:10px 0}.capture-advice p{font-size:10px}.capture-advice .text-button{font-size:10px;min-height:36px}.capture-advice .text-button small{font-size:6px}.battle-result{gap:10px;margin-bottom:13px;padding-bottom:10px}.battle-result>.result-companion{width:62px;height:62px}.battle-result strong{font-size:24px}.result-gains{font-size:9px;gap:5px 10px}.battle-result .eyebrow{font-size:6px}.battle-bottom{padding-top:10px}.battle-shell+.footer{padding-top:14px}
}
@media(max-width:360px){.battle-arena{height:235px}.plate-top strong{font-size:18px}.command-area .move-info strong{font-size:17px}.command-area .move-button{padding:8px 6px}.command-area .move-info small{gap:4px}.command-area .move-info small>b{font-size:9px}.command-area .move-hint{font-size:7px}.command-area .move-info small>span{font-size:6px}.command-area .move-button>.move-pp{flex-basis:24px}.command-area .action-menu button{font-size:9px}.battle-beats{gap:8px}.journey-goal h2{font-size:20px}}

/* Keep both capsule choices alongside the arena on phones. */
@media(max-width:600px){
 .capture-area{padding:10px 12px}
 .capture-area .controls-heading{margin-bottom:8px;align-items:center;gap:6px}
 .capture-area .controls-heading strong{font-size:19px}
 .capture-area .controls-heading>div>span{font-size:9px;max-width:215px;line-height:1.4;margin-top:3px}
 .capture-area .controls-heading .text-button{min-height:44px;padding:0 2px;font-size:9px}
 .capture-readiness{padding:7px 9px;gap:8px;margin-bottom:8px}
 .capture-readiness>div>span{font-size:8px;letter-spacing:0}
 .capture-readiness strong{font-size:19px;margin:3px 0 0}
 .capture-readiness small,.capture-readiness .readiness-track{display:none}
 .capture-advice{margin:8px 0}
 .capture-advice p{font-size:10px;line-height:1.4}
 .capture-advice .text-button{min-height:44px;font-size:10px;gap:7px}
 .capture-advice .text-button small{font-size:7px}
 .capture-area .capture-options{gap:7px}
 .capture-area .capture-card{padding:8px 9px;min-height:51px;gap:7px}
 .capture-area .capture-card>span:nth-child(2)>small{display:none}
 .capture-area .capture-card strong{font-size:19px;line-height:1.1}
 .capture-area .capture-card strong small{font-size:10px;margin-left:3px}
 .capture-area .capture-card>b{font-size:24px}
 .capture-area .capture-card>b small{font-size:8px;line-height:1.1}
}
/* Field preparation: six compact slots and a focused companion workbench. */
.team-page{max-width:1260px}.team-page .page-heading{margin-bottom:22px}.formation{margin-bottom:24px}.formation .section-label{margin-bottom:10px}.formation .roster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.formation .roster-card{min-height:133px;padding:18px 10px 11px;background:linear-gradient(145deg,#25403b,#172c31);overflow:hidden}.formation .roster-card.selected{border-color:#e6bf7e;background:linear-gradient(145deg,#43543d,#253d38);box-shadow:inset 0 -3px #e6bf7e}.formation .roster-card>.sprite{width:64px;height:64px;filter:drop-shadow(0 4px 0 #061f2d44)}.formation .roster-card strong{font-size:21px;margin-top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.formation .roster-meta{font-size:9px}.formation .slot-number{font-size:8px;top:8px;left:9px}.formation .roster-card .health-track{width:75%;margin-top:7px;height:3px}.formation .roster-card.empty{min-height:133px;opacity:.45;border-style:dashed;background:#142a2a}.formation .roster-card.empty>span{font-size:23px}.formation .roster-card.empty small{font-size:8px;margin-top:7px;letter-spacing:1px}.formation .roster-card.fainted>.sprite{filter:grayscale(.7);opacity:.6}
.team-workbench{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start;scroll-margin-top:16px;outline:none}.companion-sheet{display:block;background:#1a3234;border-color:#536655;border-radius:7px;padding:16px}.companion-identity{display:flex;align-items:center;gap:13px}.companion-identity>div:last-child{flex:1;min-width:0}.companion-identity .detail-art{width:110px;height:120px;flex:0 0 110px;margin:0;border:1px solid #627965;background-size:auto 100%;background-position:center;isolation:isolate;overflow:hidden;border-radius:5px}.companion-identity .detail-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#112c3677);z-index:-1}.companion-identity .detail-sprite{width:105px;height:105px;position:relative;margin:13px auto 0;filter:drop-shadow(0 6px 1px #08212a55)}.companion-identity .dex-number{top:6px;left:7px;font-size:8px;color:#f1e5be}.companion-identity .eyebrow{font-size:7px;letter-spacing:1px}.companion-identity .detail-name{display:block;margin:6px 0}.companion-identity .detail-name h2{font:500 31px/1.05 var(--pixel);overflow-wrap:anywhere}.companion-identity .level{display:block;margin-top:5px;font-size:11px;color:#bdcdb5}.companion-identity .level b{font-size:13px}.companion-identity .type-tag{padding:3px 5px;font-size:8px}.companion-condition{display:block;margin-top:9px;font-size:10px;color:#afc2b1;text-transform:capitalize}.companion-vitals{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.companion-vitals>div>span{display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;font-size:8px;color:#9bb4a6;margin-bottom:7px}.companion-vitals b{font-weight:500;color:#e2e3c9;white-space:nowrap}.companion-vitals .xp-track,.companion-vitals .health-track{height:5px;background:#0d252b}.companion-sheet .stat-grid{gap:8px;margin:0 0 14px}.companion-sheet .stat-grid>div{padding:7px 5px;background:#263e3c}.companion-sheet .stat-grid span{font-size:9px;color:#a6beb0}.companion-sheet .stat-grid strong{font-size:23px;margin-top:1px}.companion-tools{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.companion-tools .button{font-size:10px;min-height:40px;padding:9px 11px;flex:1;white-space:normal}.companion-tools .lead-button{margin:0}.companion-tools .text-button{font-size:10px;min-height:40px;margin:0 3px}.companion-sheet .evolution-note{margin-top:12px;padding-top:12px;font-size:10px;min-height:35px}.companion-sheet .evolution-note .button{min-height:40px}.companion-lore{margin-top:13px;color:#a9beb1;font-size:10px;line-height:1.7}.companion-lore summary{cursor:pointer;min-height:30px;color:#d5c79e}.companion-lore p{margin-top:4px}.moves-panel{min-width:0}.moves-panel>.section-label{min-height:20px;margin-bottom:10px;font-size:10px}.moves-panel>.section-label>span{font-size:8px;letter-spacing:.4px}.loadout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.loadout-card{text-align:left;display:flex;flex-direction:column;min-width:0;min-height:174px;padding:15px 16px;border:1px solid #4e6660;border-left:3px solid var(--type);border-radius:6px;background:linear-gradient(120deg,#263e42,#20363c);box-shadow:0 3px 0 #0b2023;color:#e9e6d5}.loadout-card:hover:not(:disabled){background:#304c4b;border-color:#d7bb83}.loadout-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-bottom:10px}.loadout-top .slot-number{position:static;font-size:8px;letter-spacing:1px;color:#a6bbb0}.loadout-change{display:flex;align-items:center;gap:4px;font-size:9px;color:#dfc68c}.loadout-change .icon{width:12px;height:12px}.loadout-card>strong{font:500 26px/1.05 var(--pixel);margin:0 0 10px}.loadout-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;color:#c2d1bf}.loadout-meta .type-tag{font-size:8px;padding:3px 5px}.loadout-card>p{font-size:10px;line-height:1.6;color:#aec2b9;margin-top:10px;flex:1}.loadout-accuracy{font-size:9px;color:#d1d9bb;margin-top:8px}.loadout-card.empty{border-style:dashed;background:#182e31;color:#829e92;box-shadow:none}.loadout-card.empty>strong{font-size:22px}.training-tip{display:flex;gap:9px;align-items:flex-start;padding:13px 2px;color:#a4b9ac}.training-tip>.icon{width:15px;height:15px;flex-shrink:0;margin-top:3px;color:#d4bd8b}.training-tip p{font-size:10px;line-height:1.7}.training-tip strong{font-weight:500;color:#e2d9b8}.reserve-heading{margin-top:15px}.moves-panel .reserve-list{grid-template-columns:repeat(3,minmax(0,1fr))}.reserve-card.selected{border-color:var(--accent)}.reserve-card>.icon{width:12px;margin-left:auto}.reserve-card>span{min-width:0;overflow-wrap:anywhere}
.move-library-modal{max-width:620px}.move-library-modal .modal-lead{font-size:12px}.move-library{display:grid;gap:10px;margin-top:20px}.learned-move{text-align:left;border:1px solid #536e62;border-left:4px solid var(--type);background:#223b3d;padding:13px 15px;border-radius:5px;min-height:102px}.learned-move:hover:not(:disabled){border-color:var(--accent);background:#304c43}.learned-move:disabled{opacity:.65}.learned-move.current{border-color:#c4ae76;opacity:1;background:#39493d}.learned-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.learned-heading>strong{font:24px var(--pixel)}.learned-heading>small{margin-left:auto;font-size:8px;letter-spacing:.5px;color:#dfc88f;display:flex;align-items:center;gap:5px}.learned-heading .icon{width:13px;height:13px}.move-facts{display:flex;flex-wrap:wrap;gap:6px 14px;color:#d1dcbc;font-size:10px;margin:8px 0}.learned-move p{font-size:11px;line-height:1.5;color:#a8c0b5}.move-library-note{font-size:10px;line-height:1.6;color:#9fb6a9;margin-top:17px}
/* Results become a field report with a deliberate reward and onward action. */
.result-shell{max-width:1050px;margin-top:28px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 3px 15px}.result-heading>.eyebrow{font-size:9px;letter-spacing:1.5px}.result-seal{display:flex;align-items:center;gap:7px;color:#d3d6b7;font-size:8px;letter-spacing:1px}.result-seal .icon{height:15px;width:15px}.field-report{border:1px solid #c2ac7c;box-shadow:0 5px 0 #091a1e,0 20px 60px #0004}.result-hero{position:relative;display:flex;gap:30px;align-items:center;min-height:224px;padding:22px 42px;background-size:cover;background-position:center 40%;isolation:isolate;overflow:hidden}.result-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#183b3c33,#122c35e8 48%,#122a32f5);z-index:-1}.result-art{position:relative;display:grid;place-items:center;width:180px;height:180px;flex:0 0 180px;isolation:isolate}.report-sprite{width:170px;height:170px;filter:drop-shadow(0 8px 1px #09272955)}.report-ring{position:absolute;width:155px;height:155px;border:1px solid #e5dba77a;border-radius:50%;z-index:-1;box-shadow:0 0 0 12px #e6d69b0c,0 0 50px #e9df8c33;background:#e7dd9c0a}.report-spark{position:absolute;color:#f3db91;text-shadow:0 0 10px #efe7b999;font-size:22px}.spark-one{left:0;top:15px}.spark-two{right:0;bottom:26px;font-size:30px}.report-title{min-width:0}.report-title>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#e5c78c}.report-title h1{font:500 48px/1.05 var(--pixel);margin:10px 0;color:#f2ecd5}.report-title>p{font-size:12px;color:#bdccbd;line-height:1.6}.report-gains{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;color:#e9d9a4;margin-top:18px;font-size:12px}.report-gains>span{display:flex;gap:5px;align-items:center}.report-gains .icon{height:16px;width:16px}.report-progress{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#263e3b;border-top:1px solid #6e7a5f;border-bottom:1px solid #5a6954;padding:17px 29px}.report-progress>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;font-size:10px;color:#c3d2bf}.report-progress>div>span>small{font-size:8px;color:#adc1aa;margin-left:8px}.report-progress b{font-size:10px;color:#e7d69f;font-weight:500}.report-progress .xp-track{width:100%;height:4px;background:#152d2f}.report-progress .xp-track>i{background:#a9c389}.report-rewards{background:#f0edda;color:#253d3a;padding:22px 27px}.report-rewards .reward-heading{align-items:center;margin-bottom:15px}.report-rewards .reward-heading h2{font:500 26px/1.1 var(--pixel)}.report-rewards .reward-heading>span{font-size:8px;color:#6a795b;letter-spacing:1px;max-width:none}.report-rewards .reward-grid{gap:12px}.field-reward{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:15px 16px;background:#f9f7e9;border:1px solid #b2bba0;border-radius:5px;box-shadow:0 3px 0 #a5af8d44;min-height:166px;text-align:left}.field-reward:hover{border-color:#5a8060;background:#fffff1}.field-reward .reward-icon{width:35px;height:35px;display:grid;place-items:center;background:#e8dfba;border:1px solid #c8b883;border-radius:50%;color:#76643c}.field-reward .reward-icon .icon{width:20px;height:20px}.field-reward>span:nth-child(2){flex:1}.field-reward strong{font:500 24px var(--pixel);display:block;margin-bottom:6px}.field-reward b{display:block;font-size:11px;line-height:1.5;color:#3e6347;font-weight:600}.field-reward small{display:block;font-size:10px;color:#687b5b;line-height:1.5;margin-top:4px}.reward-pick{display:flex;align-items:center;gap:6px;color:#627549;font-size:9px}.reward-pick .icon{width:13px;height:13px}.report-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #bdc3a8;margin-top:21px;padding-top:18px}.report-actions .button{min-width:175px;min-height:46px}.report-actions .button.subtle{background:#e7e8d3;color:#496045;border-color:#adb99b}.report-actions .button.primary{border-color:#b89a5d}.report-actions .button:disabled{opacity:.5}.report-footnote{font-size:10px;text-align:right;color:#78836a;margin-top:11px}.reward-receipt{display:flex;align-items:center;gap:15px;min-height:118px;color:#49684c}.reward-receipt>.icon{width:36px;height:36px;padding:8px;border:1px solid #94ac7c;border-radius:50%;background:#dae4c6}.reward-receipt strong{display:block;font:500 29px var(--pixel);color:#2d4f41}.reward-receipt p{font-size:12px;line-height:1.7;margin-top:8px;max-width:640px}.report-team-link{display:flex;justify-content:center;width:100%;margin-top:12px;min-height:36px;color:#4b7050}
/* Matchup information belongs to the switch decision. */
.tactical-switch{display:block;background:#f2efdc;padding:18px 20px}.tactical-switch .controls-heading{margin-bottom:13px}.tactical-switch .controls-heading strong{font-size:25px}.tactical-switch .controls-heading>div>span{font-size:11px;color:#698066;margin-top:5px}.tactical-switch .controls-heading>.text-button{min-height:44px;color:#426c53}.tactical-switch .switch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tactical-card{display:block;min-height:113px;padding:10px 13px;background:#fcf9e7}.switch-identity{display:flex;align-items:center;gap:9px}.switch-identity>.sprite{width:44px;height:44px;flex-shrink:0}.switch-identity>span{flex:1;min-width:0}.switch-identity strong{font:500 23px var(--pixel)}.switch-identity small{font-size:10px;display:block;color:#6c8061;margin-top:2px}.switch-forecast{padding-top:7px;border-top:1px solid #b9c7a34d;margin-top:7px}.switch-forecast>span{display:block;color:#4b704e;font-size:10px;font-weight:600}.switch-forecast>span.risk{color:#ae6145}.switch-forecast>small{display:block;font-size:9px;line-height:1.5;color:#687b60;margin-top:4px}.switch-note{font-size:10px;color:#687e61;line-height:1.5;margin-top:12px}.tactical-card.selected{border-color:#beaa75}
@media(max-width:900px){.team-workbench{grid-template-columns:290px minmax(0,1fr);gap:18px}.companion-sheet{padding:12px}.companion-identity{gap:9px}.companion-identity .detail-art{width:88px;flex-basis:88px}.companion-identity .detail-sprite{width:87px}.companion-identity .detail-name h2{font-size:27px}.loadout-card{padding:12px;min-height:182px}.loadout-card>strong{font-size:24px}.loadout-top{gap:4px}.loadout-change{font-size:8px}.formation .roster-card strong{font-size:18px}.result-hero{padding:20px 25px;gap:20px}.report-title h1{font-size:42px}.report-rewards{padding:20px}.field-reward{padding:13px}.field-reward strong{font-size:22px}}
@media(max-width:600px){
 .team-page .page-heading{margin-bottom:16px}.team-page .page-heading h1{font-size:26px}.team-page .page-heading p{font-size:10px}.formation{margin-bottom:18px}.formation .section-label{font-size:8px;letter-spacing:1px}.formation .section-label>span{font-size:7px}.formation .roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.formation .roster-card,.formation .roster-card.empty{min-height:94px;padding:15px 6px 7px}.formation .roster-card>.sprite{width:40px;height:40px}.formation .roster-card strong{font-size:17px;line-height:1}.formation .roster-meta{font-size:8px;margin-top:3px}.formation .slot-number{font-size:6px;top:5px;left:6px}.formation .roster-card .health-track{margin-top:5px;height:3px}.formation .roster-card.empty>span{font-size:19px}.formation .roster-card.empty small{font-size:7px;margin-top:2px}.team-workbench{display:flex;flex-direction:column;gap:18px;scroll-margin-top:12px}.companion-sheet{padding:12px;width:100%;display:block}.companion-identity{gap:13px}.companion-identity .detail-art{width:82px;flex-basis:82px;height:85px}.companion-identity .detail-sprite{width:82px;height:82px;margin-top:5px}.companion-identity .dex-number{font-size:6px;top:4px;left:4px}.companion-identity .detail-name{display:flex;align-items:center;gap:10px;margin:5px 0}.companion-identity .detail-name h2{font-size:29px}.companion-identity .level{display:inline-block;margin:0;font-size:10px;white-space:nowrap}.companion-identity .eyebrow{font-size:7px}.companion-condition{font-size:9px;margin-top:7px}.companion-vitals{margin:12px 0 10px;gap:14px}.companion-vitals>div>span{font-size:8px;margin-bottom:5px}.companion-sheet .stat-grid{margin-bottom:10px;gap:6px}.companion-sheet .stat-grid>div{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px}.companion-sheet .stat-grid span{font-size:8px}.companion-sheet .stat-grid strong{font-size:18px;margin:0}.companion-tools{gap:5px}.companion-tools .button,.companion-tools .text-button{min-height:44px;font-size:9px;padding:8px}.companion-sheet .evolution-note{margin-top:8px;padding-top:8px;font-size:9px;min-height:27px}.companion-sheet .evolution-note .button{min-height:44px}.companion-lore{margin-top:8px;font-size:9px}.companion-lore summary{min-height:25px}.moves-panel{width:100%}.moves-panel>.section-label{font-size:8px;letter-spacing:1px;margin-bottom:9px;gap:7px}.moves-panel>.section-label>span{font-size:7px;letter-spacing:0}.loadout-grid{gap:8px}.loadout-card{padding:11px 10px;min-height:168px}.loadout-top{margin-bottom:8px}.loadout-top .slot-number{font-size:7px;letter-spacing:.5px}.loadout-change{font-size:8px;gap:2px}.loadout-change .icon{width:10px}.loadout-card>strong{font-size:23px;line-height:1.1;margin-bottom:8px}.loadout-meta{font-size:8px;gap:6px}.loadout-meta .type-tag{font-size:7px;padding:3px}.loadout-card>p{font-size:9px;line-height:1.5;margin-top:8px}.loadout-accuracy{font-size:8px;margin-top:8px}.training-tip p{font-size:9px}.moves-panel .reserve-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reserve-card{min-height:50px}.reserve-card span{font-size:17px}.reserve-card small{font-size:9px}.move-library-modal{padding:20px 16px}.move-library-modal .modal-lead{font-size:11px}.learned-move{padding:11px 12px}.learned-heading>strong{font-size:23px}.learned-heading>.type-tag{font-size:7px}.learned-heading>small{font-size:7px}.move-facts{font-size:9px;gap:6px 11px}.learned-move p{font-size:10px}.move-library-note{font-size:9px}
 .result-shell{padding:0 14px;margin-top:18px}.result-heading{margin-bottom:12px;gap:8px}.result-heading>.eyebrow{font-size:7px;letter-spacing:1px}.result-seal{font-size:7px;letter-spacing:.5px;gap:4px}.result-seal .icon{width:12px;height:12px}.result-hero{min-height:170px;padding:18px 14px;gap:10px;background-size:auto 100%}.result-hero:before{background:linear-gradient(90deg,#183b3c44,#122c35dd 55%,#122a32ef)}.result-art{width:103px;height:112px;flex-basis:103px}.report-sprite{width:112px;height:112px}.report-ring{width:95px;height:95px;box-shadow:0 0 0 8px #e6d69b0c,0 0 30px #e9df8c33}.report-spark{font-size:15px}.spark-two{font-size:21px;right:-2px;bottom:3px}.report-title>.eyebrow{font-size:7px;letter-spacing:1px;line-height:1.5}.report-title h1{font-size:31px;line-height:1.05;margin:8px 0}.report-title>p{font-size:10px;line-height:1.5}.report-gains{font-size:9px;gap:6px 11px;margin-top:11px}.report-gains .icon{width:12px;height:12px}.report-progress{padding:12px 14px;gap:20px}.report-progress>div{font-size:8px;gap:5px}.report-progress>div>span>small{font-size:6px;margin-left:4px}.report-progress b{font-size:8px}.report-rewards{padding:15px 12px}.report-rewards .reward-heading{gap:10px;margin-bottom:11px}.report-rewards .reward-heading h2{font-size:22px}.report-rewards .reward-heading>span{font-size:7px;white-space:nowrap}.report-rewards .reward-grid{display:flex;flex-direction:column;gap:8px}.field-reward{display:flex;flex-direction:row;align-items:center;padding:10px 11px;gap:11px;min-height:76px}.field-reward .reward-icon{width:29px;height:29px;flex:0 0 29px}.field-reward .reward-icon .icon{width:17px;height:17px}.field-reward strong{font-size:22px;margin-bottom:3px}.field-reward b{font-size:10px;line-height:1.4}.field-reward small{font-size:9px;margin-top:3px;line-height:1.4}.reward-pick{font-size:0;gap:0}.reward-pick .icon{width:16px;height:16px}.report-actions{margin-top:15px;padding-top:14px;gap:8px}.report-actions .button{min-width:0;flex:1;font-size:10px;min-height:44px;padding:10px 8px;gap:6px}.report-actions .icon{width:15px;height:15px}.report-footnote{font-size:8px;line-height:1.5;margin-top:9px;text-align:center}.reward-receipt{min-height:130px;gap:12px;padding:8px 2px}.reward-receipt strong{font-size:25px}.reward-receipt p{font-size:10px}.reward-receipt>.icon{flex-shrink:0;width:29px;height:29px;padding:6px}.report-team-link{font-size:10px;min-height:44px;margin-top:5px}
 .tactical-switch{padding:10px}.tactical-switch .controls-heading{margin-bottom:8px;gap:8px}.tactical-switch .controls-heading strong{font-size:20px}.tactical-switch .controls-heading>div>span{font-size:9px;line-height:1.4;margin-top:3px}.tactical-switch .controls-heading>.text-button{font-size:9px;min-height:44px}.tactical-switch .switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tactical-card{min-height:90px;padding:7px 8px}.switch-identity{gap:6px}.switch-identity>.sprite{width:32px;height:32px}.switch-identity strong{font-size:19px;line-height:1}.switch-identity small{font-size:8px;margin-top:3px}.switch-forecast{margin-top:4px;padding-top:5px}.switch-forecast>span{font-size:8px}.switch-forecast>small{font-size:8px;line-height:1.3;margin-top:3px}.switch-note{font-size:8px;line-height:1.4;margin-top:8px}
}
@media(max-width:360px){.formation .roster-card strong{font-size:16px}.companion-identity .detail-name h2{font-size:26px}.report-title h1{font-size:28px}.result-art{width:89px;flex-basis:89px}.report-sprite{width:100px;height:100px}.report-ring{width:85px;height:85px}.report-title>.eyebrow{font-size:6px}.loadout-card>strong{font-size:21px}.loadout-meta{gap:4px}.loadout-change{font-size:7px}.switch-identity strong{font-size:17px}}

@media(max-width:600px){.battle-party .party-token{width:44px;height:44px}.battle-party .party-token .sprite{width:38px;height:38px}}
/* A single compact phone formation keeps move preparation within reach. */
@media(max-width:600px){
 .formation .roster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
 .formation .roster-card,.formation .roster-card.empty{min-height:92px;padding:16px 3px 7px}
 .formation .roster-card>.sprite{width:34px;height:34px}
 .formation .roster-card strong{font-size:14px;white-space:nowrap;width:100%;text-align:center;line-height:1.2}
 .formation .roster-meta{font-size:7px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center}
 .formation .slot-number{font-size:6px;left:4px;letter-spacing:0}
 .formation .roster-card .health-track{width:85%}
 .formation .roster-card.empty small{font-size:6px;letter-spacing:0}
 .companion-sheet .companion-identity .detail-art{height:85px;min-height:0;width:82px}
 .companion-sheet .companion-identity .detail-sprite{width:82px;height:82px}
 .companion-sheet .detail-tags{margin:6px 0}
}
.report-title h1,.switch-identity strong,.reward-receipt strong{overflow-wrap:anywhere}
/* Connected expeditions: one journey, finite supplies and a changing build. */
.expedition-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;padding:23px 26px;margin-bottom:24px;background:linear-gradient(120deg,#2b4239,#182f33);border:1px solid #63735b;border-left:3px solid #dfbd7c;border-radius:6px}.expedition-intro .eyebrow{font-size:8px}.expedition-intro h2{font:500 29px/1.1 var(--pixel);margin:7px 0 12px}.expedition-intro p{font-size:11px;color:#b1c6b5;line-height:1.7;max-width:620px}.expedition-rules{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;font-size:9px;color:#e0d6ae}.expedition-rules>span{display:flex;gap:5px;align-items:center}.expedition-rules .icon{width:14px;height:14px}.guardian-preview{padding:13px 17px;background:#142c3077;border:1px solid #7a82523d;border-radius:5px}.guardian-preview>span{font-size:8px;letter-spacing:1px;color:#e5c792}.guardian-preview>div{display:flex;justify-content:center;gap:22px;margin:9px 0}.guardian-preview>div>span{text-align:center;min-width:0}.guardian-preview .sprite{width:50px;height:50px;display:block;margin:auto}.guardian-preview b{display:block;font:18px var(--pixel);color:#e3e6cf}.guardian-preview small{display:block;font-size:8px;color:#9fb7a8;margin-top:4px}.guardian-preview>p{font-size:9px;text-align:center;margin:9px 0 0;color:#d8d6ac}.run-info-button{display:flex;align-items:center;gap:6px;font-size:10px;color:#f0ce91;border:1px solid #927b4c88;border-radius:3px;padding:5px 8px;min-height:30px;white-space:nowrap}.run-info-button .icon{width:13px;height:13px}.expedition-battle .battle-heading>div:first-child>span:last-of-type{display:none}.expedition-battle .battle-heading>div{gap:10px}.expedition-battle .battle-heading .divider{display:none}
.wave-path{display:flex;gap:7px;align-items:center;margin:17px 0 20px}.wave-path>span{height:30px;flex:1;display:grid;place-items:center;position:relative;border:1px solid #526b5b;background:#1d3436;color:#6f8e81;border-radius:3px;font:16px var(--pixel)}.wave-path>span.cleared{background:#334d3c;color:#b7c98d;border-color:#6f8854}.wave-path>span.current{border-color:#e3c083;color:#f7d69e;background:#554f35;box-shadow:0 0 0 2px #eac48012}.wave-path>span.milestone{border-width:2px}.wave-path .icon{width:15px;height:15px}.expedition-desk{max-width:1180px;margin-top:25px}.run-desk-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.run-desk-heading .eyebrow{font-size:9px}.run-desk-heading h1{font:500 37px/1.1 var(--pixel);margin-top:6px}.run-desk-heading>.text-button{min-height:44px}.run-clear-banner{display:flex;align-items:center;gap:16px;padding:13px 20px;min-height:83px;border:1px solid #607f68;border-radius:5px;background-size:cover;background-position:center 60%;position:relative;isolation:isolate;overflow:hidden}.run-clear-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#183236d9,#142e32ec);z-index:-1}.run-clear-banner>.sprite{width:55px;height:55px;flex-shrink:0;filter:drop-shadow(0 4px 0 #081f2344)}.run-clear-banner>.icon{width:35px;height:35px;color:#d7c382}.run-clear-banner>div{flex:1}.run-clear-banner strong{font:500 24px var(--pixel)}.run-clear-banner p{font-size:10px;color:#b6c7b7;margin-top:6px;line-height:1.5}.run-clear-banner>span{color:#e7ca8d;font-size:13px;display:flex;align-items:center;gap:5px;white-space:nowrap}.run-clear-banner>span .icon{width:15px;height:15px}.run-prep-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:14px 0 18px}.run-prep-toolbar>span{margin-right:auto;font-size:11px;color:#a9c5b5}.run-prep-toolbar .button{font-size:11px;min-height:40px;padding:9px 14px}.run-prep-toolbar .button .icon{width:15px;height:15px}.run-prep-toolbar .button small{font-size:7px;padding:2px 4px}.run-desk-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.run-draft{padding:20px;background:#1b3235;border:1px solid #466155;border-radius:6px}.draft-heading{margin-bottom:18px}.draft-heading h2{font:500 27px var(--pixel)}.draft-heading p{font-size:10px;color:#a4bdad;line-height:1.6;margin-top:6px}.run-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.run-reward{min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px 15px;background:#eeecd7;color:#284438;border:1px solid #b7c49a;box-shadow:0 4px 0 #0a2228;border-radius:5px;min-height:259px;transition:transform .15s,background .15s}.run-reward:hover{background:#fbf8e6;transform:translateY(-3px);border-color:#f1cf8c}.run-reward.relic{background:linear-gradient(145deg,#eee2bc,#ded6ab);border-color:#d6ba7b}.run-reward-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a4b789;background:#d9e0bb;border-radius:50%;color:#5d7449;margin-bottom:17px}.run-reward.relic .run-reward-icon{background:#dbc98f;border-color:#b39b5c;color:#7d6735}.run-reward-icon .icon{width:23px;height:23px}.run-reward .eyebrow{font-size:7px;letter-spacing:.7px;line-height:1.5;color:#73854f;margin-bottom:8px}.run-reward>strong{font:500 26px/1.02 var(--pixel);margin-bottom:10px;overflow-wrap:anywhere}.run-reward>p{font-size:11px;line-height:1.7;color:#526c4f;flex:1}.reward-continue{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;font-size:9px;font-weight:600;color:#607442;border-top:1px solid #899b6a55;padding-top:14px;margin-top:17px}.reward-continue .icon{width:13px;height:13px}.run-build-summary{margin-top:23px}.run-build-summary .section-label{font-size:8px;letter-spacing:1px;margin-bottom:10px}.run-relics{display:flex;gap:8px;flex-wrap:wrap;color:#cbbf8d;font-size:10px;line-height:1.6}.run-relics>span{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #77764c66;background:#bcac590b;border-radius:3px}.run-relics .icon{width:13px;height:13px}.supply-desk{border:1px solid #465f52;border-radius:6px;background:#192f31;padding:16px}.supply-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.supply-heading>strong{font:24px var(--pixel)}.supply-heading>b{color:#ebca88;font-size:12px;display:flex;align-items:center;gap:4px}.supply-heading .icon{width:15px;height:15px}.supply-shop{display:grid;gap:7px}.supply-shop>button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#263e3b;border:1px solid #4b6552;border-radius:4px;min-height:48px;padding:8px 11px;font-size:10px}.supply-shop small{display:block;font-size:8px;color:#9fb69f;margin-top:4px}.supply-shop b{display:flex;align-items:center;gap:3px;color:#e6c785;font-size:11px}.supply-shop .icon{width:13px;height:13px}.supply-shop>button:hover:not(:disabled){border-color:#dfc186}.supply-team{display:grid;gap:6px;margin-top:17px}.supply-team>button{display:flex;align-items:center;gap:8px;text-align:left;padding:3px 5px;min-height:44px}.supply-team .sprite{width:36px;height:36px}.supply-team>button>span{flex:1;min-width:0}.supply-team strong{font:18px var(--pixel);display:block;overflow-wrap:anywhere}.supply-team small{display:block;font-size:9px;color:#abc2a9;margin:3px 0 5px}.supply-team .mini-hp{display:block;height:3px}.supply-actions{display:flex;gap:7px;margin-top:13px}.supply-actions .button{font-size:9px;padding:8px;flex:1;min-height:44px}.supply-actions .icon{width:13px;height:13px}.supply-fine{font-size:10px;color:#9bb09e;line-height:1.7;margin:14px 0}.retreat-link{font-size:9px;color:#adbb9c;min-height:38px}.run-team-return{display:flex;gap:12px;margin:0 0 20px}.run-team-return .button{font-size:11px}.care-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.care-picker>button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid #4c6b5a;border-radius:4px;min-height:95px}.care-picker>button.selected{border-color:#e3bd7a;background:#3a4c38}.care-picker .sprite{width:42px;height:42px}.care-picker strong{font:19px var(--pixel);overflow-wrap:anywhere}.care-picker small{font-size:9px;color:#aac2a7}.care-status{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0 20px}.care-status strong{font:24px var(--pixel)}.care-status>span{font-size:10px;color:#b0c3ae;line-height:1.5;text-align:right}.modal .button[data-action=run-item]{margin-bottom:10px;white-space:normal;line-height:1.5}.run-modal-label{font:26px var(--pixel);margin:20px 0 10px}.modal .guardian-preview{margin:20px 0}.expedition-summary{max-width:960px;margin-top:30px}.run-summary-art{position:relative;text-align:center;background-size:cover;background-position:center;isolation:isolate;overflow:hidden;padding:38px 45px;border:1px solid #b4a06d;border-radius:7px 7px 0 0}.run-summary-art:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#173136aa,#132c34f0)}.summary-crest{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 17px;border:1px solid #ddc790;background:#182f34a0;border-radius:12px;color:#eacb88;transform:rotate(-5deg)}.summary-crest .icon{width:36px;height:36px;transform:rotate(5deg)}.run-summary-art .eyebrow{font-size:9px;letter-spacing:1.8px}.run-summary-art h1{font:500 43px/1.1 var(--pixel);max-width:630px;margin:13px auto;color:#f3ecd3}.run-summary-art>p{font-size:12px;color:#bbcdb9;line-height:1.7}.run-summary-body{padding:23px 32px;background:#1b3334;border:1px solid #66734f;border-top:0;border-radius:0 0 7px 7px}.run-summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:center;margin:25px 0}.run-summary-stats strong{font:43px var(--pixel);color:#e9cd8f;display:block}.run-summary-stats strong small{font-size:19px;color:#91aa92}.run-summary-stats span{display:block;font-size:8px;letter-spacing:1px;margin-top:6px;color:#a9bfa7}.run-summary-note{font-size:11px;line-height:1.7;color:#a3b99f;margin:23px 0}.summary-actions{display:flex;gap:13px;justify-content:center;margin-top:23px}.summary-actions .button{font-size:12px;min-height:48px}.run-summary-body>.text-button{display:flex;justify-content:center;width:100%;margin-top:12px;min-height:44px;font-size:10px}
@media(max-width:900px){.expedition-intro{grid-template-columns:1fr 280px;padding:20px;gap:20px}.expedition-rules{gap:10px}.run-desk-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.run-reward-grid{gap:8px}.run-reward{padding:14px 12px}.run-reward>strong{font-size:24px}.run-reward>p{font-size:10px}.supply-desk{padding:13px}.run-draft{padding:15px}.run-reward .eyebrow{font-size:6px}}
@media(max-width:600px){
 .expedition-intro{display:block;padding:16px;margin-bottom:18px}.expedition-intro h2{font-size:25px}.expedition-intro p{font-size:10px}.expedition-rules{gap:8px;font-size:8px;margin-top:12px}.expedition-rules .icon{width:12px;height:12px}.expedition-intro>.guardian-preview{margin-top:16px;padding:11px 13px}.guardian-preview>div{gap:23px}.guardian-preview>span{font-size:7px}.guardian-preview b{font-size:18px}.guardian-preview small{font-size:8px}.guardian-preview .sprite{width:44px;height:44px}.expedition-battle .battle-heading>div:first-child>.text-button{max-width:103px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.expedition-battle .battle-heading>div:first-child>span{display:none}.expedition-battle .battle-heading>div{gap:6px}.run-info-button{min-height:30px;padding:4px 7px;font-size:9px;gap:4px}.run-info-button .icon{width:12px;height:12px}.expedition-battle .battle-arena{height:228px}.expedition-battle .command-area .move-button{min-height:75px}.expedition-battle .battle-message{min-height:48px}.expedition-battle .command-area{min-height:225px}
 .expedition-desk{margin-top:17px;padding:0 14px}.run-desk-heading{gap:12px}.run-desk-heading .eyebrow{font-size:7px;letter-spacing:1px}.run-desk-heading h1{font-size:29px;margin-top:5px}.run-desk-heading>.text-button{font-size:9px;white-space:nowrap;gap:5px}.run-desk-heading>.text-button .icon{width:13px;height:13px}.wave-path{gap:4px;margin:13px 0 15px}.wave-path>span{height:26px;font-size:13px}.wave-path .icon{width:12px;height:12px}.run-clear-banner{padding:10px 12px;gap:10px;min-height:70px}.run-clear-banner>.sprite{width:42px;height:42px}.run-clear-banner>.icon{width:23px;height:23px;flex-shrink:0}.run-clear-banner strong{font-size:20px;line-height:1.1;display:block}.run-clear-banner p{font-size:9px;line-height:1.5;margin-top:4px}.run-clear-banner>span{font-size:10px;gap:3px}.run-clear-banner>span .icon{width:12px;height:12px}.run-prep-toolbar{gap:6px;flex-wrap:wrap;justify-content:stretch;margin:11px 0 13px}.run-prep-toolbar>span{width:100%;font-size:9px;margin-bottom:2px}.run-prep-toolbar .button{flex:1;min-height:44px;padding:8px 6px;font-size:10px;gap:5px}.run-prep-toolbar .button .icon{width:13px;height:13px}.run-prep-toolbar .button small{font-size:6px;padding:2px}.run-desk-layout{display:block}.run-draft{padding:13px;border-color:#516750}.draft-heading{margin-bottom:12px}.draft-heading h2{font-size:23px}.draft-heading p{font-size:9px;line-height:1.5;margin-top:4px}.run-reward-grid{display:flex;flex-direction:column;gap:9px}.run-reward{position:relative;display:grid;grid-template-columns:35px minmax(0,1fr);gap:3px 11px;min-height:110px;padding:12px 13px;box-shadow:0 3px 0 #0a2228}.run-reward-icon{grid-row:1/5;width:32px;height:32px;margin:4px 0 0}.run-reward-icon .icon{width:18px;height:18px}.run-reward .eyebrow{font-size:7px;letter-spacing:.4px;margin-bottom:1px}.run-reward>strong{font-size:24px;line-height:1;margin-bottom:3px}.run-reward>p{font-size:10px;line-height:1.5;grid-column:2;margin:0}.reward-continue{grid-column:2;font-size:8px;line-height:1.3;margin-top:6px;padding-top:6px}.reward-continue .icon{width:12px;height:12px}.run-build-summary{margin-top:16px}.run-build-summary .section-label{font-size:7px;margin-bottom:8px}.run-relics{gap:6px;font-size:9px}.run-relics>span{padding:5px 6px}.run-relics .icon{width:12px;height:12px}.supply-desk{padding:0;border:0;background:transparent}.supply-desk .supply-heading,.supply-desk .supply-shop,.supply-desk .supply-team,.supply-desk .supply-actions{display:none}.supply-fine{font-size:9px;line-height:1.6;margin:11px 0}.retreat-link{font-size:9px;min-height:44px}.run-team-return{gap:8px;flex-wrap:wrap;margin-bottom:17px}.run-team-return .button{flex:1;font-size:10px;min-height:44px;padding:9px}.care-picker{gap:7px;margin:16px 0}.care-picker>button{padding:8px 5px;min-height:85px}.care-picker .sprite{width:34px;height:34px}.care-picker strong{font-size:18px}.care-picker small{font-size:8px}.care-status{margin:12px 0 16px}.care-status strong{font-size:22px}.care-status>span{font-size:9px}.run-modal-label{font-size:23px}.expedition-summary{margin-top:20px;padding:0 14px}.run-summary-art{padding:25px 20px}.summary-crest{width:50px;height:50px;margin-bottom:13px}.summary-crest .icon{width:27px;height:27px}.run-summary-art .eyebrow{font-size:7px}.run-summary-art h1{font-size:31px;line-height:1.1;margin:12px auto}.run-summary-art>p{font-size:10px}.run-summary-body{padding:17px 17px}.run-summary-stats{gap:8px;margin:19px 0}.run-summary-stats strong{font-size:35px}.run-summary-stats strong small{font-size:16px}.run-summary-stats span{font-size:6px;letter-spacing:.6px;line-height:1.5}.run-summary-note{font-size:10px;margin:18px 0}.summary-actions{flex-direction:column;gap:10px;margin-top:18px}.summary-actions .button{font-size:11px;min-height:46px}.run-summary-body>.text-button{font-size:10px;margin-top:9px}
}
@media(max-width:600px){
 .run-prep-toolbar{flex-wrap:nowrap;gap:6px}.run-prep-toolbar>span{width:72px;flex:0 0 72px;font-size:8px;line-height:1.5;margin:0}.run-prep-toolbar .button{font-size:9px;padding:7px 5px;gap:4px}.run-prep-toolbar .button small{display:none}
 .run-reward{min-height:101px;padding:11px 12px;gap:3px 10px}.run-reward .eyebrow{padding-right:15px}.run-reward .reward-continue{position:absolute;right:12px;top:12px;display:flex;width:14px;padding:0;margin:0;border:0;font-size:0;gap:0}.run-reward .reward-continue .icon{width:14px;height:14px}.run-clear-banner strong{font-size:20px}
}
.provision-picker{display:flex;align-items:center;gap:20px;padding:14px 19px;margin:0 0 22px;border:1px solid #49634f;background:#1b3331;border-radius:5px}.provision-picker>div:first-child{flex:1}.provision-picker strong{font:22px var(--pixel)}.provision-picker p{font-size:10px;line-height:1.6;color:#a5baa6;margin-top:4px}.provision-picker>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.provision-picker button{min-height:40px;padding:8px 11px;background:#243d39;border:1px solid #556d50;border-radius:4px;font-size:10px}.provision-picker button.selected{border-color:#e1be7f;background:#4c5138;color:#f0dbad}.provision-picker button small{font-size:8px;margin-left:4px;color:#adbc96}
@media(max-width:600px){.provision-picker{display:block;padding:13px 14px;margin-bottom:18px}.provision-picker strong{font-size:21px}.provision-picker p{font-size:9px}.provision-picker>div:last-child{margin-top:11px;gap:6px}.provision-picker button{min-height:44px;font-size:9px;padding:8px}.provision-picker button small{font-size:8px}}
.final-spoils{max-width:1050px}.final-reward-draft{margin-top:20px}.final-spoils .run-reward-grid{max-width:none}.currency:disabled{opacity:.5;cursor:default}
.complete-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0}.complete-stats>div{min-width:0;padding:9px 6px;text-align:center;border:1px solid #3e5851;border-radius:4px;background:#172f2c}.complete-stats strong{font:27px var(--pixel);display:block;margin-top:4px}.complete-stats span{font-size:9px;color:#b3c5ad}.nature-up{color:#e9b774;font-style:normal}.nature-down{color:#8bb5dd;font-style:normal}.trait-sheet{display:grid;gap:7px;margin:13px 0}.trait-sheet>div,.trait-sheet>button{border:1px solid #3e5851;border-radius:4px;padding:10px 12px;text-align:left;background:#1c3530;display:block;color:inherit;width:100%}.trait-sheet span{display:block;font-size:7px;letter-spacing:1.2px;color:#b9c6a7}.trait-sheet strong{display:block;font-size:12px;margin-top:5px}.trait-sheet small{display:block;font-size:10px;color:#a9bca9;line-height:1.6;margin-top:4px}.trait-sheet button:not(:disabled):hover{border-color:#e4b777}.individual-training,.species-mechanics{border-top:1px solid #3a524b;padding:12px 0;margin-top:12px}.individual-training summary,.species-mechanics summary{font-size:10px;cursor:pointer;color:#e5c590;line-height:1.6}.individual-training summary span{float:right;font-size:9px;color:#a9bca9}.individual-training p,.species-mechanics p{font-size:10px;line-height:1.7;margin:12px 0;color:#acbead}.individual-training table{width:100%;border-collapse:collapse;font-size:10px;margin:12px 0}.individual-training th,.individual-training td{padding:7px 4px;border-bottom:1px solid #3a524b;text-align:right}.individual-training th:first-child{text-align:left}.held-item-library{display:grid;gap:9px;margin:18px 0}.held-item-library article{display:grid;grid-template-columns:minmax(0,1fr) 70px 95px;gap:8px;align-items:center;padding:12px;background:#1b332f;border:1px solid #3d574b;border-radius:5px}.held-item-library strong{font-size:13px}.held-item-library span{display:block;margin-top:4px;font-size:9px;color:#d5be89}.held-item-library p{font-size:10px;line-height:1.6;color:#adbfad;margin-top:5px}.held-item-library button{min-height:44px;font-size:10px;padding:7px}.ev-training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ev-training-grid>div{border:1px solid #45604e;border-radius:4px;padding:12px;display:grid;gap:8px}.ev-training-grid>div>span{font-size:11px}.ev-training-grid strong{font:28px var(--pixel)}.ev-training-grid small{font:11px var(--body)}.ev-training-grid button{min-height:44px;font-size:10px;padding:8px}.training-budget{display:flex;justify-content:space-between;gap:12px;margin:17px 0;font-size:12px}.training-budget span{color:#afbea7;font-size:10px}.battle-field-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 20px;background:#162c2b;border-top:1px solid #334e48;color:#9eb5a6;font-size:9px;min-height:32px}.battle-field-strip.has-effects{color:#e7c083}.battle-field-strip>span{min-width:0;line-height:1.5}.battle-field-strip i{padding:0 4px}.battle-field-strip button{font-size:9px;white-space:nowrap;min-height:30px}.condition-combatants{display:grid;grid-template-columns:1fr 1fr;gap:15px}.condition-combatants article{min-width:0;border:1px solid #44604f;border-radius:5px;padding:16px}.condition-combatants h3{font:27px var(--pixel);margin:10px 0}.condition-combatants article>strong{font-size:12px;display:block;margin-top:12px}.condition-combatants p{font-size:11px;color:#acbead;line-height:1.7;margin:6px 0}.stage-chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.stage-chips span{font-size:10px;padding:5px;background:#2a443a;border-radius:3px}.stage-chips .positive{color:#badd98}.stage-chips .negative{color:#e2a08c}.species-base-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.species-base-stats span{font-size:10px;background:#284236;padding:7px}.species-base-stats b{float:right}.species-learnset{display:grid;gap:5px}.species-learnset span{font-size:10px}.species-learnset b{font-size:9px;color:#d6bd88;display:inline-block;min-width:48px}.status-tag.paralysis{background:#9c813a}.status-tag.freeze{background:#477f92}.status-tag.toxic{background:#7a4b8e}
.reroll-rewards{margin-top:16px;min-height:44px}.capture-shield-note{font-size:11px;line-height:1.7;color:#e8bf80;margin:13px 0}.boss-shield-tag{position:absolute;top:-17px;left:12px;padding:3px 7px;background:#504634;border:1px solid #b49b65;border-radius:3px;color:#f2d291;font-size:8px;letter-spacing:.5px}.status-tag.badPoison{background:#7a4b8e}
.health-track .shield-divider{position:absolute;z-index:3;top:0;bottom:0;width:2px;background:#152824;border-left:1px solid #e1c782;pointer-events:none}.help-mechanics{padding:15px 0;border-top:1px solid #3d564c;margin-top:16px}.help-mechanics strong{font-size:13px}.help-mechanics p{font-size:11px;line-height:1.8;color:#aebeac;margin:8px 0 17px}
.held-reward-targets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.held-reward-targets button{padding:10px;text-align:left;justify-content:flex-start;min-height:66px;gap:10px}.held-reward-targets .sprite{width:40px;height:40px;flex-shrink:0}.held-reward-targets span{min-width:0}.held-reward-targets strong{font-size:11px;display:block}.held-reward-targets small{font-size:9px;display:block;margin-top:5px;color:#afc0a7;line-height:1.5}@media(max-width:600px){.held-reward-targets{grid-template-columns:1fr}.held-reward-targets button{min-height:62px}}
@media(max-width:600px){.companion-sheet .detail-name h2{font-size:25px;line-height:1.05;overflow-wrap:normal;word-break:normal}.reroll-rewards{font-size:11px;min-height:44px}.capture-shield-note{font-size:10px}}
@media(max-width:600px){.complete-stats{gap:6px;margin:12px 0}.complete-stats strong{font-size:25px}.trait-sheet small{font-size:10px}.held-item-library article{grid-template-columns:minmax(0,1fr) 76px}.held-item-library article>div{grid-column:1/-1}.held-item-library button{font-size:10px;min-height:44px}.held-item-library article>button:first-of-type{grid-column:1}.battle-field-strip{padding:4px 10px;gap:7px;min-height:32px}.battle-field-strip>span{font-size:8px}.battle-field-strip button{font-size:8px;min-height:32px;white-space:normal;flex:0 0 105px;line-height:1.4}.condition-combatants{grid-template-columns:1fr;gap:10px}.condition-combatants article{padding:13px}.training-budget{display:block;line-height:1.8}.training-budget span{display:block}.ev-training-grid>div{padding:10px}.ev-training-grid button{font-size:9px}.individual-training summary{font-size:10px}.individual-training summary span{font-size:8px}}
@media(max-width:600px){.final-reward-draft{margin-top:15px}.final-spoils .run-desk-heading h1{font-size:27px}.final-spoils .run-clear-banner p{font-size:9px}}