.pet-campaign-shortcut{position:absolute;top:30%;right:11px;z-index:4;display:grid;width:55px;min-height:64px;place-content:center;gap:2px;padding:5px 3px;border:1px solid rgba(79,117,78,.24);border-radius:15px;color:#456b48;background:rgba(247,253,245,.93);box-shadow:0 5px 14px rgba(57,80,49,.12);text-align:center;cursor:pointer}
.pet-campaign-shortcut b,.pet-campaign-shortcut span{display:block}.pet-campaign-shortcut b{font-size:21px;line-height:1}.pet-campaign-shortcut span{font-size:11px;font-weight:850;line-height:1.1}.pet-campaign-shortcut:focus-visible{outline:3px solid #6c9763;outline-offset:2px}
.pet-campaign-sheet{position:absolute;right:10px;bottom:calc(5px + env(safe-area-inset-bottom));left:10px;max-height:calc(95dvh - env(safe-area-inset-bottom));padding:16px;border-radius:23px 23px 18px 18px;background:#fffdf8;box-shadow:0 18px 50px rgba(37,28,20,.3);overflow:auto}
.pet-campaign-sheet header{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px}.pet-campaign-sheet header small{color:#5c7956;font-size:11px}.pet-campaign-sheet h2{margin:2px 0 0;font-size:21px}.pet-campaign-sheet header>button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;color:#5a7556;background:#edf3e9;font-size:24px}
.pet-campaign-progress{margin:13px 0 0;padding:11px 12px;border-radius:12px;color:#426642;background:#edf4e9;font-size:14px;font-weight:850}.pet-campaign-note{margin:9px 2px 0;color:var(--muted);font-size:12px;line-height:1.45}
.pet-campaign-stages{display:grid;gap:9px;margin-top:13px}.pet-campaign-stage{padding:12px;border:1px solid rgba(79,117,78,.18);border-radius:15px;background:#fff}.pet-campaign-stage.is-next{border-color:#7aa16d;background:#f9fcf6}.pet-campaign-stage.is-cleared{background:#f4f7f0}.pet-campaign-stage-head{display:flex;align-items:center;gap:7px}.pet-campaign-stage-head>span{color:#537751;font-size:12px;font-weight:850}.pet-campaign-stage-head strong{font-size:15px}.pet-campaign-stage-head em{margin-left:auto;color:#6b875f;font-size:11px;font-style:normal;font-weight:800}
.pet-campaign-opponent{display:flex;align-items:center;gap:9px;margin-top:9px}.pet-campaign-opponent>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#edf2e6;font-size:23px}.pet-campaign-opponent strong,.pet-campaign-opponent small{display:block}.pet-campaign-opponent strong{font-size:14px}.pet-campaign-opponent small{margin-top:2px;color:var(--muted);font-size:12px}.pet-campaign-stage p{margin:9px 0;color:#607752;font-size:12px;line-height:1.55}.pet-campaign-stage>button{width:100%;min-height:43px;border:0;border-radius:11px;color:#fff;background:#557950;font-size:13px;font-weight:850}.pet-campaign-stage>button:disabled{color:#8e988c;background:#e4e9e1}
.pet-campaign-history{margin-top:15px}.pet-campaign-history h3{margin:0 0 6px;font-size:15px}.pet-campaign-history button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 2px;border:0;border-top:1px solid var(--line);color:inherit;background:transparent;text-align:left}.pet-campaign-history button span{color:#5c7956;font-size:12px}.pet-campaign-history button strong{font-size:13px}.pet-campaign-history button small{margin-left:auto;color:var(--muted);font-size:11px}
@media(max-width:360px){.pet-campaign-shortcut{right:7px;width:50px}.pet-campaign-sheet{right:7px;left:7px;padding:13px}}
.pet-campaign-revisit{margin:14px 0}.pet-campaign-revisit summary{padding:12px;background:#edf3e8;border-radius:12px;color:#52774d;font-size:13px;font-weight:700;cursor:pointer}.pet-campaign-revisit .pet-campaign-stage{margin-top:10px}.pet-campaign-tools{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.pet-campaign-tools button{flex:1;min-width:130px;padding:12px;border:1px solid #d5e2d0;border-radius:12px;background:#f4f7ef;color:#52774d;font:inherit;font-size:12px;font-weight:700}