.mutant-companion-window{width:min(500px,calc(100vw - 320px));max-height:min(790px,calc(100dvh - 26px));gap:9px;padding:12px;border:1px solid #c1a55c;border-radius:13px;background:linear-gradient(155deg,#173626f5,#0b1b14fa 78%);box-shadow:0 18px 55px #000c,0 0 0 2px #2c2418,inset 0 0 0 1px #fff1c020;backdrop-filter:blur(14px)}
.mutant-companion-hero{position:relative;isolation:isolate;flex:none;min-height:146px;overflow:hidden;border:1px solid #64875e;border-radius:9px;background:#10231b;box-shadow:inset 0 0 0 2px #0b160f,0 5px 16px #050b08}
.mutant-companion-hero>img,.mutant-companion-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.mutant-companion-hero>img{z-index:-2;object-fit:cover;object-position:center 54%;image-rendering:pixelated;filter:saturate(.9)}
.mutant-companion-hero-shade{z-index:-1;background:linear-gradient(90deg,#071710ed 0%,#0a1d16d9 39%,#0a1c1688 72%,#09171050),linear-gradient(0deg,#07130dcc,transparent 58%)}
.mutant-companion-hero-copy{display:grid;align-content:center;min-height:146px;gap:8px;padding:12px 42px 11px 14px}
.mutant-companion-window .service-kicker{margin:0;color:#efd78d;font:900 9px/1.2 var(--pixel-font,monospace);letter-spacing:.12em;text-shadow:1px 2px #09120c}
.mutant-companion-title-row{gap:8px;padding:0}
.mutant-companion-title-row h2{font:900 21px/1.15 "Segoe UI",Tahoma,sans-serif;color:#fff0bd;letter-spacing:.015em;text-shadow:2px 2px #131c12,0 0 12px #edcc7550}
.mutant-companion-title-row p{margin-top:5px;color:#d0e1c9;font:600 10px/1.4 "Segoe UI",Tahoma,sans-serif}
.mutant-companion-title-row>b{padding:6px 8px;border-color:#c5a95e;background:#15261dcc;color:#fff0bd;font-size:9px;white-space:nowrap;box-shadow:0 2px 6px #0008}
.mutant-companion-live-stats{display:flex;flex-wrap:wrap;gap:5px 12px;color:#e0efcf;font:700 9px/1.3 "Segoe UI",Tahoma,sans-serif;text-shadow:0 1px #07110b}
.mutant-companion-live-stats span{display:inline-flex;align-items:center;gap:4px}.mutant-companion-live-stats b{color:#ffe08e;font-size:10px}
.mutant-companion-live-stats span:first-child i{width:6px;height:6px;border-radius:50%;background:#8bebb0;box-shadow:0 0 8px #8bebb0;animation:companion-live-pulse 1.6s ease-in-out infinite}
.mutant-companion-open .mutant-companion-action-icon{position:relative;overflow:hidden;border-color:#c7b367!important;background:#10251b!important;box-shadow:0 0 11px #76d39c45,inset 0 0 8px #a5e9a51f}
.mutant-companion-open .mutant-companion-action-icon img{display:block;width:100%;height:100%;object-fit:cover;object-position:7% 70%;image-rendering:pixelated;filter:saturate(.9) brightness(1.08)}
.mutant-companion-window .service-close{z-index:3;right:8px;top:8px;width:28px;height:28px;border:1px solid #dfc774;border-radius:7px;background:#102016d9;color:#fff0bd;box-shadow:0 2px 6px #0008}
.mutant-companion-status{flex:none;margin:0;padding:7px 9px;border-color:#426b50;background:linear-gradient(90deg,#10261c,#0b1c15);color:#cfe7ce;font:700 10px/1.4 "Segoe UI",Tahoma,sans-serif}
.mutant-companion-roster-tools{display:grid;gap:6px;flex:none}
.mutant-companion-search{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid #527458;border-radius:7px;background:#0c1b14;color:#b9d29c;box-shadow:inset 0 2px 6px #050b08}
.mutant-companion-search>span{font:900 19px/1 "Segoe UI",sans-serif;color:#d7c076}.mutant-companion-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eff5df;font:600 11px "Segoe UI",Tahoma,sans-serif}.mutant-companion-search input::placeholder{color:#8ba58f}
.mutant-companion-filters{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.mutant-companion-filters::-webkit-scrollbar{display:none}
.mutant-companion-filters button{flex:none;padding:5px 9px;border:1px solid #3b5742;border-radius:999px;background:#102118;color:#a9c0a5;font:800 9px "Segoe UI",Tahoma,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.mutant-companion-filters button:hover{border-color:#95bc7c;color:#e3f1d5}.mutant-companion-filters button.active{border-color:#d6bd70;background:linear-gradient(135deg,#725c2c,#38482b);color:#fff0b7;box-shadow:0 0 10px #d7bd5c32}
.mutant-companion-content{display:grid;grid-template-columns:1fr;align-content:start;gap:8px;min-height:80px;overflow:auto;padding:1px 4px 3px 1px;overscroll-behavior:contain;scrollbar-color:#698b62 #101d16;scrollbar-width:thin}
.mutant-companion-content .mutant-expedition-panel{grid-column:auto;gap:7px;padding:10px;border:1px solid #b69b52;border-radius:9px;background:linear-gradient(135deg,#3b3824f5,#17251bf5 72%);box-shadow:inset 0 0 16px #eed6840c,0 4px 12px #030806}
.mutant-expedition-panel>strong{display:flex;align-items:center;gap:7px;color:#ffdfa0;font:900 12px "Segoe UI",Tahoma,sans-serif}.mutant-expedition-panel>strong::before{content:"✦";color:#f3d47c;text-shadow:0 0 8px #ffcf5d}
.mutant-expedition-panel p,.mutant-expedition-panel small{margin:0;color:#d0dfc0;font:600 10px/1.45 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-panel select{min-height:34px;padding:7px 9px;border:1px solid #5e7956;border-radius:6px;background:#0f2118;color:#e8f2d9;font:700 10px "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-panel .mutant-expedition-mutant-select{border-color:#668a70;background:#11261b}
.mutant-expedition-panel .mutant-expedition-launch{min-height:36px;border:1px solid #f0d17c;border-radius:6px;background:linear-gradient(180deg,#786234,#4f4324);color:#fff2c3;font:900 11px "Segoe UI",Tahoma,sans-serif;text-shadow:0 1px #261e0e;box-shadow:inset 0 1px #fff3c433,0 2px 4px #0008}
.mutant-expedition-panel .mutant-expedition-launch:not(:disabled):hover{filter:brightness(1.16);transform:translateY(-1px)}
.mutant-expedition-panel .mutant-expedition-launch:disabled{opacity:.5;cursor:not-allowed}
.mutant-expedition-recommendation{padding:6px 8px;border-left:2px solid #90c689;border-radius:0 5px 5px 0;background:#152b1d;color:#bfdfbb!important}
.mutant-companion-card{grid-column:auto;position:relative;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:10px;padding:10px;border:1px solid #416449;border-radius:9px;background:linear-gradient(120deg,#1b3729f5,#10221af5 74%);box-shadow:inset 0 1px #e5ffe10b,0 4px 11px #030906;transition:border-color .18s,box-shadow .18s,transform .18s}
.mutant-companion-card:hover{transform:translateY(-1px);border-color:#87ac75;box-shadow:inset 0 1px #e5ffe115,0 7px 17px #020704,0 0 12px #83cf8c18}
.mutant-companion-card.is-following{border-color:#d0b668;background:linear-gradient(120deg,#3a3923f5,#18271df5 80%);box-shadow:inset 0 0 20px #f0d26d12,0 0 13px #dcbd5521}
.mutant-companion-card.is-following::after{content:"กำลังติดตาม";position:absolute;right:9px;top:-1px;padding:3px 7px;border:1px solid #d7bc6b;border-top:0;border-radius:0 0 6px 6px;background:#705b2c;color:#fff0bd;font:800 8px "Segoe UI",Tahoma,sans-serif}
.mutant-companion-art{width:62px;height:62px;border-color:#729a6b;border-radius:8px;background:radial-gradient(circle at 50% 46%,#75e2a52c,#193526 66%,#101c16);box-shadow:inset 0 0 14px #9ef2b41c,0 3px 7px #0009;animation:companion-art-breathe 3.4s ease-in-out infinite}
.mutant-companion-art .mutant-follower-icon{width:56px;height:56px;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #000b)}
.mutant-companion-copy{gap:6px;padding-top:2px}.mutant-companion-head{align-items:start;padding-right:50px;min-height:23px}.mutant-companion-head strong{overflow:hidden;color:#f2f3d9;font:900 12px/1.35 "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}.mutant-companion-head b{flex:none;padding:3px 6px;border-color:#779b6b;border-radius:999px;background:#203d2b;color:#e7f2c5;font:800 8px "Segoe UI",Tahoma,sans-serif}
.mutant-companion-card.rarity-rare{border-color:#5497a1}.mutant-companion-card.rarity-epic{border-color:#8968a7;background:linear-gradient(120deg,#322944f5,#151d24f5 75%)}.mutant-companion-card.rarity-legendary{border-color:#c8a94c;background:linear-gradient(120deg,#42351cf5,#1a291df5 75%);box-shadow:inset 0 0 20px #f6d47716,0 0 12px #efce6718}
.mutant-companion-skills{display:flex;flex-wrap:wrap;gap:4px}.mutant-companion-skills span{padding:3px 6px;border:1px solid #456449;border-radius:4px;background:#14281d;color:#c9e1bd;font:700 8px/1.2 "Segoe UI",Tahoma,sans-serif}.mutant-companion-skills .mutant-status-chip{border-color:#857347;background:#352e1d;color:#f1dda0}
.mutant-companion-meter{display:grid;gap:3px}.mutant-companion-meter-label{display:flex;align-items:center;gap:5px;color:#9fb79d;font:700 8px "Segoe UI",Tahoma,sans-serif}.mutant-companion-meter-label span{margin-left:auto;color:#e0ebd4;font-variant-numeric:tabular-nums}.mutant-companion-meter-label small{margin-left:4px;color:#e0d093;font:800 8px "Segoe UI",Tahoma,sans-serif}
.mutant-companion-meter>i{display:block;height:5px;overflow:hidden;border:1px solid #0b130e;border-radius:5px;background:#0a130e;box-shadow:inset 0 1px 2px #000}.mutant-companion-meter>i>b{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#4f9c67,#a8e89a);box-shadow:0 0 8px #77d89166;transition:width .25s}
.mutant-energy-meter[data-state="mid"]>i>b{background:linear-gradient(90deg,#a78b43,#e7c966);box-shadow:0 0 8px #dbba4d44}.mutant-energy-meter[data-state="low"]>i>b{background:linear-gradient(90deg,#aa5945,#e98a62);box-shadow:0 0 8px #e0705544}.mutant-bond-meter>i>b{background:linear-gradient(90deg,#568ba3,#97d8df);box-shadow:0 0 8px #79d8e555}
.mutant-companion-card .mutant-follow-toggle{justify-self:stretch;min-height:29px;margin-top:1px;padding:5px 8px;border:1px solid #769c6d;border-radius:5px;background:linear-gradient(180deg,#315b3e,#1e3b2a);color:#e2f4d3;font:800 9px "Segoe UI",Tahoma,sans-serif;cursor:pointer;box-shadow:inset 0 1px #fff2c321,0 2px 4px #0006;transition:filter .15s,background .15s}
.mutant-companion-card .mutant-follow-toggle:hover:not(:disabled){filter:brightness(1.2)}.mutant-companion-card.is-following .mutant-follow-toggle{border-color:#d4b65e;background:linear-gradient(180deg,#78602c,#514222);color:#fff0bd}.mutant-companion-card .mutant-follow-toggle:disabled{opacity:.55;cursor:not-allowed}
.mutant-roster-empty{grid-column:auto;padding:18px 12px;border:1px dashed #547259;border-radius:8px;background:#102019;color:#b9cdb4;font:600 10px/1.6 "Segoe UI",Tahoma,sans-serif}
.mutant-bag-recruit{gap:7px;padding:9px;border-color:#597a55;border-radius:9px;background:linear-gradient(140deg,#183729,#10251d)}
.mutant-bag-recruit-heading strong{color:#e3efc6;font:900 11px "Segoe UI",Tahoma,sans-serif}.mutant-bag-recruit-heading small{font:600 9px/1.45 "Segoe UI",Tahoma,sans-serif}
.mutant-bag-recruit-row{border-color:#345743;border-radius:7px;background:#0d2119}.mutant-bag-recruit-row>button{border-color:#a8c978;border-radius:5px;background:linear-gradient(135deg,#668842,#3c683e);font:800 9px "Segoe UI",Tahoma,sans-serif}
@keyframes companion-art-breathe{50%{box-shadow:inset 0 0 18px #9ef2b42a,0 3px 8px #0009}}
@keyframes companion-live-pulse{50%{opacity:.55;box-shadow:0 0 3px #8bebb0}}
@media(max-width:720px){.mutant-companion-window{right:8px;left:8px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;max-height:min(75dvh,700px);padding:10px}.mutant-companion-hero,.mutant-companion-hero-copy{min-height:128px}.mutant-companion-hero-copy{gap:6px;padding:10px 38px 9px 11px}.mutant-companion-title-row h2{font-size:18px}.mutant-companion-title-row p{font-size:9px}.mutant-companion-title-row>b{font-size:8px}.mutant-companion-live-stats{font-size:8px;gap:4px 9px}.mutant-companion-content{min-height:60px}}
@media(max-width:420px){.mutant-companion-card{grid-template-columns:52px minmax(0,1fr);gap:8px;padding:8px}.mutant-companion-art{width:52px;height:52px}.mutant-companion-art .mutant-follower-icon{width:48px;height:48px}.mutant-companion-head{padding-right:45px}.mutant-companion-head strong{font-size:11px}.mutant-companion-title-row>b{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.mutant-companion-live-stats span:first-child i,.mutant-companion-art{animation:none}.mutant-companion-card,.mutant-follow-toggle{transition:none}}

/* Companion categories and planning workspace */
.mutant-companion-tabs [role="tab"]{justify-content:flex-start;min-height:48px;padding:7px 12px;text-align:left}
.mutant-companion-tabs [role="tab"]>span:first-child{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #425f45;border-radius:7px;background:#0b1b13;color:#e4cc7e;font-size:16px}
.mutant-companion-tabs [role="tab"].active>span:first-child{border-color:#cbb267;background-color:#514624;color:#fff0bd}
.mutant-tab-copy{display:grid;gap:2px;min-width:0;line-height:1.2}
.mutant-tab-copy b{font:800 11px "Segoe UI",Tahoma,sans-serif;color:inherit}
.mutant-tab-copy small{overflow:hidden;color:#9bb49a;font:600 9px "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.mutant-companion-tabs [role="tab"]>i{margin-left:auto;min-width:20px;padding:3px 6px;border-radius:5px;font-size:9px}
.mutant-companion-tabs [role="tab"]:focus-visible,.mutant-companion-window button:focus-visible,.mutant-companion-window select:focus-visible,.mutant-companion-window input:focus-visible{outline:2px solid #f1d47d;outline-offset:2px}
.mutant-companion-content[data-view="expeditions"]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-content:stretch}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel{display:grid;grid-column:1;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);grid-template-rows:auto minmax(0,1fr);align-content:stretch;align-items:start;gap:12px;min-height:0;height:100%;padding:14px;border:1px solid #8e7a42;border-radius:10px;background:linear-gradient(125deg,#282c20 0%,#14251b 58%,#102018 100%);box-shadow:inset 0 1px #fff2c219,0 8px 22px #030806}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel>strong{grid-column:1/-1;padding-bottom:9px;border-bottom:1px solid #506344;font-size:14px}
.mutant-expedition-form{display:grid;align-content:start;gap:12px;padding:4px 0}
.mutant-expedition-field{display:grid;gap:6px;min-width:0;color:#cbd9bf;font:700 11px "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-field>span{color:#e3d69c;font-size:11px}
.mutant-expedition-panel select{min-height:42px;padding:9px 12px;border:1px solid #587859;border-radius:7px;background:#0d1e16;color:#f0f4df;font:700 12px "Segoe UI",Tahoma,sans-serif;box-shadow:inset 0 1px 4px #0008}
.mutant-expedition-panel .mutant-expedition-launch{min-height:44px;margin-top:3px;border-radius:7px;font-size:12px;letter-spacing:.01em}
.mutant-expedition-panel .mutant-expedition-launch:disabled{filter:saturate(.55);opacity:.62}
.mutant-expedition-recommendation{min-height:34px;padding:9px 10px;font-size:11px!important}
.mutant-expedition-guide{display:grid;align-content:start;gap:12px;min-width:0;min-height:230px;padding:15px;border:1px solid #47654b;border-radius:9px;background:radial-gradient(circle at 20% 0%,#33513a 0,#172b20 48%,#101c16 100%);box-shadow:inset 0 1px #ffffff12}
.mutant-expedition-guide>strong{color:#e7d48f;font:900 12px "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-guide-body{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:12px;min-height:78px}
.mutant-expedition-guide-art{display:grid;place-items:center;width:66px;height:66px;overflow:visible;border:1px solid #799b66;border-radius:10px;background:radial-gradient(circle,#68c97935,#15271c 72%);color:#ecd580;font-size:24px;filter:drop-shadow(0 3px 5px #0009)}
.mutant-expedition-guide-art .mutant-follower-icon{width:56px;height:56px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #000b)}
.mutant-expedition-guide-copy{display:grid;gap:5px;min-width:0}
.mutant-expedition-guide-copy b{overflow-wrap:anywhere;color:#f5edcf;font:900 15px/1.25 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-guide-copy small{color:#c3d9b5;font:700 10px/1.5 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-guide>p{margin:0;padding:10px;border-left:2px solid #8ec784;border-radius:0 6px 6px 0;background:#0f2018;color:#c6dcb9;font:700 10px/1.65 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-guide[data-state="empty"]{border-style:dashed;background:linear-gradient(140deg,#1d2a20,#111d16)}
.mutant-expedition-panel:has(>.mutant-expedition-event),.mutant-expedition-panel:has(>button){grid-template-columns:1fr;align-content:start;height:auto;min-height:0}
.mutant-expedition-panel:has(>.mutant-expedition-event)>strong,.mutant-expedition-panel:has(>button)>strong{grid-column:1}
.mutant-expedition-event{padding:14px;border:1px solid #8f6441;border-radius:8px;background:linear-gradient(135deg,#38271c,#241d17)}
.mutant-expedition-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mutant-expedition-actions button,.mutant-expedition-panel>button{min-height:40px;padding:8px 14px;border:1px solid #b89c5a;border-radius:7px;background:linear-gradient(180deg,#55492b,#39331f);color:#fff0bd;font:800 11px "Segoe UI",Tahoma,sans-serif;cursor:pointer}
.mutant-expedition-actions button:last-child{border-color:#6b9270;background:linear-gradient(180deg,#294c35,#183423);color:#e0f2d6}
.mutant-expedition-actions button:hover,.mutant-expedition-panel>button:hover{filter:brightness(1.15)}
.mutant-companion-content[data-view="collection"]{align-content:start}
.mutant-companion-content[data-view="collection"]>.mutant-bag-recruit{padding:14px}
.mutant-bag-recruit-row{min-height:70px;padding:10px}
.mutant-bag-recruit-row>button{min-height:36px;padding:7px 12px;font-size:10px}
.mutant-overview-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;grid-column:1/-1;padding:12px 14px;border:1px solid #47664b;border-radius:9px;background:linear-gradient(100deg,#1c3828,#102319 76%);box-shadow:inset 0 1px #ffffff0b}
.mutant-overview-panel>strong{color:#f0dfa0;font:900 12px "Segoe UI",Tahoma,sans-serif}
.mutant-overview-panel>p{grid-column:1;margin:0;color:#bfd4b4;font:700 10px/1.5 "Segoe UI",Tahoma,sans-serif}
.mutant-overview-panel>button{grid-column:2;grid-row:1/3;min-height:36px;padding:7px 12px;border:1px solid #72966a;border-radius:6px;background:linear-gradient(180deg,#315d3e,#1c3928);color:#e9f5d7;font:800 10px "Segoe UI",Tahoma,sans-serif;cursor:pointer}
.mutant-overview-panel>button:hover{filter:brightness(1.15)}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel[data-state]:not([data-state="planning"]){grid-template-columns:minmax(0,1fr);align-content:start;height:auto;min-height:0}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel[data-state]:not([data-state="planning"])>strong{grid-column:1}
@media(max-width:720px){.mutant-companion-tabs [role="tab"]{justify-content:center;min-height:42px;padding:5px 3px}.mutant-companion-tabs [role="tab"]>span:first-child{width:23px;height:23px;font-size:13px}.mutant-tab-copy small{display:none}.mutant-companion-content[data-view="expeditions"]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:start}.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:start;height:auto;min-height:0;padding:11px}.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel>strong{grid-column:1}.mutant-expedition-form{gap:10px}.mutant-expedition-guide{min-height:0;padding:12px}.mutant-companion-content[data-view="collection"]>.mutant-bag-recruit{padding:10px}}
@media(max-width:420px){.mutant-companion-tabs [role="tab"]{gap:2px}.mutant-companion-tabs [role="tab"]>span:first-child{display:none}.mutant-tab-copy b{font-size:9px}.mutant-companion-tabs [role="tab"]>i{min-width:16px;padding:2px 4px;font-size:8px}}

/* Wide, tabbed companion workspace */
.mutant-companion-window{top:50%;right:auto;left:50%;transform:translate(-50%,-50%);width:min(1040px,calc(100vw - 32px));height:min(700px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);gap:8px;padding:12px;}
.mutant-companion-window [hidden],.mutant-companion-content [hidden]{display:none!important}
.mutant-companion-hero,.mutant-companion-hero-copy{min-height:132px}
.mutant-companion-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;flex:none;padding:5px;border:1px solid #405f43;border-radius:9px;background:linear-gradient(180deg,#0d1d15,#14291d);box-shadow:inset 0 1px #fff1c20a,0 3px 8px #030806}
.mutant-companion-tabs [role="tab"]{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:36px;padding:6px 5px;border:1px solid transparent;border-radius:6px;background:transparent;color:#abc4a7;font:800 10px "Segoe UI",Tahoma,sans-serif;white-space:nowrap;cursor:pointer;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}
.mutant-companion-tabs [role="tab"]>span{color:#cfb86c;font-size:13px}.mutant-companion-tabs [role="tab"]>i{min-width:16px;padding:2px 4px;border:1px solid #466448;border-radius:999px;background:#102118;color:#d4e6c5;font:800 8px "Segoe UI",Tahoma,sans-serif;font-style:normal;text-align:center}
.mutant-companion-tabs [role="tab"]:hover{background:#1b3424;color:#eff4db}.mutant-companion-tabs [role="tab"].active,.mutant-companion-tabs [role="tab"][aria-selected="true"]{border-color:#bca75d;background:linear-gradient(180deg,#62552d,#36432a);color:#fff0bd;box-shadow:inset 0 1px #fff5c72b,0 0 9px #dfc66a1c}.mutant-companion-tabs [role="tab"].active>i{border-color:#d4bd70;background:#493f23;color:#fff0bd}
.mutant-companion-status[data-state="ready"]{border-color:#547d54;background:linear-gradient(90deg,#11291c,#122219);color:#d5edc9}.mutant-companion-status[data-state="ready"]::before{content:"✦";margin-right:7px;color:#d6c16f;text-shadow:0 0 8px #efda8b77}.mutant-companion-status[data-state="error"]{border-color:#98624f;background:#2b1c17;color:#ffd0bc}
.mutant-companion-roster-tools{transition:opacity .15s}.mutant-companion-roster-tools[hidden]{display:none!important}
.mutant-companion-content{grid-template-columns:repeat(2,minmax(0,1fr));flex:1;min-height:0;gap:9px;padding:2px 5px 5px 1px}
.mutant-companion-content>.mutant-expedition-panel,.mutant-companion-content>.mutant-bag-recruit,.mutant-companion-content>.mutant-roster-empty{grid-column:1/-1}
.mutant-companion-content>.mutant-companion-card{min-width:0}
.mutant-companion-content[data-view="roster"]:has(>.mutant-companion-card:only-of-type)>.mutant-companion-card{grid-column:1/-1}
.mutant-companion-content[data-view="expeditions"],.mutant-companion-content[data-view="collection"]{grid-template-columns:minmax(0,1fr);align-content:start}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel,.mutant-companion-content[data-view="collection"]>.mutant-bag-recruit,.mutant-companion-content[data-view="collection"]>.mutant-roster-empty{grid-column:1}
.mutant-collection-empty{min-height:100px;display:grid;place-content:center;text-align:center}
@media(min-width:721px) and (max-width:1000px){.mutant-companion-window{top:50%;right:auto;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 32px);height:min(660px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}}
@media(max-width:720px){.mutant-companion-window{height:min(820px,calc(100dvh - 92px - env(safe-area-inset-bottom)));max-height:min(820px,calc(100dvh - 92px - env(safe-area-inset-bottom)));padding:10px}.mutant-companion-hero,.mutant-companion-hero-copy{min-height:132px}.mutant-companion-tabs{gap:3px;padding:4px}.mutant-companion-tabs [role="tab"]{gap:3px;min-height:35px;padding:5px 2px;font-size:9px}.mutant-companion-tabs [role="tab"]>span{font-size:11px}.mutant-companion-tabs [role="tab"]>i{min-width:14px;padding:1px 3px;font-size:7px}.mutant-companion-content{grid-template-columns:1fr;min-height:0;gap:7px}.mutant-companion-content>.mutant-companion-card,.mutant-companion-content>.mutant-expedition-panel,.mutant-companion-content>.mutant-bag-recruit,.mutant-companion-content>.mutant-roster-empty{grid-column:1}}
@media(max-width:420px){.mutant-companion-tabs [role="tab"]{font-size:8px}.mutant-companion-tabs [role="tab"]>i{display:none}}

/* Per-Mutant ability details */
.mutant-ability-details{grid-column:1/-1;margin:0;border:1px solid #425d47;border-radius:6px;background:linear-gradient(180deg,#0f2118,#12281d);color:#cfdfc5;overflow:hidden}
.mutant-ability-details>summary{padding:7px 9px;color:#e5d18a;font:800 10px "Segoe UI",Tahoma,sans-serif;cursor:pointer;list-style:none}
.mutant-ability-details>summary::-webkit-details-marker{display:none}.mutant-ability-details>summary::before{content:"＋";display:inline-block;width:16px;color:#e7cc73}.mutant-ability-details[open]>summary::before{content:"−"}
.mutant-ability-details>summary:focus-visible{outline:2px solid #e4cb70;outline-offset:-2px}
.mutant-ability-list{display:grid;gap:5px;padding:0 8px 8px}
.mutant-ability-row{display:grid;grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);gap:8px;padding:6px 7px;border-left:2px solid #80ae76;border-radius:3px;background:#1b3022;font:10px/1.45 "Segoe UI",Tahoma,sans-serif}
.mutant-ability-row>b{color:#e5d18a}.mutant-ability-row>span{color:#cad9c5}.mutant-ability-row.is-status{border-left-color:#74c5b2}.mutant-ability-row.is-muted{border-left-color:#617269}.mutant-ability-row.is-muted>span{grid-column:1/-1;color:#aab9aa}
.mutant-ability-note{margin:0;padding:6px 7px;border:1px solid #344b3a;border-radius:4px;color:#c4d7bd;font:10px/1.45 "Segoe UI",Tahoma,sans-serif}
@media(max-width:720px){.mutant-ability-row{grid-template-columns:1fr;gap:2px}}
.mutant-expedition-form{grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;height:100%;overflow:hidden;gap:10px}
.mutant-expedition-field{min-height:0}
.mutant-expedition-route-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.mutant-expedition-route-card{display:grid;align-content:start;gap:5px;min-width:0;min-height:86px;padding:9px;border:1px solid #4f7153;border-radius:8px;background:linear-gradient(145deg,#1e3828,#102017);color:#e6eedb;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.mutant-expedition-route-card>b{color:#f2df9e;font:900 11px/1.3 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-route-card>small{color:#b7c9b2;font:700 9px/1.35 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-route-card>span{align-self:end;color:#85c99b;font:700 9px/1.35 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-route-card:hover{transform:translateY(-1px);border-color:#c7ad5c}
.mutant-expedition-route-card[aria-pressed="true"]{border-color:#f0d47a;background:linear-gradient(145deg,#514526,#1b2c20);box-shadow:inset 0 0 0 1px #f0d47a55,0 0 12px #f0d47a22}
.mutant-expedition-route-card:focus-visible,.mutant-expedition-mutant-card:focus-within{outline:2px solid #f1d47d;outline-offset:2px}
.mutant-expedition-mutant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0;max-height:min(43vh,370px);overflow-y:auto;padding:2px 5px 4px 2px;overscroll-behavior:contain}
.mutant-expedition-mutant-card{display:grid;grid-template-columns:18px 42px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:70px;padding:7px;border:1px solid #45664c;border-radius:8px;background:linear-gradient(140deg,#183222,#0e1b14);cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}
.mutant-expedition-mutant-card:hover{border-color:#86bd78;background:linear-gradient(140deg,#24462c,#102017)}
.mutant-expedition-mutant-card.is-selected{border-color:#f0d47a;background:linear-gradient(140deg,#504627,#1a2c20);box-shadow:inset 0 0 0 1px #f0d47a55,0 0 12px #f0d47a1c}
.mutant-expedition-mutant-card>input{width:16px;height:16px;margin:0;accent-color:#e9ce73;cursor:pointer}
.mutant-expedition-mutant-card>i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #64875e;border-radius:6px;background:radial-gradient(circle,#66d8ba33,#122219 75%);font-style:normal}
.mutant-expedition-mutant-card .mutant-follower-icon{width:36px;height:36px;image-rendering:pixelated}
.mutant-expedition-mutant-copy{display:grid;gap:3px;min-width:0}
.mutant-expedition-mutant-copy>b,.mutant-expedition-mutant-copy>b{overflow:hidden;color:#f1eedc;font:900 11px/1.25 "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.mutant-expedition-mutant-copy>small{overflow:hidden;color:#aec4aa;font:700 9px/1.3 "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.mutant-expedition-mutant-copy>em{justify-self:start;padding:2px 5px;border:1px solid #527451;border-radius:999px;color:#c9dfb8;font:800 8px/1.2 "Segoe UI",Tahoma,sans-serif;font-style:normal}
.mutant-expedition-mutant-copy>em[data-fit="yes"]{border-color:#9b9252;color:#f0d98b}
.mutant-expedition-energy{display:grid;grid-template-columns:minmax(22px,1fr) auto;align-items:center;gap:5px;height:5px;border-radius:99px;background:#07110b;overflow:visible}
.mutant-expedition-energy-bar{height:4px;max-width:100%;border-radius:99px;background:linear-gradient(90deg,#65bd83,#e0d477);box-shadow:0 0 6px #77d28c55}
.mutant-expedition-energy>small{grid-column:1/-1;color:#86a58d;font:700 8px/1 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-empty{grid-column:1/-1;margin:0;padding:18px 10px;border:1px dashed #536a52;border-radius:7px;color:#aabcaa;text-align:center;font:700 10px/1.5 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-panel .mutant-expedition-launch{width:100%;margin-top:0}
.mutant-expedition-guide[data-state="recommended"]{border-color:#857942}
.mutant-expedition-guide[data-state="selected"]{border-color:#87b978;box-shadow:inset 0 0 20px #86d77812,0 0 14px #5ba66b1c}
@media(max-width:900px){.mutant-expedition-route-list{grid-template-columns:1fr}.mutant-expedition-route-card{min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:center}.mutant-expedition-route-card>b{grid-column:1}.mutant-expedition-route-card>small{grid-column:1}.mutant-expedition-route-card>span{grid-column:2;grid-row:1/3}}
@media(max-width:720px){.mutant-expedition-form{height:auto;max-height:none;overflow:visible;grid-template-rows:auto auto auto auto}.mutant-expedition-mutant-list{grid-template-columns:1fr;max-height:240px}.mutant-expedition-route-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mutant-expedition-route-card{display:grid;grid-template-columns:1fr;min-height:80px;align-items:start;padding:7px}.mutant-expedition-route-card>span{grid-column:1;grid-row:auto}.mutant-expedition-route-card>b{font-size:9px}.mutant-expedition-route-card>small,.mutant-expedition-route-card>span{font-size:8px}}

/* Expedition command desk: a calm, two-column planning surface. */
.mutant-companion-window{width:min(1220px,calc(100vw - 28px));height:min(790px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);gap:10px;padding:14px;border-color:#a99558;border-radius:14px;background:linear-gradient(150deg,#10291fef,#07160ff7 76%);box-shadow:0 24px 70px #000d,0 0 0 1px #cfb86b30,inset 0 1px #fff2d01b}
.mutant-companion-hero,.mutant-companion-hero-copy{min-height:92px}
.mutant-companion-hero{height:104px;min-height:0}
.mutant-companion-hero-copy{height:100%;min-height:0;box-sizing:border-box}
.mutant-companion-window .service-kicker{display:none!important}
.mutant-companion-hero{border-color:#597b62;border-radius:10px;box-shadow:inset 0 0 0 1px #09140f,0 8px 24px #0006}
.mutant-companion-hero-copy{gap:7px;padding:12px 54px 12px 18px}
.mutant-companion-title-row h2{font-size:23px;letter-spacing:.01em;text-shadow:0 2px 8px #08130c}
.mutant-companion-title-row p{font-size:11px;color:#d5e2d1}
.mutant-companion-live-stats{gap:7px 18px;font-size:10px;color:#e4eddc}
.mutant-companion-window .service-close{top:10px;right:10px;width:34px;height:34px;border-color:#c2a95d;border-radius:9px;background:#102218e8;color:#fff1bd}
.mutant-companion-tabs{gap:6px;padding:5px;border-color:#344e40;border-radius:9px;background:#0a1b14;box-shadow:none}
.mutant-companion-tabs [role="tab"]{justify-content:flex-start;min-height:40px;padding:6px 11px;border-radius:7px;color:#b8c9bb}
.mutant-companion-tabs [role="tab"]>span:first-child{width:28px;height:28px;border-color:#3f5c4b;border-radius:7px;background:#102319;color:#d7bd70}
.mutant-companion-tabs [role="tab"].active,.mutant-companion-tabs [role="tab"][aria-selected="true"]{border-color:#9b8751;background:linear-gradient(120deg,#36412d,#1a3024);color:#f2e6be;box-shadow:inset 0 0 0 1px #cbb56b23}
.mutant-companion-tabs [role="tab"].active>span:first-child{border-color:#c2a657;background-color:#3f3923;color:#f5dc8f}
.mutant-companion-tabs [role="tab"]>i{border-color:#3d5c46;background:#0d2017;color:#cee1c6}
.mutant-companion-status{min-height:34px;padding:8px 11px;border-color:#365a45;border-radius:6px;background:#0c2018;color:#c8ddc9;font-size:10px}
.mutant-companion-content[data-view="expeditions"]{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;overflow:auto;padding:0 1px 2px}
.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]){height:auto;min-height:0}
.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"])>.mutant-companion-content{flex:0 1 auto;min-height:0}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-height:0;height:auto;padding:14px;border:1px solid #354f40;border-radius:10px;background:linear-gradient(145deg,#12271d,#0b1c14 64%,#102219);box-shadow:inset 0 1px #ffffff0a,0 8px 20px #0005}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel>strong{grid-column:1;padding:0 0 9px;border-bottom:1px solid #314b3a;color:#f0dfa8;font-size:15px;letter-spacing:.02em}
.mutant-expedition-form{display:grid;grid-template-columns:minmax(230px, .72fr) minmax(0,1.8fr);grid-template-rows:auto auto;grid-template-areas:"routes team" "launch summary";align-content:start;align-items:start;gap:14px 18px;width:100%;max-height:none;min-height:0;height:auto;overflow:visible;padding:0}
.mutant-expedition-field{display:grid;align-content:start;gap:10px;min-width:0;min-height:0}
.mutant-expedition-field:first-child{grid-area:routes}.mutant-expedition-field:nth-child(2){grid-area:team}
.mutant-expedition-field>strong{display:flex;align-items:center;justify-content:space-between;min-height:25px;color:#dce6d7;font-size:12px;letter-spacing:.015em}
.mutant-expedition-route-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.mutant-expedition-route-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title duration" "reward reward";align-content:center;align-items:center;gap:5px 8px;min-height:72px;padding:9px 11px;border:1px solid #344e3d;border-radius:8px;background:#102219;color:#dce7d8;box-shadow:inset 0 1px #ffffff0a;transition:border-color .16s,background .16s,transform .16s}
.mutant-expedition-route-card>b{grid-area:title;overflow:hidden;color:#e9d897;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.mutant-expedition-route-card>small{grid-area:duration;padding:4px 7px;border:1px solid #354f40;border-radius:999px;background:#0a1a13;color:#b7c8ba;font-size:9px;white-space:nowrap}
.mutant-expedition-route-card>span{grid-area:reward;color:#a6c9a8;font-size:10px;line-height:1.35}
.mutant-expedition-route-card:hover{transform:translateY(-1px);border-color:#739177;background:#162d20}
.mutant-expedition-route-card[aria-pressed="true"]{border-color:#d4bc6e;background:linear-gradient(120deg,#3a3924,#18291e);box-shadow:inset 0 0 0 1px #d7c06a45,0 4px 14px #0004}
.mutant-expedition-mutant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;max-height:min(50vh,440px);overflow:auto;padding:1px 4px 3px 1px;scrollbar-color:#637e5e #0a1711;scrollbar-width:thin;overscroll-behavior:contain}
.mutant-expedition-mutant-card{display:grid;grid-template-columns:18px 48px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:80px;padding:8px;border:1px solid #344e3d;border-radius:9px;background:linear-gradient(135deg,#152a1f,#0e1d15);box-shadow:inset 0 1px #ffffff0a;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}
.mutant-expedition-mutant-card:hover{transform:translateY(-1px);border-color:#6f9475;background:linear-gradient(135deg,#1b3525,#102218)}
.mutant-expedition-mutant-card.is-selected{border-color:#d5bd6e;background:linear-gradient(135deg,#383722,#17271d);box-shadow:inset 0 0 0 1px #d5bd6e42,0 4px 15px #0004}
.mutant-expedition-mutant-card>input{width:18px;height:18px;margin:0;accent-color:#d7bf6d;cursor:pointer}
.mutant-expedition-mutant-card>i{display:grid;place-items:center;width:48px;height:48px;border:1px solid #45644d;border-radius:9px;background:radial-gradient(circle,#62cfa62b,#102018 76%);font-style:normal}
.mutant-expedition-mutant-card .mutant-follower-icon{width:42px;height:42px;image-rendering:pixelated;filter:drop-shadow(0 3px 4px #0009)}
.mutant-expedition-mutant-copy{display:grid;gap:3px;min-width:0}
.mutant-expedition-mutant-copy>b{overflow:hidden;color:#f0ecd8;font:800 12px/1.25 "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.mutant-expedition-mutant-copy>small{overflow:hidden;color:#b7c7b4;font:600 9px/1.25 "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.mutant-expedition-mutant-copy>em{justify-self:start;padding:2px 6px;border:1px solid #42604a;border-radius:999px;background:#102119;color:#bdd3b8;font:700 8px/1.2 "Segoe UI",Tahoma,sans-serif;font-style:normal}
.mutant-expedition-mutant-copy>em[data-fit="yes"]{border-color:#91814a;background:#292819;color:#ebd994}
.mutant-expedition-energy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0}
.mutant-expedition-energy-bar{grid-column:1;height:5px;max-width:100%;border-radius:99px;background:linear-gradient(90deg,#58a875,#c5cb75);box-shadow:0 0 7px #77d28c44}
.mutant-expedition-energy>small{grid-column:2;color:#d7dfbd;font:700 8px/1 "Segoe UI",Tahoma,sans-serif;font-variant-numeric:tabular-nums}
.mutant-expedition-empty{grid-column:1/-1;margin:0;padding:26px 14px;border:1px dashed #506754;border-radius:8px;background:#0e1e16;color:#acbfad;text-align:center;font:600 11px/1.6 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-recommendation{grid-area:summary;display:flex;align-items:center;min-height:54px;margin:0;padding:10px 13px;border:1px solid #3d5c47;border-radius:7px;background:#0c2017;color:#c4ddc3!important;font:600 11px/1.5 "Segoe UI",Tahoma,sans-serif}
.mutant-expedition-recommendation[data-state="selected"]{border-color:#a6955b;background:#263123;color:#f0ebd0!important}
.mutant-expedition-recommendation[data-state="empty"]{border-color:#665c3c;color:#bdb694!important}
.mutant-expedition-panel .mutant-expedition-launch{grid-area:launch;min-height:52px;margin:0;border:1px solid #c9b46e;border-radius:8px;background:linear-gradient(180deg,#67572f,#40391f);color:#fff2c7;font:800 13px "Segoe UI",Tahoma,sans-serif;letter-spacing:.01em;text-shadow:0 1px #261e0e;box-shadow:inset 0 1px #fff3c433,0 5px 12px #0005;transition:filter .16s,transform .16s}
.mutant-expedition-panel .mutant-expedition-launch:not(:disabled):hover{filter:brightness(1.13);transform:translateY(-1px)}
.mutant-expedition-panel .mutant-expedition-launch:disabled{filter:saturate(.35);opacity:.48}
.mutant-expedition-guide[data-state="recommended"]{border-color:#8b8050}.mutant-expedition-guide[data-state="selected"]{border-color:#84a66f;box-shadow:inset 0 0 20px #86d77812,0 0 14px #5ba66b1c}
@media(max-width:900px){.mutant-companion-window{width:calc(100vw - 24px)}.mutant-expedition-form{grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr);gap:12px}.mutant-expedition-mutant-list{grid-template-columns:minmax(0,1fr)}.mutant-expedition-mutant-card{min-height:84px}}
.mutant-expedition-recommendation{grid-area:summary}
.mutant-expedition-panel .mutant-expedition-launch{grid-area:launch}
@media(max-width:720px){.mutant-companion-window{right:8px;left:8px;bottom:calc(76px + env(safe-area-inset-bottom));top:8px;transform:none;width:auto;height:auto;max-height:calc(100dvh - 92px - env(safe-area-inset-bottom));padding:10px}.mutant-companion-hero{height:auto}.mutant-companion-hero,.mutant-companion-hero-copy{min-height:112px}.mutant-companion-hero-copy{height:auto;padding:10px 44px 10px 12px}.mutant-companion-title-row h2{font-size:18px}.mutant-companion-tabs [role="tab"]{justify-content:center;min-height:40px;padding:5px 3px}.mutant-tab-copy small{display:none}.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel{gap:11px;padding:11px}.mutant-expedition-form{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"routes" "team" "summary" "launch";gap:11px}.mutant-expedition-route-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mutant-expedition-route-card{min-height:90px;padding:8px}.mutant-expedition-route-card>b{font-size:10px}.mutant-expedition-route-card>small{font-size:8px}.mutant-expedition-route-card>span{font-size:9px}.mutant-expedition-mutant-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.mutant-expedition-mutant-card{grid-template-columns:16px 42px minmax(0,1fr);gap:7px;min-height:78px;padding:7px}.mutant-expedition-mutant-card>i{width:42px;height:42px}.mutant-expedition-mutant-card .mutant-follower-icon{width:36px;height:36px}.mutant-expedition-mutant-copy>b{font-size:11px}.mutant-expedition-mutant-copy>small{font-size:9px}.mutant-expedition-recommendation{min-height:44px}.mutant-expedition-panel .mutant-expedition-launch{min-height:46px}}
@media(max-width:460px){.mutant-companion-window{gap:7px;padding:8px}.mutant-companion-hero,.mutant-companion-hero-copy{min-height:102px}.mutant-companion-live-stats{gap:4px 8px;font-size:8px}.mutant-companion-tabs{gap:2px;padding:3px}.mutant-companion-tabs [role="tab"]{gap:2px;min-height:34px;font-size:8px}.mutant-companion-tabs [role="tab"]>span:first-child{display:none}.mutant-companion-tabs [role="tab"]>i{display:none}.mutant-expedition-route-list,.mutant-expedition-mutant-list{grid-template-columns:minmax(0,1fr)}.mutant-expedition-route-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title duration" "reward reward";min-height:65px}.mutant-expedition-mutant-card{min-height:74px}.mutant-expedition-panel .mutant-expedition-launch{font-size:11px}}

/* Premium grove finish: one illustrated focal point, restrained gold detailing. */
.mutant-companion-window{border-color:#c4a95c;background:linear-gradient(145deg,#112b20f7,#081710fa 72%);box-shadow:0 26px 76px #000e,0 0 0 1px #e2c96a52,0 0 38px #86d79613,inset 0 1px #fff5d326,inset 0 0 0 2px #080f0b}
.mutant-companion-hero{height:132px;border-color:#8f8753;box-shadow:inset 0 0 0 1px #0b160f,0 10px 26px #0008}
.mutant-companion-hero>img{object-position:center 57%;image-rendering:pixelated;filter:saturate(1.04) contrast(1.06) brightness(.9)}
.mutant-companion-hero-shade{background:linear-gradient(90deg,#071710f2 0%,#0a1d16e6 34%,#0a1c169b 60%,#09171035 100%),linear-gradient(0deg,#07130de0,transparent 70%)}
.mutant-companion-hero::before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(ellipse at 79% 58%,#67f5cd24 0%,transparent 31%),radial-gradient(ellipse at 91% 40%,#ffd46c1e 0%,transparent 24%);mix-blend-mode:screen;animation:companion-grove-aura 8s ease-in-out infinite alternate}
.mutant-companion-hero::after{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(110deg,transparent 34%,#f8e6a40a 46%,#f8e6a418 50%,#f8e6a408 54%,transparent 66%);transform:translateX(-110%);animation:companion-grove-glint 12s ease-in-out infinite}
@keyframes companion-grove-aura{from{opacity:.52}to{opacity:1}}
.mutant-companion-hero-copy{position:relative;z-index:1;padding-left:20px}
.mutant-companion-title-row h2{color:#fff2ca;text-shadow:0 2px 12px #07130c,0 0 22px #edcc7550}
.mutant-companion-title-row>b{border:1px solid #c7ae62;border-radius:7px;background:linear-gradient(140deg,#1a3023e8,#0b1a13f2);box-shadow:inset 0 1px #fff4d633,0 5px 14px #0007;color:#ffefba}
.mutant-companion-live-stats>span{padding:4px 7px;border:1px solid #d4c27a32;border-radius:999px;background:#0b1a13a8;box-shadow:inset 0 1px #fff1d311}
.mutant-companion-live-stats>span:first-child i{box-shadow:0 0 9px #8af2a4}
.mutant-companion-tabs{border-color:#61774b;background:linear-gradient(180deg,#0c2118,#091710);box-shadow:inset 0 1px #fff2d00e,0 4px 12px #0005}
.mutant-companion-tabs [role="tab"]{transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.mutant-companion-tabs [role="tab"]:hover{transform:translateY(-1px);border-color:#9b8e57;background:#182c20}
.mutant-companion-tabs [role="tab"].active,.mutant-companion-tabs [role="tab"][aria-selected="true"]{background:linear-gradient(135deg,#514a2e,#1b3023 82%);box-shadow:inset 0 1px #fff2c322,inset 0 0 0 1px #ddc67227,0 3px 10px #0005}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel{border-color:#64764a;background:radial-gradient(ellipse at 95% 0%,#bca85c12,transparent 42%),linear-gradient(145deg,#142b20,#0a1a12 70%,#10251a);box-shadow:inset 0 1px #fff2d012,0 10px 26px #0005}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel>strong{border-color:#6d7650;color:#f4e4af}
.mutant-expedition-route-card{border-color:#3f5b45;background:linear-gradient(145deg,#182d21,#0c1b13);box-shadow:inset 0 1px #fff2d00c,0 3px 9px #0003}
.mutant-expedition-route-card[aria-pressed="true"]{border-color:#d9c36e;background:linear-gradient(135deg,#4a442b,#17291e);box-shadow:inset 0 1px #fff2c324,inset 0 0 0 1px #d7c06a45,0 5px 15px #0006}
.mutant-expedition-mutant-card{border-color:#3a5943;background:linear-gradient(145deg,#162d20,#0b1b13);box-shadow:inset 0 1px #fff2d00c,0 3px 9px #0003}
.mutant-expedition-mutant-card.is-selected{border-color:#d8c16d;background:linear-gradient(135deg,#3c3a26,#13281c);box-shadow:inset 0 1px #fff2c324,inset 0 0 0 1px #d5bd6e44,0 5px 15px #0006}
.mutant-expedition-panel .mutant-expedition-launch{border-color:#dfc66e;background:linear-gradient(180deg,#76653a,#494024);box-shadow:inset 0 1px #fff6d544,0 5px 14px #0007,0 0 16px #e8c96914}
@keyframes companion-grove-glint{0%,64%,100%{transform:translateX(-110%);opacity:0}70%{opacity:1}86%{transform:translateX(110%);opacity:.6}}
@media(max-width:720px){.mutant-companion-hero{height:auto;min-height:112px}.mutant-companion-hero-copy{padding-left:12px}}
@media(max-width:460px){.mutant-companion-hero,.mutant-companion-hero-copy{min-height:102px}}
@media(prefers-reduced-motion:reduce){.mutant-companion-hero::before,.mutant-companion-hero::after{animation:none}}

/* Overview becomes a small shared garden where every housed Mutant is visible. */
.mutant-companion-content[data-view="overview"]{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px}
.mutant-companion-content[data-view="overview"]>.mutant-overview-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;border:1px solid #a78c4c;border-radius:10px;background:linear-gradient(145deg,#10241a,#08150f 80%);box-shadow:inset 0 1px #fff3d61c,0 9px 26px #0007}
.mutant-garden-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:1px 2px}
.mutant-garden-heading>strong{color:#ffefbc;font:900 15px "Segoe UI",Tahoma,sans-serif;text-shadow:0 2px 9px #0009}
.mutant-garden-heading>p{grid-column:1;margin:0;color:#b7cfb5;font:700 10px "Segoe UI",Tahoma,sans-serif}
.mutant-garden-heading>button{grid-column:2;grid-row:1/3;min-height:34px;padding:6px 12px;border:1px solid #8b8952;border-radius:6px;background:linear-gradient(180deg,#304c36,#182b1e);color:#f2e3ad;font:800 10px "Segoe UI",Tahoma,sans-serif;cursor:pointer}
.mutant-garden-scene{position:relative;isolation:isolate;min-height:196px;overflow:hidden;border:1px solid #738452;border-radius:8px;background:linear-gradient(180deg,#07161055 0%,#0c2417a0 70%,#09140dd9 100%),url("/assets/mutants/companion/companion-grove-pixel-v3.png") center 56%/cover no-repeat;box-shadow:inset 0 0 36px #06130cb3,0 5px 15px #0007}
.mutant-garden-scene::before{position:absolute;inset:auto 0 0;height:37%;z-index:0;content:"";background:linear-gradient(180deg,transparent,#07130cbb 76%),repeating-linear-gradient(90deg,#a9c9780a 0 2px,transparent 2px 29px)}
.mutant-garden-occupants{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));align-items:end;gap:0 6px;min-height:196px;padding:27px 13px 12px}
.mutant-garden-tile{position:relative;display:grid;grid-template-rows:76px auto;justify-items:center;align-content:end;align-self:stretch;min-width:0;padding:0 3px 5px;border:1px solid transparent;border-radius:8px;background:linear-gradient(180deg,#08161008,#07120c72);color:#f3eac5;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,filter .18s;animation:mutant-garden-arrive .36s both;animation-delay:calc(min(var(--garden-order),10) * 28ms)}
.mutant-garden-tile:hover,.mutant-garden-tile:focus-visible{transform:translateY(-3px);border-color:#d4bd73;background:linear-gradient(180deg,#22402b88,#08150edb);outline:none;filter:brightness(1.08)}
.mutant-garden-tile.is-selected{border-color:#ebd283;background:linear-gradient(180deg,#9b874320,#08140edb);box-shadow:inset 0 0 0 1px #f3d88738,0 0 14px #e7cd7525}
.mutant-garden-tile.is-unhoused{opacity:.76;filter:saturate(.65)}
.mutant-garden-sprite{position:relative;display:grid;align-self:end;justify-items:center;width:100%;height:70px}
.mutant-garden-shadow{position:absolute;bottom:2px;width:43px;height:12px;border-radius:50%;background:#07110bc9;box-shadow:0 0 11px #72d99a27;transform:scaleX(1.2)}
.mutant-garden-art{position:absolute;bottom:7px;display:grid;place-items:center;width:58px;height:58px;filter:drop-shadow(0 2px 2px #020704) drop-shadow(0 0 6px #79e2b759);animation:mutant-garden-idle-float 2.7s ease-in-out infinite alternate;animation-delay:calc(var(--garden-order) * -170ms)}
.mutant-garden-art img{display:block;width:56px;height:56px;object-fit:contain;image-rendering:pixelated}
.mutant-garden-status-icon{position:absolute;top:-8px;left:50%;z-index:2;display:grid;place-items:center;min-width:25px;height:23px;padding:0 4px;border:1px solid #d4c376;border-radius:999px;background:linear-gradient(180deg,#173724f2,#091811f5);box-shadow:0 2px 8px #020704aa,0 0 8px #b9e5a633;color:#fff2c0;font:900 12px/1 "Segoe UI Emoji","Segoe UI",sans-serif;transform:translateX(-50%)}
.mutant-garden-name{position:relative;z-index:1;display:block;max-width:100%;overflow:hidden;color:#f7edcf;font:800 9px/1.35 "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #000}
.mutant-garden-tile.is-unhoused .mutant-garden-name::after{content:" · กระเป๋า";color:#e0d2a2}
.mutant-garden-empty{position:absolute;inset:45% 12px auto;margin:0;color:#ebdfb7;text-align:center;font:800 12px "Segoe UI",Tahoma,sans-serif;text-shadow:0 2px 5px #000}
.mutant-garden-selected{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,1.6fr);align-items:center;gap:9px 14px;padding:10px;border:1px solid #687d52;border-radius:8px;background:linear-gradient(110deg,#1a3123,#0b1b13 78%);box-shadow:inset 0 1px #fff2d316,0 4px 12px #0005}
.mutant-garden-selected-name{display:flex;align-items:center;gap:10px;min-width:0}
.mutant-garden-selected-art{display:grid;place-items:center;flex:none;width:60px;height:60px;border:1px solid #9b9b63;border-radius:6px;background:radial-gradient(circle,#76dcab21,#08170f 70%);box-shadow:0 3px 12px #0007}
.mutant-garden-selected-art img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}
.mutant-garden-selected-info{display:grid;min-width:0;gap:5px}
.mutant-garden-selected-info>strong{overflow:hidden;color:#fff0bf;font:900 14px "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.mutant-garden-selected-info>small{color:#b8d0b3;font:700 9px/1.4 "Segoe UI",Tahoma,sans-serif}
.mutant-garden-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mutant-garden-meter{display:grid;gap:4px;min-width:0;color:#c5d6bd;font:700 8px "Segoe UI",Tahoma,sans-serif}
.mutant-garden-meter>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mutant-garden-meter>i{display:block;width:100%;height:6px;overflow:hidden;border:1px solid #07110b;border-radius:999px;background:#08120d;background-repeat:no-repeat;background-size:var(--value,0%) 100%}
.mutant-garden-meter-energy>i{background-image:linear-gradient(90deg,#66c987,#d9c762)}
.mutant-garden-meter-mood>i{background-image:linear-gradient(90deg,#d47499,#f0cc6d)}
.mutant-garden-meter-bond>i{background-image:linear-gradient(90deg,#78b9c8,#a78bf0)}
.mutant-garden-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(130px,1fr) auto auto auto minmax(150px,.8fr) auto;align-items:center;gap:6px}
.mutant-garden-actions label{display:flex;align-items:center;gap:5px;min-width:0;color:#d8d3ac;font:800 8px "Segoe UI",Tahoma,sans-serif}
.mutant-garden-actions select{width:100%;min-width:0;height:31px;padding:4px 7px;border:1px solid #617a59;border-radius:5px;background:#0c1c14;color:#edf2dc;font:700 9px "Segoe UI",Tahoma,sans-serif}
.mutant-garden-actions button,.mutant-garden-move-in{min-height:31px;padding:6px 9px;border:1px solid #71895f;border-radius:5px;background:linear-gradient(180deg,#2f593a,#173321);color:#f0f2d6;font:800 9px "Segoe UI",Tahoma,sans-serif;cursor:pointer}
.mutant-garden-actions button:hover:not(:disabled),.mutant-garden-move-in:hover{filter:brightness(1.15)}
.mutant-garden-actions button:disabled{opacity:.48;cursor:not-allowed}
.mutant-garden-actions button:first-of-type{border-color:#a18c4d;background:linear-gradient(180deg,#67562c,#3c321e);color:#fff0bf}
.mutant-garden-bag-note{grid-column:1;color:#d3ddb9;font:700 10px/1.5 "Segoe UI",Tahoma,sans-serif}
.mutant-garden-move-in{justify-self:end;min-width:125px;border-color:#c1a75b;background:linear-gradient(180deg,#766231,#47381d);color:#fff0be}
@keyframes mutant-garden-idle-float{from{transform:translateY(1px) rotate(-1deg)}to{transform:translateY(-4px) rotate(1deg)}}
@keyframes mutant-garden-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.mutant-garden-scene,.mutant-garden-occupants{min-height:222px}.mutant-garden-occupants{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:2px;padding:24px 7px 8px}.mutant-garden-tile{grid-template-rows:72px auto}.mutant-garden-selected{grid-template-columns:minmax(0,1fr);gap:8px}.mutant-garden-selected-name{grid-column:1}.mutant-garden-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mutant-garden-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.mutant-garden-food,.mutant-garden-training{grid-column:span 2}}
@media(max-width:420px){.mutant-garden-heading>strong{font-size:13px}.mutant-garden-scene,.mutant-garden-occupants{min-height:242px}.mutant-garden-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mutant-garden-food,.mutant-garden-training{grid-column:1/-1}.mutant-garden-actions select{height:34px}.mutant-garden-actions button{min-height:34px}}
@media(prefers-reduced-motion:reduce){.mutant-garden-tile,.mutant-garden-art{animation:none}}

/* Living pixel garden: each companion roams its own patch like an NPC. */
.mutant-garden-scene{min-height:var(--garden-height,270px);border-color:#a99a5e;background-image:linear-gradient(180deg,#08180d0a 0%,#0c24170a 72%,#09140d5e 100%),url("/assets/mutants/companion/companion-grove-pixel-v4.png");background-position:center 58%;background-size:cover;box-shadow:inset 0 0 35px #06130c52,0 6px 20px #0008}
.mutant-garden-scene::before{height:24%;background:linear-gradient(180deg,transparent,#07130c9c 80%),repeating-linear-gradient(90deg,#a9c9780a 0 2px,transparent 2px 29px)}
.mutant-garden-occupants{position:absolute;inset:0;display:block;min-height:0;padding:0}
.mutant-garden-tile,.mutant-companion-window .mutant-garden-tile{position:absolute;left:50%;top:50%;display:flex;width:84px;height:94px;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:0!important;transform:translate(-50%,-50%);appearance:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#f3eac5;cursor:pointer;animation:none!important;transition:none!important;overflow:visible;will-change:left,top;z-index:1}
.mutant-garden-tile:hover,.mutant-garden-tile:focus-visible{transform:translate(-50%,-50%);border:0!important;background:transparent!important;box-shadow:none!important;outline:none;filter:none}
.mutant-garden-tile.is-selected .mutant-garden-art,.mutant-garden-tile:focus-visible .mutant-garden-art{filter:drop-shadow(0 0 4px #ffe68e) drop-shadow(0 0 11px #f0d571b3)}
.mutant-garden-tile:hover .mutant-garden-art{filter:drop-shadow(0 0 4px #d9f4c3) drop-shadow(0 0 9px #9ce7b68a)}
.mutant-garden-tile.is-unhoused{animation:none;opacity:.78;filter:saturate(.65)}
.mutant-garden-sprite{display:block;flex:none;width:78px;height:76px}
.mutant-garden-shadow{left:50%;bottom:4px;width:38px;height:9px;background:#06100bbd;filter:blur(1px);transform:translateX(-50%);animation:mutant-garden-shadow 1s ease-in-out infinite alternate}
.mutant-garden-art{left:50%;bottom:7px;width:72px;height:68px;transform:translateX(-50%);filter:drop-shadow(0 3px 2px #020704) drop-shadow(0 0 7px #79e2b759);animation:none}
.mutant-garden-tile[data-walking="true"] .mutant-garden-art{animation:mutant-garden-walk 300ms steps(2,end) infinite alternate}
.mutant-garden-tile[data-walking="false"] .mutant-garden-art{animation:mutant-garden-idle 2.2s ease-in-out infinite}
.mutant-garden-art canvas{display:block;width:70px;height:70px;image-rendering:pixelated}
.mutant-garden-status-icon{top:-22px;left:50%;min-width:25px;height:23px;border-color:#e2d18c;background:linear-gradient(180deg,#1e3b2bf5,#091810f5);font-size:12px;animation:mutant-garden-status 1.8s ease-in-out infinite}
.mutant-garden-tile:hover .mutant-garden-status-icon::after,.mutant-garden-tile:focus-visible .mutant-garden-status-icon::after{position:absolute;top:22px;left:50%;z-index:3;display:block;width:max-content;max-width:104px;padding:3px 6px;border:1px solid #cfbd7775;border-radius:4px;background:#08160ff2;color:#f5e9c3;content:attr(title);font:800 8px/1.2 "Segoe UI",Tahoma,sans-serif;transform:translateX(-50%);white-space:nowrap;box-shadow:0 2px 6px #0008}
.mutant-garden-name{max-width:78px;padding:1px 3px;border:0;background:transparent;color:#fff3ce;text-align:center;font-size:9px;text-shadow:0 1px 3px #07110b,0 0 6px #07110b,0 0 9px #07110b}
.mutant-garden-tile.is-unhoused .mutant-garden-name::after{content:" · กระเป๋า";color:#e0d2a2}
.mutant-garden-context-menu{position:absolute;z-index:20;display:grid;width:166px;gap:4px;padding:7px;border:1px solid #dec66f;border-radius:8px;background:linear-gradient(145deg,#193524f7,#08140ff7);box-shadow:0 8px 24px #000b,inset 0 1px #fff3d625;backdrop-filter:blur(8px)}
.mutant-garden-context-menu>strong{overflow:hidden;padding:2px 4px 5px;border-bottom:1px solid #b9a95d66;color:#ffedb8;font:900 10px "Segoe UI",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.mutant-garden-context-menu>button{min-height:30px;padding:5px 8px;border:1px solid #56734f;border-radius:5px;background:#10251a;color:#f4edcf;text-align:left;font:800 10px "Segoe UI",Tahoma,sans-serif;cursor:pointer}
.mutant-garden-context-menu>button:hover:not(:disabled){border-color:#e1c970;background:#34472a}
.mutant-garden-context-menu>button:disabled{opacity:.46;cursor:not-allowed}
.mutant-garden-context-select{width:100%;height:27px;padding:3px 6px;border:1px solid #607951;border-radius:5px;background:#0c1c14;color:#edf2dc;font:700 9px "Segoe UI",Tahoma,sans-serif}
@keyframes mutant-garden-walk{from{translate:0 1px}to{translate:0 -2px}}
@keyframes mutant-garden-idle{0%,100%{translate:0 0}50%{translate:0 -1px}}
@keyframes mutant-garden-shadow{from{scale:.9 1;opacity:.7}to{scale:1.15 1;opacity:1}}
@keyframes mutant-garden-status{0%,100%{translate:0 0}50%{translate:0 -3px}}
@media(max-width:720px){.mutant-garden-scene{min-height:var(--garden-height,280px);background-position:center 58%}.mutant-garden-occupants{display:block;min-height:0;padding:0}.mutant-garden-tile{width:76px;height:90px}}
@media(max-width:420px){.mutant-garden-scene{min-height:var(--garden-height,300px)}}
@media(prefers-reduced-motion:reduce){.mutant-garden-tile,.mutant-garden-art,.mutant-garden-shadow,.mutant-garden-status-icon{animation:none;will-change:auto}}

/* Cohesive pixel-art navigation icons, cropped from the generated 2x2 sprite. */
.mutant-companion-tabs [role="tab"]>span.mutant-tab-icon{background-image:url("/assets/mutants/companion/companion-tabs-icons-v1.png");background-repeat:no-repeat;background-size:200% 200%;background-color:#0b1b13;background-clip:padding-box;image-rendering:pixelated;color:transparent;font-size:0;filter:drop-shadow(0 1px 2px #0009)}
.mutant-companion-tabs [role="tab"]>span.mutant-tab-icon-overview{background-position:0 0}
.mutant-companion-tabs [role="tab"]>span.mutant-tab-icon-roster{background-position:100% 0}
.mutant-companion-tabs [role="tab"]>span.mutant-tab-icon-expeditions{background-position:0 100%}
.mutant-companion-tabs [role="tab"]>span.mutant-tab-icon-collection{background-position:100% 100%}
.mutant-companion-tabs [role="tab"].active>span.mutant-tab-icon,.mutant-companion-tabs [role="tab"][aria-selected="true"]>span.mutant-tab-icon{filter:drop-shadow(0 0 5px #e7cd747a) drop-shadow(0 2px 2px #0009)}
@media(max-width:460px){.mutant-companion-tabs [role="tab"]>span.mutant-tab-icon{display:grid;width:25px;height:25px}}

.sale-toast-stack .mutant-expedition-toast{pointer-events:auto;position:relative;grid-template-columns:42px minmax(0,1fr);align-items:start;overflow:hidden;border-color:#9bcf8f;background:linear-gradient(145deg,#193c2cf7,#0b1b13fa);animation:mutant-expedition-arrive .34s cubic-bezier(.2,.8,.2,1) both}
.mutant-expedition-toast::before{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#f2d77e,#8bd7a1);content:""}
.mutant-expedition-toast-icon{display:grid;place-items:center;border:1px solid #abc98b;color:#f1dc92;font-size:21px;text-shadow:0 0 12px #e1c96a88}
.mutant-expedition-toast-icon img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}
.mutant-expedition-toast-copy{display:grid;gap:4px;min-width:0}
.sale-toast .mutant-expedition-toast-copy>span{line-height:1.45}
.sale-toast .mutant-expedition-toast-copy>b{font-size:11px;line-height:1.4}
.mutant-expedition-toast-action{justify-self:start;margin-top:3px;padding:4px 10px;border:1px solid #bda85e;border-radius:5px;background:linear-gradient(#766437,#4a3d24);color:#fff1b7;font:800 10px/1.35 "Segoe UI",Tahoma,sans-serif;cursor:pointer;pointer-events:auto}
.mutant-expedition-toast-action:hover{filter:brightness(1.16)}
.mutant-expedition-toast-event{border-color:#d4b96a!important}
.mutant-expedition-toast-claim{border-color:#82d2a0!important;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #0006,0 0 18px #82d2a022!important}
@keyframes mutant-expedition-arrive{from{opacity:0;transform:translateX(18px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.mutant-expedition-toast{animation:none!important}}

/* A brief, skippable departure vignette, shown only after the server accepts a trip. */
.mutant-departure-overlay{position:fixed;z-index:12000;inset:0;display:grid;place-items:center;overflow:hidden;padding:22px;background:radial-gradient(ellipse at 50% 48%,#193b2bdd 0%,#07130feF 75%);backdrop-filter:blur(5px);animation:mutant-departure-overlay-in .3s ease-out both}
.mutant-departure-overlay::before,.mutant-departure-overlay::after{position:absolute;inset:-35%;pointer-events:none;content:""}
.mutant-departure-overlay::before{background:repeating-linear-gradient(112deg,transparent 0 68px,#bddc7b08 70px,#f0d7780d 72px,transparent 75px 128px);animation:mutant-departure-wind 5s linear infinite}
.mutant-departure-overlay::after{inset:0;background:radial-gradient(ellipse at center,transparent 25%,#020907a8 100%)}
.mutant-departure-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:9px;width:min(760px,100%);overflow:hidden;padding:clamp(14px,3vw,27px);border:1px solid #d2b765;border-radius:15px;background:linear-gradient(155deg,#142b20f5,#09170ff8 68%,#14251bf7);box-shadow:0 28px 90px #000d,0 0 0 3px #0b160f,0 0 48px #c6a85127,inset 0 1px #fff2c32c;animation:mutant-departure-card-in .55s cubic-bezier(.18,.86,.2,1) both}
.mutant-departure-card::before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#6fbd7d,#f4dc83,#78c99a);content:""}
.mutant-departure-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mutant-departure-kicker{color:#e8d38c;font:900 10px/1.35 var(--pixel-font,monospace);letter-spacing:.08em;text-shadow:0 2px #06110b}
.mutant-departure-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #9d8053;border-radius:8px;background:#301d19;color:#fff0d0;font-size:22px;line-height:1;cursor:pointer}
.mutant-departure-close:hover{background:#572b25;transform:translateY(-1px)}
.mutant-departure-card h2{margin:0;color:#fff0be;font-size:clamp(22px,4vw,34px);line-height:1.2;text-shadow:0 3px #050c08,0 0 24px #f0d3734d}
.mutant-departure-card>p{margin:0;color:#c4d7bd;font-size:13px;font-weight:700}
.mutant-departure-stage{position:relative;isolation:isolate;height:clamp(190px,33vw,255px);overflow:hidden;border:1px solid #59774f;border-radius:11px;background:linear-gradient(180deg,#101b27 0%,#203b38 50%,#183322 51%,#0d2015 100%);box-shadow:inset 0 0 45px #060d0a99,0 6px 18px #0008}
.mutant-departure-stage::before{position:absolute;z-index:-1;inset:49% -15% -55%;border-radius:50%;background:repeating-linear-gradient(0deg,#294932 0 9px,#1d3827 10px 18px);transform:perspective(190px) rotateX(12deg);content:""}
.mutant-departure-sky{position:absolute;inset:0 0 48%;background:radial-gradient(circle at 72% 42%,#f8e8a355 0 2px,transparent 3px),radial-gradient(ellipse at 70% 95%,#8dbc6d3b,transparent 56%),linear-gradient(180deg,#0c1823,#1c3433 72%,#456142)}
.mutant-departure-ridge{position:absolute;inset:24% -5% 36%;background:linear-gradient(145deg,transparent 21%,#0d1e19 21% 31%,transparent 31%),linear-gradient(25deg,transparent 38%,#12251c 38% 53%,transparent 53%),linear-gradient(155deg,transparent 57%,#14251c 57% 68%,transparent 68%);opacity:.83}
.mutant-departure-trail{position:absolute;inset:auto 8% 28%;height:3px;background:linear-gradient(90deg,transparent,#d2c675,#8bd6a2,#f2df8c,transparent);box-shadow:0 0 12px #abda8b,0 0 27px #a9d792;transform:rotate(-3deg);animation:mutant-departure-path 1.7s ease-in-out infinite alternate}
.mutant-departure-route-line{position:absolute;left:15%;right:13%;bottom:23%;height:47px;border-top:2px dashed #e6d386a8;border-radius:50%;transform:rotate(-4deg);filter:drop-shadow(0 0 4px #d2c17788)}
.mutant-departure-landmarks{position:absolute;inset:auto 5% 9%;display:flex;align-items:center;justify-content:space-between;color:#d7e2c0;text-shadow:0 2px 3px #020805;font-size:10px;font-weight:900}
.mutant-departure-landmark{display:grid;justify-items:center;gap:5px;min-width:78px;text-align:center}
.mutant-departure-landmark>i{width:11px;height:11px;border:2px solid #e9d27e;border-radius:50%;background:#426b4d;box-shadow:0 0 0 4px #b5c97924,0 0 14px #e4ce79a3}
.mutant-departure-landmark.is-waypoint>i{width:8px;height:8px;background:#71bf9b;border-color:#b7ecc2}
.mutant-departure-landmark.is-destination>i{width:14px;height:14px;border-radius:3px;background:#efcf71;box-shadow:0 0 18px #f6d779}
.mutant-departure-traveler{position:absolute;z-index:3;left:16%;bottom:23%;display:grid;justify-items:center;gap:0;animation:mutant-departure-ride 3.8s cubic-bezier(.22,.65,.27,.99) both}
.mutant-departure-art{position:relative;display:grid;place-items:center;width:154px;height:154px;border-radius:50%;background:radial-gradient(circle,#8dd8a329 0 34%,#9bd59814 51%,transparent 72%);filter:drop-shadow(0 12px 8px #030908b8)}
.mutant-departure-art::after{position:absolute;z-index:-1;inset:16px;border:1px solid #c5dd836c;border-radius:50%;box-shadow:0 0 16px #9be1a455,inset 0 0 14px #e8dc8b25;content:"";animation:mutant-departure-aura 1.5s ease-in-out infinite alternate}
.mutant-departure-art canvas{width:144px;height:144px;image-rendering:pixelated;filter:drop-shadow(0 0 10px #83d7a1a8)}
.mutant-departure-name{margin-top:-14px;padding:3px 10px;border:1px solid #cfb96c;border-radius:5px;background:#0b1a13e8;color:#fff0b5;font-size:10px;text-shadow:0 1px #000}
.mutant-departure-particles{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}
.mutant-departure-particles>i{position:absolute;left:var(--spark-x);bottom:18%;width:4px;height:4px;background:#f3df89;box-shadow:0 0 8px #f6df93;opacity:0;animation:mutant-departure-spark 1.8s var(--spark-delay) ease-out infinite}
.mutant-departure-particles>i[data-shape="star"]{width:7px;height:7px;background:transparent;box-shadow:none}
.mutant-departure-particles>i[data-shape="star"]::before,.mutant-departure-particles>i[data-shape="star"]::after{position:absolute;left:3px;top:0;width:1px;height:7px;background:#f6df9b;box-shadow:0 0 5px #f6df9b;content:""}
.mutant-departure-particles>i[data-shape="star"]::after{transform:rotate(90deg)}
.mutant-departure-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px}
.mutant-departure-progress{grid-column:1/-1;height:5px;overflow:hidden;border-radius:5px;background:#07100c;box-shadow:inset 0 1px 3px #000}
.mutant-departure-progress>i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#80d49b,#e4d079,#a2e0a6);box-shadow:0 0 13px #a1e4a5;transform:scaleX(0);transform-origin:left;animation:mutant-departure-progress 4.2s linear forwards}
.mutant-departure-status{color:#c3d4bd;font-size:10px;line-height:1.45}
.mutant-departure-actions{display:flex;justify-content:flex-end;gap:7px}
.mutant-departure-actions button{min-height:35px;padding:7px 12px;border:1px solid #897744;border-radius:6px;background:#182a1f;color:#e8ddb4;font:800 10px/1.3 inherit;cursor:pointer}
.mutant-departure-actions .mutant-departure-view{border-color:#d5bd68;background:linear-gradient(#78673c,#4c4127);color:#fff0bb;box-shadow:inset 0 1px #fff3c633,0 3px 8px #0008}
.mutant-departure-actions button:hover{filter:brightness(1.15);transform:translateY(-1px)}
.mutant-departure-overlay[data-rarity="rare"] .mutant-departure-art::after,.mutant-departure-overlay[data-rarity="epic"] .mutant-departure-art::after,.mutant-departure-overlay[data-rarity="legendary"] .mutant-departure-art::after{border-color:#e6c869b3;box-shadow:0 0 22px #f2cf65a0,inset 0 0 18px #efdc8c3d}
.mutant-departure-overlay[data-rarity="epic"] .mutant-departure-stage,.mutant-departure-overlay[data-rarity="legendary"] .mutant-departure-stage{box-shadow:inset 0 0 55px #be8c2930,0 6px 18px #0008}
.mutant-departure-overlay.is-departing{animation:mutant-departure-overlay-out .22s ease-in both}
.mutant-departure-overlay.is-departing .mutant-departure-card{animation:mutant-departure-card-out .22s ease-in both}
@keyframes mutant-departure-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes mutant-departure-overlay-out{to{opacity:0;visibility:hidden}}
@keyframes mutant-departure-card-in{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mutant-departure-card-out{to{opacity:0;transform:translateY(-9px) scale(.98)}}
@keyframes mutant-departure-wind{to{transform:translateX(12%)}}
@keyframes mutant-departure-ride{0%{left:14%;transform:translateY(0) scale(.94)}12%{transform:translateY(-9px) scale(1)}23%{transform:translateY(0) scale(1)}52%{left:45%;transform:translateY(-6px) scale(.94)}82%{left:73%;transform:translateY(-3px) scale(.86)}100%{left:76%;transform:translateY(0) scale(.84)}}
@keyframes mutant-departure-path{to{opacity:.65;transform:translateX(12px) rotate(-3deg)}}
@keyframes mutant-departure-aura{to{transform:scale(1.12);opacity:.5}}
@keyframes mutant-departure-spark{0%{opacity:0;transform:translateY(0) scale(.5)}22%{opacity:1}100%{opacity:0;transform:translateY(-110px) scale(1.2)}}
@keyframes mutant-departure-progress{to{transform:scaleX(1)}}
@media(max-width:600px){.mutant-departure-overlay{padding:12px}.mutant-departure-card{gap:8px;padding:14px}.mutant-departure-stage{height:205px}.mutant-departure-art{width:126px;height:126px}.mutant-departure-art canvas{width:120px;height:120px}.mutant-departure-traveler{bottom:25%}.mutant-departure-landmarks{inset:auto 2% 7%;font-size:8px}.mutant-departure-landmark{min-width:62px}.mutant-departure-foot{grid-template-columns:1fr;gap:8px}.mutant-departure-progress{grid-column:1}.mutant-departure-actions{justify-content:stretch}.mutant-departure-actions button{flex:1}.mutant-departure-status{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mutant-departure-overlay,.mutant-departure-overlay::before,.mutant-departure-card,.mutant-departure-trail,.mutant-departure-art::after,.mutant-departure-particles>i,.mutant-departure-progress>i{animation:none!important}.mutant-departure-traveler{left:72%;transform:translateY(0) scale(.84)}}

/* Persistent live journey scene inside the active expedition card. */
.mutant-trip-visual{display:grid;gap:7px;min-width:0;padding:9px;border:1px solid #647747;border-radius:9px;background:linear-gradient(145deg,#1b3022,#0a1a12 75%);box-shadow:inset 0 1px #fff2d018,0 5px 13px #0005}
.mutant-trip-progress{display:grid;gap:4px;padding:0 2px}
.mutant-trip-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#bdd0b8;font-size:9px}
.mutant-trip-progress-head>b{color:#f1df9d;font-size:10px;font-variant-numeric:tabular-nums}
.mutant-trip-progress-track{height:6px;overflow:hidden;border:1px solid #51664b;border-radius:99px;background:#08130e;box-shadow:inset 0 1px 3px #0009}
.mutant-trip-progress-track>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#64bd83,#b6d87b 70%,#f1d17b);box-shadow:0 0 9px #a7d88c88;transition:width .7s linear}
.mutant-trip-visual[data-state="decision"] .mutant-trip-progress-track>i{background:linear-gradient(90deg,#a9c779,#f0cf72);box-shadow:0 0 9px #efd37d99}
.mutant-trip-cargo{display:grid;gap:5px;padding:8px 9px;border:1px solid #395443;border-radius:8px;background:linear-gradient(120deg,#13271d,#0d1c14);box-shadow:inset 0 1px #ffffff08}
.mutant-trip-cargo>strong{color:#efdfaa;font-size:10px}
.mutant-trip-cargo-groups{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:start}
.mutant-trip-cargo-group{display:grid;gap:3px;min-width:0}
.mutant-trip-cargo-group>small{color:#a9c2a8;font-size:8px;font-weight:800}
.mutant-trip-cargo-group.is-risky>small{color:#f2cf7b}
.mutant-trip-cargo-items{display:flex;flex-wrap:wrap;gap:5px}
.mutant-trip-cargo-item{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:2px 6px 2px 3px;border:1px solid #42604a;border-radius:6px;background:#102219;color:#e5ebd6}
.mutant-trip-cargo-item>i{display:grid;place-items:center;width:26px;height:26px}
.mutant-trip-cargo-item .item-icon{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}
.mutant-trip-cargo-item>b{font-size:9px;white-space:nowrap}
.mutant-trip-cargo-item>em{color:#edda91;font-size:9px;font-style:normal;font-weight:900}
.mutant-trip-cargo-empty{margin:0;color:#a8baab;font-size:9px}
.mutant-trip-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.mutant-trip-heading>strong{overflow:hidden;color:#f3e7bb;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.mutant-trip-live{flex:none;padding:4px 7px;border:1px solid #5e916d;border-radius:99px;background:#102419;color:#a7e0aa;font-size:9px;font-weight:900}
.mutant-trip-live::before{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#83dc9d;box-shadow:0 0 8px #87edac;content:"";animation:mutant-trip-live-pulse 1.6s ease-in-out infinite}
.mutant-trip-visual[data-state="decision"] .mutant-trip-live{border-color:#d1b762;background:#302b1b;color:#f5df91}
.mutant-trip-visual[data-state="decision"] .mutant-trip-live::before{background:#f1cf70;box-shadow:0 0 8px #f2d17c}
.mutant-trip-stage{position:relative;isolation:isolate;height:132px;overflow:hidden;border:1px solid #647d56;border-radius:7px;background:#0c1917 url("/assets/mutant-expedition-jade-forest.webp") center 84%/cover no-repeat;box-shadow:inset 0 0 28px #06110db3,0 0 16px #c5d07715;image-rendering:pixelated;animation:mutant-trip-world-drift 38s ease-in-out infinite alternate}
.mutant-trip-stage::before{position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,#07131d80 0%,#0a1d1730 46%,#07120b88 100%),linear-gradient(90deg,#07120b45,transparent 18% 82%,#07120b45);content:"";pointer-events:none;animation:mutant-trip-light-drift 18s ease-in-out infinite alternate}
.mutant-trip-scenery{position:absolute;z-index:0;inset:0;overflow:hidden;background:linear-gradient(180deg,#10232818,#0b1c1266);pointer-events:none}
.mutant-trip-scenery::before,.mutant-trip-scenery::after{position:absolute;inset:0;content:"";pointer-events:none}
.mutant-trip-scenery::before{background:radial-gradient(ellipse at 49% 67%,#9bdde126,transparent 27%),radial-gradient(ellipse at 13% 65%,#f2ce6330,transparent 15%),radial-gradient(ellipse at 87% 57%,#73d5e72a,transparent 20%);opacity:.72;animation:mutant-trip-mist 7s ease-in-out infinite alternate}
.mutant-trip-scenery::after{background:linear-gradient(115deg,transparent 21%,#bfe2c10a 34%,transparent 47%),linear-gradient(250deg,transparent 44%,#e4d78a0b 58%,transparent 72%);background-size:170% 100%,150% 100%;animation:mutant-trip-light-drift 24s ease-in-out infinite alternate}
.mutant-trip-moon{position:absolute;top:12px;right:14%;width:16px;height:16px;border:1px solid #f2e8b3;border-radius:50%;background:#e5edbd;box-shadow:0 0 9px #d5e6a6,0 0 25px #bedb8c90,0 0 48px #aacc744a;animation:mutant-trip-moon-glow 3s ease-in-out infinite alternate}
.mutant-trip-ridge{position:absolute;inset:auto 0 0;height:28px;background:radial-gradient(ellipse at 15% 100%,#19291f 0 33%,transparent 35%),radial-gradient(ellipse at 84% 100%,#17271c 0 38%,transparent 40%);opacity:.9}
.mutant-trip-road{position:absolute;z-index:1;left:5%;right:5%;bottom:27px;height:39px;border-top:1px dashed #f0d889d1;border-radius:50%;transform:rotate(-2deg);filter:drop-shadow(0 0 5px #d8ce8b9e)}
.mutant-trip-road::after{position:absolute;top:-3px;left:-8%;width:22%;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,#a7ebbc,#fff2bd,#c9e88e,transparent);box-shadow:0 0 7px #b6eea9,0 0 17px #e9d981;content:"";animation:mutant-trip-road-glint 3.8s ease-in-out infinite}
.mutant-trip-nodes{position:absolute;z-index:2;inset:auto 5% 4px;display:flex;justify-content:space-between;align-items:end}
.mutant-trip-node{display:grid;justify-items:center;gap:3px;min-width:50px;padding:2px 6px;border:1px solid #d9cb8d40;border-radius:5px;background:#07140f9c;color:#f0e8c6;font-size:8px;text-shadow:0 1px 3px #020805;backdrop-filter:blur(2px)}
.mutant-trip-node>i{width:8px;height:8px;border:2px solid #e4ce7a;border-radius:50%;background:#42674a;box-shadow:0 0 0 3px #d3d58a21,0 0 8px #e2d386}
.mutant-trip-node.is-waypoint>i{width:6px;height:6px;border-color:#b2e2ad;background:#61a573}
.mutant-trip-node.is-destination>i{width:10px;height:10px;border-radius:2px;background:#efd170;box-shadow:0 0 12px #f0d875}
.mutant-trip-creature{position:absolute;z-index:4;left:8%;bottom:22px;display:grid;justify-items:center;gap:0;animation:mutant-trip-roam 18s ease-in-out var(--trip-delay,0ms) infinite alternate both;filter:drop-shadow(0 6px 4px #020807b3)}
.mutant-trip-art{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,#91d99d38 0 38%,#96d59411 67%,transparent 72%)}
.mutant-trip-art::after{position:absolute;z-index:-1;width:46px;height:46px;border:1px solid #b7da8d80;border-radius:50%;box-shadow:0 0 13px #96d58a55,inset 0 0 9px #dbe8a31c;content:"";animation:mutant-trip-aura-breathe 1.8s ease-in-out infinite alternate}
.mutant-trip-art canvas{width:72px;height:72px;image-rendering:pixelated;transform:scale(1.9);transform-origin:center 78%;filter:drop-shadow(0 0 8px #9ce3a6ba)}
.mutant-trip-creature>b{margin-top:-12px;padding:2px 7px;border:1px solid #c5ae64;border-radius:4px;background:#0a1912ed;color:#fff0b4;font-size:8px;text-shadow:0 1px #000;white-space:nowrap}
.mutant-trip-sparkles{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none}
.mutant-trip-sparkles>i{position:absolute;left:var(--spark-x);bottom:24px;width:3px;height:3px;background:#e8df9a;box-shadow:0 0 7px #d9e6a4;opacity:0;animation:mutant-trip-spark 2.5s var(--spark-delay) ease-out infinite}
.mutant-trip-sparkles>i:nth-child(3n){width:4px;height:4px;background:#b8f4dd;box-shadow:0 0 10px #9df2dc;animation-duration:3.2s}
.mutant-trip-sparkles>i:nth-child(4n){width:2px;height:7px;background:#fff0b1;box-shadow:0 0 9px #ffdb83;transform:rotate(35deg)}
.mutant-trip-visual[data-rarity="rare"] .mutant-trip-art::after,.mutant-trip-visual[data-rarity="epic"] .mutant-trip-art::after,.mutant-trip-visual[data-rarity="legendary"] .mutant-trip-art::after{border-color:#f0d780c9;box-shadow:0 0 16px #f0d66fa6,inset 0 0 11px #f2da8140}
.mutant-trip-visual[data-rarity="epic"] .mutant-trip-art canvas,.mutant-trip-visual[data-rarity="legendary"] .mutant-trip-art canvas{filter:drop-shadow(0 0 12px #f0d278cc)}
.mutant-trip-visual[data-state="decision"] .mutant-trip-creature{left:54%;animation-play-state:paused}
.mutant-trip-visual[data-state="decision"] .mutant-trip-road::after{background:linear-gradient(90deg,transparent,#e5d27d,#ffe9a0,#e5d27d,transparent);box-shadow:0 0 12px #e7d581;animation-duration:1.2s}
.mutant-expedition-panel[data-state="traveling"],.mutant-expedition-panel[data-state="decision"]{gap:8px}
.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel[data-state="traveling"],.mutant-companion-content[data-view="expeditions"]>.mutant-expedition-panel[data-state="decision"]{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:100%;overflow:visible}
.mutant-expedition-panel[data-state="traveling"]>*,.mutant-expedition-panel[data-state="decision"]>*{flex:0 0 auto}
.mutant-expedition-panel[data-state="traveling"] .mutant-trip-visual,.mutant-expedition-panel[data-state="decision"] .mutant-trip-visual{margin-bottom:1px}
@keyframes mutant-trip-roam{0%{left:7%;transform:translateY(0) scale(.9)}12%{transform:translateY(-4px) scale(.94)}50%{left:48%;transform:translateY(-7px) scale(1)}76%{transform:translateY(-4px) scale(.95)}100%{left:82%;transform:translateY(0) scale(.9)}}
@keyframes mutant-trip-aura-breathe{to{transform:scale(1.28);opacity:.4}}
@keyframes mutant-trip-spark{0%{opacity:0;transform:translateY(4px) scale(.5)}22%{opacity:1}100%{opacity:0;transform:translateY(-74px) scale(1.1)}}
@keyframes mutant-trip-road-glow{to{opacity:.5;transform:translateX(3%)}}
@keyframes mutant-trip-road-glint{0%{transform:translateX(0);opacity:0}12%{opacity:1}88%{opacity:.85}100%{transform:translateX(470%);opacity:0}}
@keyframes mutant-trip-world-drift{0%{background-position:50% 80%}100%{background-position:calc(50% + 1.2%) 88%}}
@keyframes mutant-trip-light-drift{0%{background-position:0 0,100% 0;transform:translateX(-1%)}100%{background-position:100% 0,0 0;transform:translateX(1%)}}
@keyframes mutant-trip-mist{0%{transform:translateX(-2%) scale(1);opacity:.48}100%{transform:translateX(2%) scale(1.04);opacity:.9}}
@keyframes mutant-trip-moon-glow{to{box-shadow:0 0 13px #e2f0b9,0 0 32px #bedb8cbd,0 0 56px #aacc7470}}
@keyframes mutant-trip-live-pulse{50%{opacity:.35;transform:scale(.8)}}
@media(max-width:600px){.mutant-trip-visual{padding:7px}.mutant-trip-stage{height:118px}.mutant-trip-heading>strong{font-size:10px}.mutant-trip-art{width:70px;height:70px}.mutant-trip-art canvas{width:64px;height:64px}.mutant-trip-node{font-size:7px}}
@media(prefers-reduced-motion:reduce){.mutant-trip-live::before,.mutant-trip-road::after,.mutant-trip-art::after,.mutant-trip-sparkles>i,.mutant-trip-stage,.mutant-trip-stage::before,.mutant-trip-scenery::before,.mutant-trip-scenery::after,.mutant-trip-moon{animation:none!important}.mutant-trip-creature{left:50%;animation:none;transform:translateY(0) scale(.95)}.mutant-trip-road::after{left:35%;opacity:.85;transform:none}}
@media(max-height:560px) and (min-width:721px){.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]){position:fixed;inset:8px 12px;width:auto;height:auto;min-height:0;max-height:none;transform:none;overflow:hidden}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]) .mutant-companion-hero{height:76px;min-height:76px}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]) .mutant-companion-hero-copy{min-height:0;padding:8px 46px 8px 14px}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]) .mutant-companion-title-row h2{font-size:19px}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]) .mutant-companion-live-stats{gap:4px 11px;font-size:9px}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]) .mutant-companion-tabs{gap:3px;padding:3px}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]) .mutant-companion-tabs [role="tab"]{min-height:34px;padding:4px 7px}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]) .mutant-companion-status{min-height:28px;padding:6px 9px}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"])>.mutant-companion-content{flex:1 1 0;min-height:0;overflow:auto}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]) .mutant-trip-visual{gap:4px;padding:6px}.mutant-companion-window:has(.mutant-companion-content[data-view="expeditions"]) .mutant-trip-stage{height:102px}}
.mutant-care-actions{display:grid;gap:7px;margin-top:8px;padding:8px;border:1px solid #344e3d;border-radius:7px;background:linear-gradient(120deg,#102219,#0d1b14)}
.mutant-care-group{display:grid;gap:5px;min-width:0}.mutant-care-group+ .mutant-care-group{padding-top:7px;border-top:1px solid #304c39}
.mutant-care-group>strong{color:#c6d8bd;font:800 9px/1.3 "Segoe UI",Tahoma,sans-serif;letter-spacing:.025em}
.mutant-care-group>small{color:#91ac94;font:600 9px/1.35 "Segoe UI",Tahoma,sans-serif}
.mutant-care-controls{display:grid;grid-template-columns:minmax(145px,1fr) repeat(3,minmax(74px,auto));gap:6px;align-items:center;min-width:0}
.mutant-training-controls{grid-template-columns:minmax(155px,1fr) repeat(2,minmax(98px,auto))}
.mutant-care-actions select,.mutant-care-actions button{width:100%;min-width:0;min-height:36px;margin:0;padding:6px 9px;border:1px solid #4e7052;border-radius:5px;background:#172c20;color:#dce9d0;font:700 10px/1.25 "Segoe UI",Tahoma,sans-serif}
.mutant-care-actions select:disabled{color:#9caf9f;background:#142019}.mutant-care-actions button{cursor:pointer;transition:filter .15s,transform .15s}.mutant-care-actions button:not(:disabled):hover{filter:brightness(1.2);transform:translateY(-1px)}
.mutant-care-actions .mutant-training-controls button:last-child{border-color:#a28d4f;background:linear-gradient(180deg,#514728,#302c1c);color:#f4df9c}
.mutant-care-actions button:disabled{opacity:.52;cursor:not-allowed}
.mutant-care-actions button:focus-visible,.mutant-care-actions select:focus-visible{outline:2px solid #f2d77e;outline-offset:2px}
.mutant-mood-meter .mutant-companion-meter-label>span{color:#e8bf8e}.mutant-mood-meter .mutant-companion-meter-track b,.mutant-mood-meter .mutant-companion-meter>i b{background:linear-gradient(90deg,#d18168,#efc27b);box-shadow:0 0 8px #efa27c55}
.mutant-genetic-sample{border-color:#82b9b6!important;box-shadow:inset 0 0 18px #7be8d514,0 0 12px #70cfbe18}
@media(max-width:520px){.mutant-care-controls,.mutant-training-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mutant-care-controls select{grid-column:1/-1}.mutant-care-actions select,.mutant-care-actions button{min-height:40px;padding:7px 8px;font-size:11px}}
