.pet-field-dialog{box-sizing:border-box;width:min(780px,92vw);max-height:88dvh;padding:0;border:2px solid #907754;border-radius:8px;background:#f5ebd2;color:#394e45;box-shadow:0 14px 70px #092d3580,inset 0 0 0 4px #fff4db;overflow:auto;font-family:inherit}
.pet-field-dialog:not([open]){display:none}.pet-field-dialog::backdrop{background:#0c2e395c}
.pet-field-top{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:#355c51;color:#f4e9c8;font-size:12px;letter-spacing:3px;border-bottom:3px solid #c3a66e}
.pet-field-top button{border:0;background:transparent;color:#f4e9c8;font-size:24px;width:32px;cursor:pointer}
.pet-field-body{display:grid;grid-template-columns:235px 1fr;gap:24px;padding:28px}
.pet-field-art{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #d8c8a5;padding-right:20px;background:radial-gradient(ellipse,#dce3c666,transparent 70%)}
.pet-field-art img{width:230px;height:200px;object-fit:contain}.pet-field-art span{font-size:11px;color:#8b805e;margin-top:10px;letter-spacing:2px}
.pet-field-body section>small{font-size:11px;color:#927746;letter-spacing:1px}.pet-field-body h2{font-size:23px;line-height:1.5;margin:12px 0 16px;color:#355c51}
.pet-field-story{font-size:14px;line-height:1.9;margin:0 0 20px;color:#586253}
.pet-field-choices{display:flex;flex-direction:column;gap:9px}.pet-field-choices button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #c6b591;border-radius:4px;background:#e9dfc4;padding:12px;color:#435644;cursor:pointer;font:inherit;font-size:13px;line-height:1.5;box-shadow:inset 0 1px #fff8e5}
.pet-field-choices button:hover{background:#dce6cf;border-color:#819b74}.pet-field-choices button:focus-visible{outline:2px solid #537657;outline-offset:2px}.pet-field-choices button:disabled{opacity:.6;cursor:wait}.pet-field-choices b{font-size:10px;color:#a48a56;letter-spacing:1px}.pet-field-choices i{margin-left:auto;font-size:20px;font-style:normal;color:#8b9a72}
.pet-field-feedback{font-size:12px;color:#9c5a37;line-height:1.7;min-height:0;margin:8px 0 0}.pet-field-feedback:empty{display:none}
.pet-field-dialog footer{display:flex;justify-content:space-between;gap:16px;padding:13px 24px;border-top:1px solid #d5c39a;background:#ece0bf;color:#8b7955;font-size:10px;letter-spacing:1px}
.pet-field-hud{position:fixed;z-index:24;left:50%;transform:translateX(-50%);bottom:112px;display:flex;gap:14px;align-items:center;width:min(420px,88vw);box-sizing:border-box;padding:14px 18px;border:2px solid #b49b67;border-radius:5px;background:#24463feF;color:#f8efcf;box-shadow:inset 0 0 0 2px #40675b,0 5px 20px #092b3540;pointer-events:none}
.pet-field-hud[hidden],.recording-ui .pet-field-hud{display:none}.pet-field-emblem{width:40px;height:44px;flex:0 0 40px;display:grid;place-items:center;background:#e8dbb7;border:2px solid #c6ac72;transform:rotate(-4deg)}.pet-field-emblem img{width:28px;height:28px;image-rendering:pixelated;transform:rotate(4deg)}
.pet-field-hud-main{flex:1;min-width:0}.pet-field-hud-main>small{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#bfcdac;letter-spacing:1px}.pet-field-hud-main>strong{display:block;font-size:14px;line-height:1.5;margin:6px 0 8px;font-weight:600}.pet-field-meter{height:8px;border:1px solid #8f885e;background:#17372f;padding:1px;box-sizing:border-box;border-radius:2px;overflow:hidden}.pet-field-meter>span{display:block;height:4px;background:linear-gradient(90deg,#8eae7b,#e3cc86);transition:width .15s linear}.pet-field-meter.working>span{background:linear-gradient(90deg,#b2c894,#f6dd98)}.pet-field-hud-status{color:#b7c7b7;font-size:10px;line-height:1.6;margin-top:6px}
.pet-site-heading{border-left:3px solid #9dae7c;padding-left:14px;margin:18px 0}.pet-site-heading>small{color:#9c8657;font-size:10px;letter-spacing:2px}.pet-site-heading h3{font-size:19px;margin:5px 0;color:#436657}.pet-site-heading p{color:#727964!important;font-size:12px!important}
.pet-field-checklist{padding:12px 16px;background:#e7e4ce;border-radius:4px;margin:12px 0}.pet-field-checklist h4{font-size:12px;color:#557153;margin:0 0 9px}.pet-field-checklist div{display:flex;gap:12px;align-items:center;padding:7px 0;font-size:12px;border-top:1px solid #d1d2b7;color:#887d60}.pet-field-checklist b{font-size:10px}.pet-field-checklist .finished{color:#52845a}
@media(max-width:650px){.pet-field-body{grid-template-columns:95px 1fr;gap:16px;padding:20px}.pet-field-art{padding-right:8px}.pet-field-art img{width:95px;height:125px}.pet-field-art span{font-size:9px;letter-spacing:0;text-align:center}.pet-field-body h2{font-size:21px}.pet-field-hud{bottom:155px}.pet-field-dialog footer{font-size:9px}}

@media(max-width:420px){.pet-field-body{grid-template-columns:1fr}.pet-field-art{flex-direction:row;border-right:0;border-bottom:1px solid #d8c8a5;padding:0 0 8px;gap:12px}.pet-field-art img{height:80px}.pet-field-art span{margin:0}}