.pet-planner{max-width:1190px;--pet-bg:#172024;--pet-inner:#10181c;--pet-border:#435158;--pet-text:#e5e7eb;--pet-muted:#bac5cb;--pet-gold:#e5b867;color:var(--pet-text)}
.pet-planner [hidden]{display:none!important}.pet-hero{padding:28px;border:1px solid #79613b;border-radius:16px;background:linear-gradient(120deg,#2b281f,var(--pet-bg));margin-bottom:20px}.pet-hero h1{font-size:clamp(25px,3vw,36px);color:var(--pet-gold);margin:10px 0}.pet-hero p{margin:0;color:var(--pet-muted)}.pet-eyebrow{font-size:11px;letter-spacing:.12em;color:var(--pet-gold);font-weight:700}.pet-tabs{display:flex;gap:10px;margin-bottom:20px}.pet-tabs button{flex:1;padding:13px;border:1px solid var(--pet-border);border-radius:10px;background:var(--pet-bg);color:var(--pet-muted);font-weight:600}.pet-tabs button[aria-selected=true]{background:#3c3020;border-color:var(--pet-gold);color:#f4dba9}.pet-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.pet-card{padding:24px;background:var(--pet-bg);border:1px solid var(--pet-border);border-radius:16px;min-width:0}.pet-card h2,.pet-source h2{font-size:21px;color:var(--pet-gold);margin:0 0 16px}.pet-card label{display:block;margin:16px 0 7px;font-size:13px;font-weight:600}.pet-card input,.pet-card select{display:block;width:100%;min-height:45px;border:1px solid var(--pet-border);border-radius:9px;padding:10px 12px;background:var(--pet-inner);color:var(--pet-text);color-scheme:dark;min-width:0}.pet-card input::placeholder{color:#83949d}.pet-card input:focus,.pet-card select:focus,.pet-tabs button:focus-visible{outline:2px solid var(--pet-gold);outline-offset:2px}.pet-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pet-three{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-help{font-size:12px;line-height:1.6;color:var(--pet-muted);margin:8px 0 0}.pet-primary{width:100%;margin-top:22px;border:1px solid #eac98b;border-radius:9px;background:linear-gradient(#e6bd77,#c3954a);color:#251b0d;padding:13px;font-weight:700}.pet-error{color:#ffb5a6;font-size:13px;margin:12px 0 0}.pet-error:empty{display:none}.pet-note{margin-top:22px;border-top:1px solid var(--pet-border);padding-top:16px;font-size:12px;line-height:1.7;color:var(--pet-muted)}.pet-empty{padding:40px 12px;text-align:center;color:var(--pet-muted);line-height:1.7}.pet-tooltip{padding:22px 16px;background:var(--pet-inner);border:1px solid #79613b;border-radius:12px;text-align:center}.pet-tooltip h3{font-size:18px;color:var(--pet-gold)}.pet-tooltip p{margin:10px 0;font-size:14px}.pet-tooltip strong{color:#b6dba9}.pet-table-wrap{overflow:auto;margin-top:16px}.pet-planner table{width:100%;border-collapse:collapse;font-size:13px}.pet-planner th,.pet-planner td{padding:12px 8px;border-bottom:1px solid var(--pet-border);text-align:left;overflow-wrap:anywhere}.pet-planner th{color:var(--pet-muted);font-weight:500}.pet-planner td strong{color:#b6dba9}.pet-subtitle{font-size:16px;color:var(--pet-gold);margin:24px 0 8px}.pet-inventory-row{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:12px;align-items:center;margin:10px 0}.pet-inventory-row label{margin:0;font-size:13px;font-weight:400}.pet-inventory-row input{text-align:center}.pet-checklist{padding-left:20px;font-size:13px;line-height:1.8}.pet-checklist li{margin-bottom:10px}.pet-source{margin-top:24px;padding:24px;border:1px solid var(--pet-border);border-radius:16px;background:var(--pet-bg);font-size:13px;line-height:1.8;color:var(--pet-muted)}.pet-source a{color:var(--pet-gold)}.pet-source span{display:block;font-size:12px;margin-top:8px}
html[data-theme=light] .pet-planner{--pet-bg:#faf7f0;--pet-inner:#fffdf8;--pet-border:#cfbfa7;--pet-text:#30291e;--pet-muted:#675e50;--pet-gold:#825716}html[data-theme=light] .pet-hero{background:linear-gradient(120deg,#eee0c8,#faf7f0)}html[data-theme=light] .pet-card input,html[data-theme=light] .pet-card select{color-scheme:light}html[data-theme=light] .pet-tooltip strong,html[data-theme=light] .pet-planner td strong{color:#366536}html[data-theme=light] .pet-error{color:#a62b22}
@media(max-width:850px){.pet-grid{grid-template-columns:1fr}}@media(max-width:480px){.pet-card,.pet-hero,.pet-source{padding:18px}.pet-three{grid-template-columns:1fr}.pet-fields{gap:10px}.pet-tabs{gap:6px}.pet-tabs button{padding:11px 8px}}
.pet-links{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.pet-links a{border:1px solid var(--pet-border);padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--pet-gold)}.pet-species-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pet-species{text-align:center;text-decoration:none;color:var(--pet-text);display:block;transition:border-color .2s}.pet-species:hover{border-color:var(--pet-gold);color:var(--pet-text)}.pet-species img,.pet-profile>img,.pet-tooltip>img{width:120px;height:120px;object-fit:contain}.pet-species h2{font-size:17px;margin-top:14px}.pet-species p,.pet-species span{font-size:12px;color:var(--pet-muted)}.pet-profile{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.pet-profile>div{flex:1;min-width:220px}.pet-profile p{font-size:13px;color:var(--pet-muted)}.pet-catalog a{color:var(--pet-gold)}.pet-query{display:grid;grid-template-columns:80px 100px 110px minmax(180px,1fr);gap:12px}.pet-query .pet-primary{grid-column:1/-1}.pet-icon{max-width:36px;max-height:42px;object-fit:contain;vertical-align:middle;margin-right:7px}.pet-catalog details{border:1px solid var(--pet-border);border-radius:9px;padding:14px;margin-top:12px;overflow:hidden}.pet-catalog summary{color:var(--pet-gold);cursor:pointer;line-height:1.6}.pet-catalog .pet-help{display:block}.pet-catalog fieldset{min-width:0;border:1px solid var(--pet-border);padding:18px;border-radius:12px}.pet-catalog legend{float:none;width:auto;padding:0 8px;color:var(--pet-gold);font-size:16px}.pet-catalog .pet-table-wrap{max-height:650px;overflow:auto}.pet-catalog th{position:sticky;top:0;background:var(--pet-bg);z-index:1}.pet-catalog td{min-width:100px;max-width:500px}.pet-catalog tr td:first-child{min-width:160px}html[data-theme=light] .pet-catalog .pet-tooltip strong{color:#366536}@media(max-width:1000px){.pet-species-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:750px){.pet-species-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-query{grid-template-columns:1fr 1fr}}@media(max-width:400px){.pet-species-grid{grid-template-columns:1fr}.pet-profile>img{width:90px;height:90px}}
.pet-catalog table td.pet-help {
    /* Helper text may be block-level, but a table cell must remain a cell. */
    display: table-cell;
    margin: 0;
}
.pet-catalog table td,
.pet-catalog table th {
    vertical-align: middle;
}
.pg-page{max-width:1100px}.pg-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.pg-header h1{font-size:clamp(22px,3vw,30px);color:var(--pet-gold);margin:0 0 5px}.pg-header p{font-size:13px;color:var(--pet-muted);margin:0}.pg-header a{font-size:13px}.pg-card{padding:18px}.pg-modes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pg-modes button{padding:9px 12px;border:1px solid var(--pet-border);border-radius:8px;background:var(--pet-inner);color:var(--pet-text);font-size:12px}.pg-modes button[aria-pressed=true]{border-color:var(--pet-gold);color:var(--pet-gold);background:var(--pet-bg)}.pg-pets{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.pg-pets-double{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-page fieldset{padding:12px 14px}.pg-page legend{font-size:13px;margin-bottom:0}.pg-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.pg-pet-select{grid-column:span 2}.pg-page .pet-card label{margin:8px 0 5px;font-size:12px}.pg-page .pet-card input,.pg-page .pet-card select{min-height:38px;padding:7px 9px;font-size:13px}.pg-page .pet-primary{margin-top:14px;padding:11px;font-size:14px}.pg-page .pet-help{font-size:11px;line-height:1.6}.pg-page .pg-skills{margin-top:12px;padding:9px 11px}.pg-skills summary{font-size:12px}.pg-assumption{margin-top:12px}.pg-aged-row{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:16px;align-items:center}.pg-page #pgAgedPet{margin-top:14px}.pg-page .pet-tooltip{padding:16px}.pg-page #pet-growth-results h2{font-size:18px}.pg-page #pet-growth-results .pet-tooltip h3{font-size:16px}@media(max-width:780px){.pg-pets-double{grid-template-columns:1fr}}@media(max-width:480px){.pg-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-pet-select{grid-column:1/-1}.pg-aged-row{grid-template-columns:1fr;gap:4px}.pg-modes button{flex:1 1 45%}.pg-card{padding:14px}}
.pg-picker{position:relative}.pg-picker-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pg-page .pg-picker-toggle{display:flex;align-items:center;gap:12px;min-height:66px;width:100%;text-align:left;padding:7px 12px;color:var(--pet-text);border:1px solid #77623f;border-radius:10px;background:linear-gradient(110deg,var(--pet-inner),var(--pet-bg));font-size:14px}.pg-picker-toggle [data-picker-image]{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #5d5039;background:#101516;border-radius:7px}.pg-picker-toggle img{width:44px;height:44px;object-fit:contain}.pg-picker-arrow{margin-left:auto;color:var(--pet-gold)}.pg-picker-toggle:focus-visible{outline:2px solid var(--pet-gold);outline-offset:2px}.pg-picker-toggle[aria-invalid=true]{border-color:#ec8c75}.pg-picker-options{position:absolute;top:100%;left:0;right:0;margin-top:6px;max-height:330px;overflow:auto;z-index:60;padding:5px;border:1px solid #8b7046;border-radius:10px;background:var(--pet-inner);box-shadow:0 15px 35px #0008}.pg-picker-options button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;text-align:left;border:0;border-radius:7px;background:transparent;color:var(--pet-text)}.pg-picker-options button:hover,.pg-picker-options button:focus-visible,.pg-picker-options button[aria-selected=true]{background:#82623830;outline:1px solid #a7824b}.pg-picker-option-image{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;background:#111718;border:1px solid #4f493b;border-radius:6px}.pg-picker-option-image img{width:42px;height:42px;object-fit:contain}.pg-picker-options strong{display:block;font-size:13px;font-weight:600}.pg-picker-options small{display:block;font-size:11px;color:var(--pet-muted);margin-top:3px}
.pg-game-panel{position:relative;padding:5px 18px 16px;color:#d7d7c9;border:1px solid #a18b5f;border-radius:3px;background:repeating-linear-gradient(135deg,#151817,#151817 3px,#191b19 3px,#191b19 6px);box-shadow:inset 0 0 0 3px #090c0c,inset 0 0 0 4px #4d4939,0 10px 24px #0004}.pg-game-panel:before,.pg-game-panel:after{content:'';position:absolute;width:8px;height:8px;border:1px solid #b8a174;background:#242821;pointer-events:none}.pg-game-panel:before{left:-4px;top:-4px}.pg-game-panel:after{right:-4px;bottom:-4px}.pg-game-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 -13px 15px;padding:9px 12px;color:#edd4a2;background:linear-gradient(#51432e,#27241d);border-bottom:1px solid #76613e;font-size:13px;font-weight:600}.pg-game-title span{font-size:10px;font-weight:400;color:#c2bcae}.pg-game-identity{display:flex;align-items:center;gap:18px;padding:4px 2px 17px;border-bottom:1px solid #504936}.pg-game-portrait{display:grid;place-items:center;width:106px;height:106px;flex-shrink:0;background:radial-gradient(ellipse,#38382480,#080c0c);border:1px solid #756441;box-shadow:inset 0 0 0 3px #111513}.pg-game-portrait img{width:98px;height:98px;object-fit:contain}.pg-game-identity h3{font-size:18px;margin:0 0 9px;color:#ead18a;font-weight:600}.pg-game-identity p{font-size:12px;margin:0 0 8px;color:#c8cec9}.pg-game-age{font-size:12px;color:#a7cebd}.pg-game-stats{margin:16px 0}.pg-game-stat{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #3c3f34}.pg-game-stat dt{font-size:13px;font-weight:400}.pg-game-stat dd{text-align:right;margin:0}.pg-game-stat strong{font-size:17px;color:#b7dba8;font-weight:600}.pg-game-stat small{display:block;margin-top:4px;font-size:10px;color:#aaaFA4}.pg-stat-hp dt{color:#e7b2a1}.pg-stat-def dt{color:#d7cc9c}.pg-stat-sp dt{color:#a5cbd9}.pg-game-panel .pet-subtitle{font-size:14px;color:#ead18a;margin-top:18px}.pg-game-skill{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #3c3f34}.pg-game-skill>div{flex:1;min-width:0;font-size:12px}.pg-game-skill strong{float:right;color:#b7dba8}.pg-game-skill small{display:block;font-size:11px;color:#b9c3bf}.pg-game-disclaimer{font-size:10px;color:#b5b4a4;text-align:center;padding-top:12px;border-top:1px solid #504936}.pg-game-panel .pet-help{color:#b9c3bf}.pg-page .pg-fields{align-items:end}.pg-page .pg-pet-select{grid-column:1/-1}@media(max-width:480px){.pg-game-portrait{width:82px;height:82px}.pg-game-portrait img{width:76px;height:76px}.pg-game-identity{gap:12px}.pg-game-identity h3{font-size:16px}.pg-game-stat strong{font-size:15px}}
.pg-picker-search{position:sticky;top:-5px;z-index:2;padding:7px 4px 10px;background:var(--pet-inner)}.pg-page .pg-picker-search input{width:100%;min-height:40px;margin:0;border-color:#79613b;background:var(--pet-bg)}.pg-picker-empty{padding:16px 10px;margin:0;color:var(--pet-muted);text-align:center;font-size:12px}
.pg-picker-toggle [data-picker-image]:empty{border-style:dashed;background:linear-gradient(135deg,#443922,#171c19);color:#e2ba70}.pg-picker-toggle [data-picker-image]:empty:before{content:'🐾';font-size:23px;line-height:1}.pg-picker-caption{display:flex;flex-direction:column;gap:5px;min-width:0}.pg-picker-caption strong{font-size:14px;font-weight:600;color:var(--pet-text)}.pg-picker-caption small{font-size:11px;font-weight:400;color:var(--pet-muted)}.pg-picker-toggle .pg-picker-arrow{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid #79613b;border-radius:6px;font-size:16px}