/* Soft painted companion world. Surfaces and controls echo the supplied cat. */
:root{color-scheme:light;--bg:#f0ebdf;--panel:#fbf7ed;--line:#d7cbd0;--text:#4c4557;--muted:#807485;--accent:#88759f;--green:#d8e4d0;--blue:#a8c6d3;--orange:#c69570;--radius:20px;--rail:178px;--inspector:330px}
body{background:var(--bg);color:var(--text);font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;font-size:14px;line-height:1.65}
button{background:#f8f3e9;color:var(--text);border:1px solid #d6c8d2;border-radius:12px;box-shadow:0 3px 0 #d6cad15c;font-size:13px;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s}
button:hover:not(:disabled){background:#ebe2f0;transform:translateY(-2px);box-shadow:0 4px 0 #c8b7cd80}button:active:not(:disabled){transform:translateY(1px);box-shadow:none}
button.primary{background:#88749e;border-color:#77638d;color:#fffaf3;box-shadow:0 3px 0 #6e5a86}button.primary:hover:not(:disabled){background:#9a84b0}
button.quiet{background:#f7f1e8;box-shadow:none;color:#786583}button:disabled{opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8c769d;outline-offset:3px}
input,select{background:#fffcf5;color:var(--text);border:1px solid #d4c6ce;border-radius:10px;min-height:34px;padding:7px 10px;box-shadow:none}
.muted,.small.muted,.tiny.muted{color:var(--muted)}h1,h2,h3,strong{color:var(--text)}.mono{font-family:ui-monospace,'Cascadia Mono',monospace;font-variant-numeric:tabular-nums}.gold{color:#9a7548}
.ui-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;object-fit:contain;flex-shrink:0}.pill .ui-icon{width:16px;height:16px}.pill{background:#efe8f1;border:1px solid #d7c9df;border-radius:20px;color:#776383;box-shadow:none;padding:3px 9px}.pill.type{background:#f8f3e9;color:#6d5e76;border-color:#ddcfd6}
.game-shell{grid-template-rows:92px minmax(0,1fr)}.game-header{background:#f9f3e6;border-bottom:1px solid #d5c8d2;box-shadow:0 3px 0 #d9cfd14d;grid-template-columns:var(--rail) minmax(0,1fr)}
.game-header>.brand{padding:12px 13px;gap:7px;border-right:1px solid #e0d4d6;font-size:17px;color:#64536f;line-height:1.4}.brand small{color:#938292;font-size:9px;letter-spacing:0;margin-top:5px;white-space:nowrap}.brandmark{width:39px;height:48px;border:none;background:none;box-shadow:none;flex-shrink:0}.brandmark img{width:100%;height:100%;object-fit:contain}
.current-task{grid-column:2;padding:12px 23px;background:none}.current-task .activity.game-activity{gap:14px}.activity-companion{width:57px;height:57px;border:1px solid #d6c8db;border-radius:17px;box-shadow:none;background:#ebe4ed;padding:4px}.activity-companion .game-art{object-fit:contain}.current-task .activity strong{color:#655476;font-size:17px}.current-task .activity p{font-size:11px;color:#85788a;margin-top:3px}.activity-status,.resting .activity-status{font-size:10px;letter-spacing:0;background:#e8e9dc;border-radius:10px;padding:2px 8px;color:#77785c}.sound-toggle{color:#806d8c;font-size:11px!important;border-radius:20px!important}
progress{accent-color:#b0bd97;background:#e5ded6;border-radius:20px;overflow:hidden;box-shadow:none!important;border:none!important}progress::-webkit-progress-bar{background:#e4ded7;border-radius:20px}progress::-webkit-progress-value{background:#aebd92;border-radius:20px}progress::-moz-progress-bar{background:#aebd92;border-radius:20px}.current-task .activity progress{height:7px;margin-top:6px;border-radius:20px}
.menu-rail{background:#e9e0ec;padding:18px 10px 14px;border-right:1px solid #d4c7dc;scrollbar-color:#c0adca transparent}.nav{gap:5px}.nav button{padding:10px 10px;min-height:42px;border:1px solid transparent;border-radius:12px;background:none;box-shadow:none;font-size:13px;color:#6b5c76;gap:10px}.nav button:hover:not(:disabled){background:#f5eff6;transform:none}.nav button.active{background:#fbf6ea;color:#655274;border-color:#ccb8d3;box-shadow:0 3px 0 #cbb8d03d}.nav .navicon{width:22px;height:25px;filter:none;display:grid;place-items:center}.navicon .ui-icon{width:23px;height:23px}.nav-skill-level{background:#e3d7e9;color:#846f92;border-radius:9px;padding:1px 5px;font-size:10px;line-height:1.6;margin-left:auto}.active .nav-skill-level{background:#e4d9e8;color:#725c86}.running-dot{background:#8ca16e;box-shadow:none;position:absolute;left:4px;width:4px;height:14px}.nav button{position:relative}.menu-rail .sidebar-foot{border-color:#d6c8de;font-size:10px;color:#8b7798;line-height:1.8;padding:14px 4px 0}.save-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#9aaa81;margin-right:4px}
.workstage{background:#f0ebdf;padding:24px 26px 35px;scrollbar-color:#c8b7c8 transparent}.stage-title{border-bottom:1px solid #d9ccd2;margin-bottom:20px;padding-bottom:14px}.stage-title h1{font-size:23px;font-weight:700;color:#6b587d}.stage-title .tiny{color:#99869c}.card{background:#faf5e9;border:1px solid #d6c8ce;border-radius:18px;box-shadow:0 4px 0 #d7ccd03d;padding:20px}.section-head h2{font-size:14px;color:#766180}.section-head .small{font-size:11px}.section-head .tiny{font-size:10px}
.profession-hud{position:relative;overflow:hidden;background:#ede3ec;border:1px solid #cbb7d3;border-radius:24px;padding:25px 210px 20px 25px;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-height:232px;margin-bottom:23px;box-shadow:0 5px 0 #d7cad06b}
.profession-heading{gap:10px;align-items:center}.profession-heading>.tiny{color:#97849d;font-size:10px;letter-spacing:1px}.profession-heading h1{font-size:29px;font-weight:700;color:#6c567d;letter-spacing:1px;line-height:1.5}.profession-level{font:600 11px ui-monospace,monospace;border:none;border-radius:10px;padding:3px 7px;background:#d6c9e0;color:#715d87}.profession-xp{width:100%;max-width:350px;font-size:10px;color:#8a7697;gap:5px}.profession-xp strong{color:#796289;font-size:10px}.profession-xp progress{height:8px;width:100%;margin:2px 0 0}.profession-xp progress::-webkit-progress-value{background:#a38eb6}.profession-hint{display:none}.work-companion{border:none;padding:0;gap:8px;display:flex;align-items:center;color:#796289}.work-companion .game-art{width:35px;height:35px;object-fit:contain;border:none;background:#f4eefa;border-radius:10px;padding:2px}.work-companion strong{font-size:11px;color:#776183}.work-companion span{font-size:9px;color:#9b879f}.work-companion .work-state{background:#e0d6e4;color:#8b7497;border:none;border-radius:9px;margin-left:8px;padding:2px 6px}.work-state.active{background:#d7e1c9;color:#617b48}
.mascot-guide{position:absolute;right:17px;top:8px;bottom:14px;width:174px;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.mascot-guide img{height:176px;width:174px;object-fit:contain}.mascot-guide span{font-size:10px;color:#927c9d;margin-top:2px;background:#f7edf5;border:1px solid #d8c5de;border-radius:12px;padding:3px 9px;white-space:nowrap}
.manufacturing-view{border:0;padding:0;border-radius:0;background:none;box-shadow:none}.manufacturing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.manufacturing-card{min-height:135px;border:1px solid #d6c5ce;border-radius:19px;background:#fcf7ea;box-shadow:0 4px 0 #d7cbd24d;gap:12px;position:relative}.manufacturing-card:hover:not(:disabled){background:#fff9ed;border-color:#bca2c8}.manufacturing-icon{width:60px;height:60px;border:none;border-radius:19px;background:#e8e7d5;box-shadow:none;filter:none;padding:12px}.manufacturing-icon .ui-icon{width:36px;height:36px}.manufacturing-card:nth-child(3n+2) .manufacturing-icon{background:#e4d9e9}.manufacturing-card:nth-child(3n) .manufacturing-icon{background:#eadfcb}.manufacturing-name{color:#786281;font-size:14px;font-weight:600}.manufacturing-card.selected{background:#eee8f2;border:2px solid #a28bb4;box-shadow:0 4px 0 #cdbcd6}.manufacturing-card.selected:after{display:none}.manufacturing-card.unavailable{opacity:.5}.recipe-category-select{background:#faf5e9;color:#796884;border-color:#d4c1d8;border-radius:12px;margin-bottom:17px;max-width:270px}
.online-loot{background:#f9f4e9;border:1px solid #d5c5ce;border-radius:18px;margin-top:25px;padding:18px 20px;box-shadow:0 4px 0 #d5c7cf38}.online-loot .section-head{margin-bottom:13px}.online-loot .section-head h2{color:#826c8e;font-size:12px}.online-loot-items{gap:9px}.online-loot-items>div{background:#e9ebdc;border:0;border-radius:12px;padding:9px 12px;grid-template-columns:27px auto;gap:1px 8px}.online-loot-items>div>span{font-size:24px}.online-loot-items strong{font-size:14px;color:#7c8e5e}.online-loot-items small{font-size:10px;color:#8d8e79}
.inspector{background:#f7f0e5;border-left:1px solid #d5c5d1;scrollbar-color:#c7b7cc transparent}.inspector-tabs{background:#e9e0ec;padding:11px 10px 9px;border-bottom:1px solid #d8c9de;gap:7px}.inspector-tabs button{background:#ded3e5;border:1px solid transparent;border-radius:11px;min-height:36px;color:#8a7497;box-shadow:none;font-size:12px}.inspector-tabs button.active{background:#faf5e9;color:#715e82;border-color:#ccb7d5;box-shadow:0 2px 0 #c6b3d052}.inspector-section{border-bottom:1px solid #dfd2d9;padding:18px 15px}.inspector-section h2{color:#796386;font-size:12px}.inspector-section .tiny{color:#948095;font-size:9px}.pet-attributes .stats{gap:8px;margin-bottom:16px}.pet-attributes .stats>div{background:#ede4ed;border:0;border-radius:12px;padding:9px 7px;display:flex;flex-direction:column}.pet-attributes .stats>div:nth-child(2){background:#ece3d8}.pet-attributes .stats>div:nth-child(3){background:#e1e7df}.pet-attributes .stats span{font-size:10px;color:#9a809a}.pet-attributes .stats strong{font-size:20px;color:#756084;font-weight:600}.inspector-pet.pet-identity{gap:11px;margin-bottom:13px;flex-wrap:nowrap}.pet-identity .pet-portrait{width:76px;height:76px;border:1px solid #d0bddb;border-radius:19px;box-shadow:none;background:#eae1ee;padding:6px;overflow:visible}.pet-portrait .game-art{width:100%;height:100%;object-fit:contain}.pet-identity strong{font-size:15px;color:#715a80}.pet-identity .pill{font-size:8px;margin-left:auto}.inspector select{background:#fcf8ef;border-color:#dacbd5;color:#7c6685;font-size:11px;border-radius:9px;padding:6px 8px;min-height:30px}
.gear-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.gear-slot,.trainer-tools .gear-slot{padding:9px 7px;min-height:94px;border:1px solid #d5c4d1;background:#f9f4e9;border-radius:13px;box-shadow:0 2px 0 #d3c2cc40}.gear-label{color:#9c829e;font-size:9px;margin-bottom:6px}.gear-label>span:last-child{font-size:10px}.gear-empty{height:40px;border:none;background:#ebe3e8;border-radius:10px}.gear-empty span{opacity:.55;filter:none}.gear-empty .ui-icon{width:25px;height:25px}.gear-item{height:40px;border-radius:10px}.gear-item strong{font-size:9px}.gear-controls summary{color:#a18aa5;font-size:9px;min-height:17px}.gear-controls button{position:static;font-size:10px;background:#ebe1ee;min-height:25px;border-radius:7px}.gear-controls select{width:100%;min-width:0}.gear-slot.equipped{background:#eee5f2;border-color:#ad94bd}
.pet-skill-grid{gap:8px}.pet-skill-card{min-height:114px;padding:9px 5px;border:1px solid #d7c7d3;background:#fcf7ec;border-radius:13px;box-shadow:0 2px 0 #d4c4cc4d;gap:5px}.pet-skill-card .skill-art{width:35px;height:35px;border:0;background:#ebe0ef;border-radius:12px;box-shadow:none;margin:0 auto 4px;padding:5px}.skill-art .ui-icon{width:25px;height:25px}.pet-skill-number{font-size:8px;color:#a78daa;display:flex;justify-content:space-between;align-items:center}.pet-skill-number .ui-icon{width:11px;height:11px}.pet-skill-card strong{font-size:10px;color:#786281;line-height:1.4}.pet-skill-status{font-size:8px;color:#a189a7}.pet-skill-card.selected,.pet-skill-card.selected:disabled{background:#eee6f1;border-color:#ac90be;box-shadow:0 2px 0 #cab6d7;opacity:1}.pet-skill-card.selected .pet-skill-status{color:#8c719b}.pet-skill-card.locked-skill{opacity:.5;filter:none}.pet-training{background:#f2ebdf}.trainer-costs .item-cell{height:50px}.pet-training p{font-size:10px}.inspector-section>button.full{font-size:12px;border-radius:11px}
.pet-roster{gap:7px}.pet-roster button{background:#f9f5eb;border:1px solid #d8c8d4;border-radius:13px;min-height:92px;height:auto;padding:7px 4px;box-shadow:none}.pet-roster button .pet-switch-art{width:44px;height:44px;border:0;border-radius:12px;background:#eee4f0;overflow:visible;margin-bottom:5px}.pet-switch-art .game-art{object-fit:contain}.pet-roster button.current:disabled{background:#ebe2f0;color:#725786;border-color:#b69dc6}.pet-roster button strong{font-size:10px;color:#7d6889}.pet-roster button small{font-size:9px;color:#9d89a5}.game-art{object-fit:contain}.companion-art{object-fit:contain!important}.game-art-fallback{background:#ebe2ee}
.bag-grid{gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.bag-slot,.item-cell{background:#f9f3e7;border:1px solid #cfbbcf;border-radius:13px;box-shadow:0 2px 0 #d4c3ca4d;height:59px}.bag-icon .ui-icon{width:29px;height:29px}.bag-slot strong,.item-cell strong{color:#7f648b;text-shadow:none;font-size:11px}.item-tooltip{background:#fff9ed;border:1px solid #b49bc4;border-radius:15px;color:#655173;box-shadow:0 8px 25px #7963852b}.item-tooltip strong{color:#765589}.empty-slot{opacity:.35}
.dungeon-tiers{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.dungeon-tiers button{background:#f9f3e6;border-color:#d1c0cf;border-radius:13px;min-height:66px;color:#756181;box-shadow:0 3px 0 #d9cad13d}.dungeon-tiers button span{color:#ad95ad}.dungeon-tiers button strong{color:#786183}.dungeon-tiers button.selected,.hatch-tabs .selected{background:#e9ddec;color:#775c89;border-color:#b59bc5}.encounter-stage{background:#eee4ee;border:1px solid #c6afce;border-radius:24px;box-shadow:0 4px 0 #cbbbd23d;padding:23px 20px;min-height:242px}.encounter-portrait{width:108px;height:108px;border:none;border-radius:20px;background:#f6eef7;box-shadow:none;padding:5px;overflow:visible}.encounter-portrait .game-art{object-fit:contain}.encounter-fighter:last-child .encounter-portrait{border:0;background:#f2e4de}.encounter-fighter>strong{color:#765b87;font-size:13px}.encounter-vs{color:#b39dbf;font-size:26px}.encounter-center strong{color:#8f779f}.encounter-health{background:#d9cddb;border:0;border-radius:20px;height:15px}.encounter-health i,.encounter-fighter:last-child .encounter-health i{inset:0;background:#a8b88d;border-radius:20px}.encounter-fighter:last-child .encounter-health i{background:#c49d87}.encounter-health span{color:#fffaf3;text-shadow:0 1px #85717866;font-size:9px}.dungeon-monster{background:#f9f4e7;border-color:#d6c2cf;border-radius:14px}.dungeon-monster.next{background:#e7e9dc;border-color:#b6c299}.dungeon-monster.boss{background:#eee1d0;border-color:#ccb592}.monster-icon{width:43px;height:43px;border:0;background:#ede4ee;border-radius:11px;overflow:visible}.monster-capture strong{color:#9779a4}.monster-capture small,.monster-number{color:#a68da9}.capture-controls{background:#e8e7dd;border:0;border-radius:15px;gap:12px}.capture-controls label{min-width:170px}.capture-controls p{font-size:10px;color:#8c8c79}.capture-result{background:#ece3ee;border-color:#c7b0d0;border-radius:13px;color:#856b92}.capture-result.success{background:#e5ebdb;color:#78945e}.capture-result small{color:#927f99}.fighter,.fighter.opponent{background:#eee4ef;border-color:#c8b1d1;border-radius:20px}.fighter.opponent{background:#efe4d9}.fighter .avatar .game-art{width:115px;height:115px;border:0;object-fit:contain}.hpbar{background:#dfd2e0}.hpbar i{background:#a4b689}.log{background:#faf5eb;border-color:#d8c6d3;border-radius:12px;color:#8f7999}.log div{border-color:#e5d8e2;color:#8f7999}.log div:first-child{color:#725e81}
.hatch-tabs button{border-radius:12px;min-width:120px}.incubator-card{border-top:1px solid #d5c2d0}.incubator-egg>span{background:#eee4ed;border:1px solid #ccb3d0;border-radius:23px;box-shadow:none;width:90px;height:90px}.incubation-progress{height:10px!important;border-radius:20px}.egg-card{background:#fcf7eb;border-radius:16px;border:1px solid #d5c2d0;box-shadow:0 3px 0 #d7c7cf4d}.egg-card.selected{background:#eee3f0}.egg-quality-guide{background:#f1e9ed;border-color:#dbc9d9}
.pet-guide-grid button{background:#faf5e9;border-radius:16px;border-color:#d5c3d1}.pet-guide-grid button.selected{background:#eae0ee;border-color:#b9a1c9}.pet-guide-grid .avatar .game-art{width:76px;height:76px;border:0;object-fit:contain}.pet-guide-detail,.skill-editor{background:#faf4e8}.pet-guide-toolbar input,.pet-guide-toolbar select{background:#fff9ef}.pet-guide-skills article,.pet-breed-table td{background:#f4eaf3;color:#84708f;border-color:#deccdf}.pet-guide-skills article p{color:#8d7a94}.pet-guide-detail h2{color:#725b83}
.auction-panel,.auction-browser{background:#fbf6e9;border:1px solid #d4c0ce;border-radius:19px}.auction-toolbar{margin-bottom:20px}.auction-tabs button{border-radius:12px}.auction-tabs .active{background:#e6d9eb;border-color:#bca1cd;color:#786085}.auction-list-label,.auction-table th{background:#eee4ed;color:#9a80a4}.auction-items button{background:#fbf6e9;border-color:#e0d0dc;color:#776383;padding:12px}.auction-items button.selected{background:#e9e0ee;box-shadow:inset 3px 0 #a08ab2}.auction-item-name small{color:#b29ab5}.auction-detail-header{background:#eee4ee;border-radius:12px}.auction-item-icon,.auction-detail-icon{filter:none}.auction-detail-icon .ui-icon{width:42px;height:42px}.auction-table td{border-color:#e2d3df;color:#8d7496}.auction-table tr.quoted{background:#e7ecda}.auction-checkout,.auction-estimate{border-color:#ddced9;background:#f7efe3;border-radius:12px}.auction-footnote,.auction-footnote span,.auction-empty{color:#aa91ad}.auction-items{scrollbar-color:#c9b5cd transparent}
.task-dialog,.idle-dialog,.pet-reveal{background:#faf4e7;border:1px solid #bea4cc;border-radius:23px;box-shadow:0 20px 80px #66537355;color:#796487;padding:23px}.task-dialog::backdrop,.idle-dialog::backdrop,.pet-reveal::backdrop{background:#66557466;backdrop-filter:blur(4px)}.task-dialog header,.idle-dialog header{background:#eae0ec;border-color:#d6bfdc;border-radius:15px;padding:14px 17px}.task-dialog h2,.idle-dialog h2{color:#775985}.task-dialog footer,.idle-dialog footer{border-color:#dccbd7}.task-estimates,.idle-overview{background:#ede7da;border-color:#d9cbd2;border-radius:15px;padding:15px}.task-estimates strong,.idle-overview strong{color:#8c719c}.task-drops th{background:#eee3ee;color:#93769f}.task-drops td{border-color:#e4d5df;color:#85708e}.task-drops-wrap{border-color:#d8c3d9;border-radius:12px}.task-plan-note,.idle-note{background:#e7eada;color:#8a926f;border-radius:12px}.task-materials,.task-preview-help{color:#95849b;font-size:11px}.idle-item{background:#f1e7ee;border-color:#d9c1df;border-radius:12px}.idle-item strong{color:#a189af}.idle-item .spent{color:#ad8369}.pet-reveal h2,.pet-reveal .stats strong{color:#79618a}.reveal-eyebrow{color:#a18bab}.reveal-portrait{width:156px;height:156px;border:none;border-radius:20px;background:#ebe1f0;padding:8px;box-shadow:none}.reveal-portrait .game-art{object-fit:contain}
#toast{background:#8c789d;color:#fff7ef;border:1px solid #7d688f;border-radius:17px;box-shadow:0 6px 20px #7f688c35}.reward-float,.reward-float.battle{background:#f9f3e8;border:1px solid #b5c393;border-radius:14px;color:#81945e;box-shadow:0 4px 15px #a294a02b}.reward-float.level,.reward-float.capture,.reward-float.hatch-ready,.reward-float.pet-level,.reward-float.task-complete{background:#eae0f0;border-color:#ad92c1;color:#8a6ca0}.reward-layer{right:calc(var(--inspector) + 40px);top:109px}.level-flash{animation:none}
@media(min-width:1500px){:root{--rail:195px;--inspector:355px}.workstage{padding:28px 35px}.manufacturing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manufacturing-card{min-height:152px}.profession-hud{min-height:246px;padding-right:230px}.mascot-guide{width:205px}.mascot-guide img{width:200px;height:200px}}
@media(max-width:1100px) and (min-width:701px){:root{--rail:151px;--inspector:287px}.game-header>.brand{font-size:14px;padding-left:9px}.brand small{font-size:8px}.brandmark{width:29px}.menu-rail{padding:12px 7px}.nav button{padding:9px 6px;font-size:12px;gap:6px}.nav-skill-level{font-size:8px}.workstage{padding:18px 15px}.profession-hud{padding:22px 150px 20px 18px;min-height:223px;gap:13px}.profession-heading h1{font-size:24px;letter-spacing:0}.profession-heading>.tiny{font-size:9px}.mascot-guide{width:125px;right:10px}.mascot-guide img{width:130px;height:148px}.mascot-guide span{font-size:8px;padding:3px 5px}.work-companion{grid-column:auto;border:0;padding:0}.manufacturing-grid{gap:10px}.manufacturing-card{min-height:122px;gap:8px}.manufacturing-icon{width:48px;height:48px;padding:9px}.manufacturing-icon .ui-icon{width:30px;height:30px}.manufacturing-name{font-size:12px}.gear-grid,.pet-skill-grid{gap:6px}.inspector-section{padding:16px 12px}.pet-identity .pet-portrait{width:59px;height:59px}.pet-identity strong{font-size:13px}.pet-identity .pill{display:none}.online-loot-items>div{padding:7px 9px}.auction-layout{grid-template-columns:1fr}.auction-items{max-height:240px}.capture-controls{flex-direction:column;align-items:stretch}.capture-controls label{min-width:0}.encounter-stage{gap:8px;padding:20px 10px}.encounter-portrait{width:75px;height:75px}.pet-guide-layout{grid-template-columns:1fr}}
@media(max-width:700px){body{overflow:auto}.game-shell{display:block;height:auto}.game-header{display:block;position:static}.game-header>.brand{display:flex;padding:10px 17px;border:0;font-size:17px}.brandmark{width:31px;height:37px}.brand small{font-size:9px}.current-task{padding:12px 17px;border-top:1px solid #decfe1}.current-task .activity strong{font-size:13px}.current-task .activity p{font-size:10px}.activity-companion{width:42px;height:42px;border-radius:12px}.activity-actions{flex-direction:column}.game-columns{display:block}.menu-rail{padding:9px;border:0;border-bottom:1px solid #cfbed6;overflow:visible}.menu-rail .nav{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;gap:5px}.nav button{min-height:36px;padding:7px 10px;white-space:nowrap;flex-shrink:0;font-size:12px;gap:6px}.navicon .ui-icon{width:20px;height:20px}.nav .nav-skill-level{display:inline;font-size:8px}.nav .running-dot{display:none}.sidebar-foot{display:none}.workstage{padding:19px 15px 27px;overflow:visible}.profession-hud{min-height:226px;padding:22px 147px 19px 17px;gap:15px}.profession-heading h1{font-size:24px}.profession-heading>.tiny{font-size:8px}.profession-level{font-size:9px}.mascot-guide{width:125px;right:10px}.mascot-guide img{width:130px;height:155px}.mascot-guide span{font-size:8px;padding:3px 5px}.profession-xp strong{font-size:9px}.profession-xp{font-size:9px}.work-companion{display:flex;border:0;padding:0}.manufacturing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.manufacturing-card{min-height:119px;gap:9px;border-radius:16px}.manufacturing-icon{width:47px;height:47px;padding:9px;border-radius:15px}.manufacturing-icon .ui-icon{width:29px;height:29px}.manufacturing-name{font-size:12px}.inspector{display:block;border:0;border-top:1px solid #cbb8d4;overflow:visible}.inspector-content{max-height:none;overflow:visible}.inspector-tabs{position:sticky;top:0;z-index:2}.pet-attributes .stats{gap:12px}.inspector-section{padding:20px 17px}.gear-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.pet-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-skill-card{min-height:112px}.bag-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.online-loot{padding:16px;margin-top:21px}.online-loot-items{gap:7px}.online-loot-items strong{font-size:12px}.online-loot-items small{font-size:9px}.reward-layer{right:12px;top:130px}.task-dialog,.idle-dialog{padding:17px;border-radius:20px;max-width:calc(100vw - 20px)}.encounter-stage{gap:8px;padding:18px 12px;min-height:220px}.encounter-portrait{width:95px;height:95px}.dungeon-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}.dungeon-monsters{grid-template-columns:1fr}.auction-layout,.pet-guide-layout{grid-template-columns:1fr}.auction-items{max-height:230px}.auction-checkout{grid-template-columns:1fr 1fr}.auction-checkout button{grid-column:1/-1}.capture-controls{flex-direction:column;align-items:stretch}.capture-controls label{min-width:0}.workstage .grid3{grid-template-columns:1fr}.pet-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-guide-detail{padding:16px}.pet-guide-toolbar{flex-wrap:wrap}.pet-guide-toolbar input{width:100%}.fighter .avatar .game-art{width:82px;height:82px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}button:hover:not(:disabled),button:active:not(:disabled){transform:none}}
.task-dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 40px);width:620px}.task-dialog header,.task-dialog .task-rounds-label,.task-dialog footer{flex-shrink:0}.task-dialog #task-preview{overflow-y:auto;min-height:0;padding-right:7px;scrollbar-width:thin;scrollbar-color:#c8b2d0 transparent}.task-dialog footer{background:#faf4e7;margin-top:14px;padding-top:14px}.task-dialog-heading .ui-icon{width:32px;height:32px}
.tiny.muted,.small.muted,.pet-attributes .stats span,.inspector-section .tiny,.gear-label,.gear-controls summary,.pet-skill-number,.pet-skill-status,.pet-roster button small,.auction-item-name small,.auction-footnote,.auction-footnote span,.task-preview-help,.profession-heading>.tiny,.profession-xp,.profession-xp strong,.work-companion span,.mascot-guide span,.nav-skill-level{color:#796982}.family-art{padding:14%;background:#e8deee;border-radius:15px}.empty-slot{opacity:.5}
.item-cell.empty-slot{background:#e9e0e8;border-color:#d4c0d2;opacity:.55}.item-cell:hover:not(:disabled),.item-cell:focus{background:#eee1f2;border-color:#a78bba;box-shadow:0 3px 0 #c4aecf80}.auction-detail-icon{background:#e6d9eb;border:0;border-radius:13px;box-shadow:none;color:#796383}.gear-slot>.item-cell{background:#f8f0e6;border-color:#cbb1d5}.auction-layout{align-items:start}
.arena-head{background:#e8deed;border:1px solid #cbb7d7;border-radius:18px;padding:18px;color:#725c80}.skill,.skillbutton,.bench button{background:#f4eaf3;border-color:#d8c2df;border-radius:14px;color:#7e658c}.skill p,.skillbutton span{color:#85728f}.teamselect+.skill-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-pet{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:13px 8px}.team-pet .team-pet-art{display:block;width:95px;height:83px}.team-pet-art .game-art{width:100%;height:100%;object-fit:contain}.team-pet p{font-size:10px;line-height:1.8}.team-pet strong{font-size:12px}.team-pet .row{justify-content:center}.team-pet .pill{font-size:9px}.team-pet button{margin-top:4px}.helpgrid>div{background:#f2e8f0;border-color:#d6c0dc;border-radius:13px;padding:13px;color:#8d729b}.helpgrid strong{color:#796087}.helpgrid span{color:#8e7798}.note,.hatch-result,.roomstatus{background:#ede5ed;border-color:#d8c2df;border-radius:14px;color:#8b7596}.code,.vs,.status-label{color:#876699}.incubator-egg>span{filter:none}.incubator-egg .ui-icon{width:49px;height:49px}.egg-quality-guide strong{color:#78638a}.egg-quality-guide>div:nth-child(2) strong{color:#6b8965}.egg-quality-guide>div:nth-child(3) strong{color:#668595}.egg-quality-guide>div:nth-child(4) strong{color:#9672a8}.tradetable th{background:#eee4ed;color:#8b7198}.tradetable td{color:#806c8b}.bench button:hover:not(:disabled),.skillbutton:hover:not(:disabled){background:#eadbef}.auction-estimate>div:last-child{color:#80608e}.teamselect select{width:100%}
@media(max-width:700px){.teamselect+.skill-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.team-pet{padding:10px 5px}.team-pet .team-pet-art{width:78px;height:75px}.team-pet p{font-size:9px}.team-pet strong{font-size:11px}}
@media(max-width:480px){.task-drops{min-width:0;width:100%;table-layout:fixed;font-size:10px}.task-drops th,.task-drops td{padding:9px 4px;white-space:normal;overflow-wrap:anywhere}.task-drops th:first-child{width:39%}.task-drops th:nth-child(2){width:18%}.task-drops th:nth-child(3){width:20%}.task-drops th:nth-child(4){width:23%}.task-drops .ui-icon{width:17px;height:17px}}