.pet-companion-root,.pet-panel{--pet-accent:#1b7f72;--pet-accent-strong:#11675d;--pet-accent-soft:#dceee8;--pet-gold:#8a5208;--pet-gold-soft:#f4e7bc;--pet-coral:#bd6658;color:var(--pet-text)}.pet-resident{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000;background:0 0;border:0;width:230px;height:310px;margin:0;padding:0;position:fixed;bottom:12px;right:94px}.pet-resident:hover .pet-pose{filter:drop-shadow(0 17px 13px #122a2533)}.pet-resident:focus-visible{outline:3px solid var(--pet-accent);outline-offset:3px}.pet-entry-restore:focus-visible{outline:3px solid var(--pet-accent);outline-offset:3px}.pet-panel button:focus-visible{outline:3px solid var(--pet-accent);outline-offset:3px}.pet-panel [tabindex]:focus-visible{outline:3px solid var(--pet-accent);outline-offset:3px}.pet-purchase-dialog button:focus-visible{outline:3px solid var(--pet-accent);outline-offset:3px}.pet-resident:focus-visible{border-radius:40% 40% 14px 14px}.pet-resident--dragging{cursor:grabbing}.pet-resident--dragging .pet-pose{filter:drop-shadow(0 20px 15px #122a253d)}.pet-resident:disabled{cursor:progress}.pet-resident--panel-open{opacity:0;pointer-events:none;visibility:hidden}.pet-resident__error{background:var(--pet-surface);border:1px solid var(--pet-border);box-shadow:0 5px 15px var(--pet-shadow);color:var(--pet-coral);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 11px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:18px;right:23px}.pet-pose{pointer-events:none;transform-origin:50% 100%;justify-content:center;align-items:flex-end;width:100%;height:100%;transition:filter .18s,opacity 90ms,transform .26s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.pet-sprite{opacity:0;z-index:2;justify-content:center;align-items:flex-end;transition:opacity .12s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pet-sprite__frame{aspect-ratio:1/2;pointer-events:none;background-position:bottom;background-repeat:no-repeat;max-width:100%;height:100%;display:block}.pet-pose--sprite-ready .pet-sprite{opacity:1}.pet-pose--sprite-ready .pet-pose__image{opacity:0}.pet-pose__image{-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity .12s;display:block}.pet-pose--resident{filter:drop-shadow(0 14px 11px #122a2529)}.pet-pose--leaving{opacity:.72;transition-duration:90ms}.pet-pose--entering{animation:.26s cubic-bezier(.2,.8,.2,1) both pet-pose-settle}.pet-pose__fallback{background:var(--pet-accent);border:7px solid var(--pet-surface);color:var(--pet-on-accent);border-radius:50%;justify-content:center;align-self:center;align-items:center;width:108px;height:108px;font-size:44px;font-weight:900;display:flex;box-shadow:0 14px 32px #13574e2e}.pet-entry-restore{background:var(--pet-surface);border:1px solid var(--pet-border);bottom:max(18px, env(safe-area-inset-bottom));box-shadow:0 8px 24px var(--pet-shadow);color:var(--pet-accent-strong);cursor:pointer;left:max(80px, calc(env(safe-area-inset-left) + 80px));touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1250;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 13px;font-size:12px;font-weight:800;display:flex;position:fixed}.pet-entry-restore--dragging{cursor:grabbing}.pet-panel-loading{background:var(--pet-surface);border:1px solid var(--pet-border);box-shadow:0 12px 32px var(--pet-shadow);color:var(--pet-text);z-index:1300;border-radius:12px;padding:12px 16px;font-size:12px;position:fixed;bottom:22px;left:104px}.pet-panel-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#462a0a61!important}.pet-panel{overflow:hidden;background:linear-gradient(180deg, #fff7d2 0%, var(--pet-surface) 38%, #ffe7a0 100%)!important;box-shadow:inset 0 0 0 3px #ffe7a4, 0 18px 0 #8a5314, 0 28px 40px var(--pet-shadow)!important;color:var(--pet-text)!important;border:4px solid #c4842a!important;border-radius:10px!important;width:960px!important;max-width:min(960px,100vw - 48px)!important;height:min(760px,100dvh - 48px)!important;max-height:calc(100dvh - 48px)!important;margin:24px!important}.pet-panel__header{border-bottom:1px solid var(--pet-border);justify-content:space-between;align-items:center;height:64px;display:flex;padding:10px 88px 10px 18px!important}.pet-panel__identity{align-items:center;gap:10px;display:flex}.pet-panel__identity>div{flex-direction:column;gap:1px;display:flex}.pet-panel__identity>div>span{color:var(--pet-text);letter-spacing:-.02em;font-size:16px;font-weight:800}.pet-panel__identity small{color:var(--pet-text-muted);font-size:12px;font-weight:500}.pet-panel__mark{background:var(--pet-accent);color:var(--pet-on-accent);border-radius:10px 10px 8px 12px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:flex}.pet-panel__actions{align-items:center;gap:4px;display:flex}.pet-panel__hide{color:var(--pet-text-muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;min-height:44px;padding:7px 9px;font-size:12px;text-decoration:none;display:flex}.pet-panel__hide:hover{background:var(--pet-surface-muted);color:var(--pet-text)}.pet-panel__close{color:var(--pet-text-muted)!important;width:44px!important;height:44px!important;top:10px!important;right:15px!important}.pet-panel__body{grid-template-columns:minmax(0,38fr) minmax(0,62fr);height:calc(100% - 64px);min-height:0;display:grid;padding:0!important}.pet-stage{background:linear-gradient(#8ec8ff 0 92px,#fff3b0 92px 68%,#e8b45a 68% 100%);border-right:4px solid #c4842a;flex-direction:column;min-height:0;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden}.pet-stage__window{background:linear-gradient(#b9e2ff,#7eb6ea);border:3px solid #8a5314;border-radius:6px;height:58px;position:absolute;top:14px;left:16px;right:34%;box-shadow:inset 0 0 0 2px #fff4c2}.pet-stage__window span{background:#ffffff59;width:3px;height:100%;display:block;position:absolute;top:0;left:50%}.pet-stage__floor{background:repeating-linear-gradient(90deg,#d59a3a 0 18px,#c4842a 18px 20px);height:34%;position:absolute;bottom:0;left:0;right:0}.pet-stage__paper-mark{color:#8a5314;letter-spacing:.04em;z-index:2;font-size:12px;font-weight:900;position:relative}.pet-stage__ambient{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.pet-stage__ambient span{background:var(--pet-accent-soft);border:1px solid #1b7f7221;border-radius:50%;display:block;position:absolute}.pet-stage__ambient span:first-child{width:210px;height:210px;top:36px;right:-76px}.pet-stage__ambient span:nth-child(2){background:var(--pet-gold-soft);width:72px;height:72px;bottom:140px;left:-28px}.pet-stage__ambient span:nth-child(3){width:24px;height:24px;bottom:212px;right:38px}.pet-stage__character-wrap{z-index:1;flex:1;justify-content:center;align-items:flex-end;min-height:230px;display:flex;position:relative}.pet-stage__character-wrap>.pet-pose{max-height:440px}.pet-stage__puppet-host{justify-content:center;align-items:flex-end;width:100%;max-width:100%;height:100%;min-height:0;max-height:440px;display:flex;position:relative}.pet-puppet,.pet-puppet__canvas{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:100%;max-height:440px;display:block}.pet-puppet{filter:drop-shadow(0 18px 18px #1b373024);justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.pet-puppet__static-frame{-o-object-fit:contain;object-fit:contain;opacity:0;max-width:100%;height:100%;max-height:440px;transform:translateX(-50%) translate(calc(var(--pet-puppet-look-x,0) * 4px), calc(var(--pet-puppet-look-y,0) * 2px));width:auto;transition:opacity .28s,transform .16s ease-out;position:absolute;bottom:0;left:50%}.pet-puppet__static-frame.is-visible{opacity:1}.pet-puppet--static[data-paused=false]:not([data-reduced-motion=true]){animation:4.6s ease-in-out infinite pet-stage-breathe}.pet-puppet--asset-failed:before{background:var(--pet-accent);border:8px solid var(--pet-surface);color:var(--pet-on-accent);content:attr(data-fallback-label);border-radius:50%;justify-content:center;align-items:center;width:136px;height:136px;font-size:58px;font-weight:900;display:flex}.pet-stage__effect-layer{pointer-events:none;z-index:0;position:absolute;top:42px;bottom:152px;left:8px;right:8px}.pet-stage__effect-layer>span{opacity:0;position:absolute}.pet-stage__effect-glow{background:radial-gradient(circle, color-mix(in srgb, var(--pet-accent) 24%, transparent), transparent 68%);border-radius:50%;top:12%;bottom:12%;left:8%;right:8%}.pet-stage__effect-ring{border:1px dashed color-mix(in srgb, var(--pet-accent) 38%, transparent);color:var(--pet-accent-strong);letter-spacing:.18em;text-align:center;border-radius:50%;padding-top:9px;font-size:12px;top:15%;bottom:15%;left:10%;right:10%}.pet-stage__effect-trail{border:2px solid #0000;border-left-color:var(--pet-gold);border-radius:50%;top:8%;bottom:8%;left:4%;right:4%;transform:rotate(-25deg)}.pet-stage__effect-star{color:var(--pet-gold);text-shadow:0 0 18px var(--pet-gold);font-size:28px;top:8%;right:12%}.pet-stage[data-effect-tier="1"] .pet-stage__effect-glow,.pet-stage[data-effect-tier="2"] .pet-stage__effect-glow,.pet-stage[data-effect-tier="3"] .pet-stage__effect-glow,.pet-stage[data-effect-tier="4"] .pet-stage__effect-glow,.pet-stage[data-effect-tier="5"] .pet-stage__effect-layer>span,.pet-stage[data-effect-tier="3"] .pet-stage__effect-ring,.pet-stage[data-effect-tier="4"] .pet-stage__effect-ring,.pet-stage[data-effect-tier="4"] .pet-stage__effect-trail{opacity:1}.pet-stage:not(.pet-stage--reduced)[data-effect-tier="4"] .pet-stage__effect-trail,.pet-stage:not(.pet-stage--reduced)[data-effect-tier="5"] .pet-stage__effect-trail,.pet-stage:not(.pet-stage--reduced)[data-effect-tier="5"] .pet-stage__effect-star{animation:8s linear infinite pet-effect-orbit}.pet-stage__character{filter:drop-shadow(0 18px 18px #1b373024);-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;transform-origin:50% 100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:112%;height:100%;max-height:440px}.pet-stage__fallback{transform-origin:50% 90%;justify-content:center;align-items:center;width:230px;height:250px;display:flex;position:relative}.pet-stage__fallback-halo{background:var(--pet-accent-soft);border:1px solid #1b7f7233;border-radius:48% 52% 45% 55%;width:184px;height:206px;position:absolute;transform:rotate(-5deg)}.pet-stage__fallback-face{background:var(--pet-accent);border:8px solid var(--pet-surface);color:var(--pet-on-accent);letter-spacing:-.08em;border-radius:52% 48% 46% 54%;justify-content:center;align-items:center;width:136px;height:136px;font-size:58px;font-weight:900;display:flex;position:relative;box-shadow:0 14px 32px #13574e2e}.pet-stage__fallback-book{background:var(--pet-gold-soft);border:3px solid var(--pet-surface);color:var(--pet-gold);border-radius:12px;justify-content:center;align-items:center;width:54px;height:48px;display:flex;position:absolute;bottom:25px;right:26px;transform:rotate(5deg)}.pet-stage:not(.pet-stage--reduced) .pet-stage__character,.pet-stage:not(.pet-stage--reduced) .pet-stage__fallback{animation:4.6s ease-in-out infinite pet-stage-breathe}.pet-stage--paused *,.pet-stage--paused :before,.pet-stage--paused :after{animation-play-state:paused!important}.pet-stage--sick .pet-stage__character,.pet-stage--sick .pet-stage__fallback,.pet-stage--sick .pet-puppet,.pet-stage--tired .pet-stage__character,.pet-stage--tired .pet-stage__fallback,.pet-stage--tired .pet-puppet{filter:saturate(.72)opacity(.9)}.pet-stage__reaction{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pet-stage__reaction span{background:var(--pet-gold-soft);opacity:0;border:1px solid #c7982e61;border-radius:50%;width:10px;height:10px;position:absolute}.pet-stage--feed .pet-stage__reaction span,.pet-stage--clean .pet-stage__reaction span,.pet-stage--play .pet-stage__reaction span,.pet-stage--study .pet-stage__reaction span,.pet-stage--medicine .pet-stage__reaction span,.pet-stage--pet_head .pet-stage__reaction span,.pet-stage--high_five .pet-stage__reaction span,.pet-stage--ac .pet-stage__reaction span,.pet-stage--contest .pet-stage__reaction span,.pet-stage--homework_complete .pet-stage__reaction span,.pet-stage--correction_complete .pet-stage__reaction span,.pet-stage--level_up .pet-stage__reaction span,.pet-stage--recover .pet-stage__reaction span{animation:1.3s ease-out both pet-reaction-rise}.pet-stage__reaction span:first-child{top:40%;left:23%}.pet-stage__reaction span:nth-child(2){animation-delay:.11s;top:24%;right:24%}.pet-stage__reaction span:nth-child(3){animation-delay:.22s;top:48%;right:18%}.pet-stage--clean .pet-stage__reaction span,.pet-stage--recover .pet-stage__reaction span{background:var(--pet-accent-soft);border-color:#1b7f7259}.pet-stage--medicine .pet-stage__reaction span,.pet-stage--sick .pet-stage__reaction span{background:#f4ded9;border-color:#bd665859}.pet-stage__copy{z-index:2;position:relative}.pet-stage__state-flags{flex-wrap:wrap;gap:4px;margin:-7px 0 9px;padding:0;list-style:none;display:flex}.pet-stage__state-flags li{background:var(--pet-surface-muted);border:1px solid var(--pet-border);color:var(--pet-text-muted);border-radius:999px;padding:2px 7px;font-size:12px}.pet-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pet-stage__eyebrow,.pet-view__eyebrow{color:var(--pet-accent-strong);letter-spacing:.06em;align-items:center;gap:5px;margin:0 0 5px;font-size:12px;font-weight:800;display:flex}.pet-stage h2{color:var(--pet-text);letter-spacing:-.045em;margin:0;font-size:max(25px,min(3vw,34px));font-weight:850;line-height:1.12}.pet-stage__topic{color:var(--pet-text-muted);margin:7px 0 14px;font-size:13px;line-height:1.6}.pet-stage__speech{color:var(--pet-text);z-index:2;background:#fffdf4;border:3px solid #8a5314;border-radius:18px;align-items:flex-start;gap:8px;min-height:44px;padding:11px 12px;font-size:13px;line-height:1.5;display:flex;position:relative;box-shadow:3px 3px #c4842a}.pet-stage__speech>svg,.pet-stage__speech>span:first-child{color:var(--pet-accent);flex:none;margin-top:2px}.pet-panel__workspace{background:var(--pet-surface);min-width:0;min-height:0;overflow:hidden}.pet-tabs{flex-direction:column;height:100%;display:flex!important}.pet-tabs__list{scrollbar-width:none;flex:none;gap:2px;min-height:52px;padding:6px 10px 0;overflow-x:auto;border-bottom:1px solid var(--pet-border)!important}.pet-tabs__list::-webkit-scrollbar{display:none}.pet-tabs__tab{gap:6px;color:#8a5314!important;background:#ffe08a!important;border:2px solid #c4842a!important;border-radius:8px 8px 0 0!important;flex:1 0 auto!important;min-width:76px!important;min-height:44px!important;margin:0 2px!important;padding:9px 8px 10px!important;font-size:12px!important;font-weight:800!important}.pet-tabs__tab[aria-selected=true]{color:#5a3a14!important;background:#ffb347!important;border-color:#8a5314!important}.pet-tabs__panels{flex:1;min-height:0;overflow:hidden}.pet-tabs__panel{scrollbar-color:var(--pet-border) transparent;scrollbar-width:thin;height:100%;overflow-y:auto;padding:22px 22px 30px!important}.pet-view{color:var(--pet-text);max-width:620px;margin:0 auto}.pet-view h3,.pet-section-heading h3,.pet-summary h3{color:var(--pet-text);letter-spacing:-.025em;margin:0;font-size:19px;font-weight:800;line-height:1.25}.pet-view-heading,.pet-section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.pet-view-heading>svg{color:var(--pet-accent)}.pet-summary{border-bottom:1px solid var(--pet-border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.pet-summary>div:first-child>p:last-child{color:var(--pet-text-muted);margin:5px 0 0;font-size:12px;line-height:1.55}.pet-growth{flex-direction:column;flex:none;gap:7px;width:min(220px,42%);min-width:168px;display:flex}.pet-growth__meta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pet-growth__level{color:var(--pet-text);letter-spacing:-.02em;font-size:15px;font-weight:750;line-height:1.1}.pet-growth__value,.pet-growth__cap{color:var(--pet-gold);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:12px}.pet-growth__cap{color:var(--pet-text-muted);text-align:right}.pet-growth__track{background:var(--pet-surface-muted);border-radius:999px;height:9px;overflow:hidden}.pet-growth__fill{background:var(--pet-gold);border-radius:inherit;min-width:2px;height:100%;transition:width .42s;display:block}.pet-growth__fill--empty{min-width:0}@media (max-width:560px){.pet-summary{flex-direction:column}.pet-growth{width:100%}}.pet-attributes{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px;padding:20px 0;display:grid}.pet-attribute__label{color:var(--pet-text-muted);grid-template-columns:15px 1fr auto;align-items:center;gap:5px;margin-bottom:6px;font-size:12px;display:grid}.pet-attribute__label>span:first-child{color:var(--pet-gold);font-size:12px}.pet-attribute__label strong{color:var(--pet-text);font-size:12px}.pet-attribute__track{background:var(--pet-surface-muted);border-radius:999px;height:7px;overflow:hidden}.pet-attribute__track span{background:var(--pet-accent);border-radius:inherit;min-width:2px;height:100%;transition:width .42s;display:block}.pet-attribute[data-tone=low] .pet-attribute__track span{background:var(--pet-coral)}.pet-attribute[data-tone=high] .pet-attribute__track span{background:#3e9a78}.pet-health,.pet-rhythm{background:var(--pet-surface-muted);border-left:3px solid var(--pet-accent);align-items:flex-start;gap:10px;margin:0 0 14px;padding:13px 14px;display:flex}.pet-health{display:block}.pet-health--resting{border-left-color:var(--pet-coral)}.pet-health__heading{align-items:flex-start;gap:10px;display:flex}.pet-health svg,.pet-rhythm>svg{color:var(--pet-accent);flex:none;margin-top:2px}.pet-health--resting svg{color:var(--pet-coral)}.pet-health strong,.pet-rhythm strong{font-size:12px}.pet-health p,.pet-rhythm p,.pet-disease p{color:var(--pet-text-muted);margin:2px 0 0;font-size:12px;line-height:1.55}.pet-disease{border-top:1px solid var(--pet-border);margin-top:10px;padding-top:10px}.pet-disease strong{color:var(--pet-coral)}.pet-actions,.pet-feedback{border-top:1px solid var(--pet-border);margin-top:20px;padding-top:18px}.pet-button,.pet-interaction,.pet-shop-price{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.pet-button:disabled,.pet-interaction:disabled,.pet-shop-price:disabled{cursor:not-allowed;opacity:.55}.pet-button--primary,.pet-confirm-button{background:var(--pet-accent,#1b7f72)!important;color:var(--pet-on-accent,#fff)!important}.pet-button--primary:hover:not(:disabled),.pet-confirm-button:hover:not(:disabled){background:var(--pet-accent-strong,#11675d)!important}.pet-button--secondary{background:var(--pet-surface-muted);border:1px solid var(--pet-border);color:var(--pet-text);padding:8px 13px;font-size:12px}.pet-button--gift{background:var(--pet-gold-soft);color:var(--pet-gold);gap:5px;padding:8px 10px;font-size:13px}.pet-interactions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pet-interaction{border:1px solid var(--pet-border);color:var(--pet-text);background:0 0;flex-direction:column;gap:6px;min-height:62px;padding:8px;font-size:13px}.pet-interaction svg{color:var(--pet-accent)}.pet-interaction:hover:not(:disabled){background:var(--pet-accent-soft);border-color:#1b7f7257;transform:translateY(-1px)}.pet-feedback ul,.pet-audit ol{margin:0;padding:0;list-style:none}.pet-feedback li,.pet-audit li{border-bottom:1px solid var(--pet-border);color:var(--pet-text);grid-template-columns:15px 1fr auto;align-items:flex-start;gap:7px;padding:9px 0;font-size:12px;line-height:1.5;display:grid}.pet-feedback li svg{color:var(--pet-gold);margin-top:1px}.pet-feedback time,.pet-audit time{color:var(--pet-text-muted);white-space:nowrap;font-size:12px}.pet-audit{margin-top:14px}.pet-audit__toggle{color:var(--pet-text-muted);background:0 0;border:0;align-items:center;gap:6px;min-height:44px;padding:6px 0;font-size:12px;display:flex}.pet-audit__toggle:hover{color:var(--pet-accent-strong)}.pet-audit__body{padding:8px 0}.pet-audit li{grid-template-columns:1fr auto}.pet-category-filter-wrap{margin-bottom:16px}.pet-category-filter{scroll-snap-type:x proximity;scrollbar-color:var(--pet-border) transparent;scrollbar-width:thin;gap:6px;margin:0 -2px;padding:2px 2px 8px;display:flex;overflow-x:auto}.pet-category-filter::-webkit-scrollbar{height:5px}.pet-category-filter::-webkit-scrollbar-thumb{background:var(--pet-border);border-radius:999px}.pet-category-filter__item{background:var(--pet-surface-muted);color:var(--pet-text-muted);scroll-snap-align:start;border:1px solid #0000;border-radius:999px;flex:none;min-height:44px;padding:6px 12px;font-size:13px;font-weight:700}.pet-category-filter__hint{color:var(--pet-text-muted);margin-top:3px;font-size:12px;display:none}.pet-category-filter__item.is-active{background:var(--pet-accent-soft);color:var(--pet-accent-strong);border-color:#1b7f7238}.pet-item-list{flex-direction:column;display:flex}.pet-item{border-bottom:1px solid var(--pet-border);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 0;display:grid}.pet-item:first-child{padding-top:4px}.pet-item__symbol{background:var(--pet-accent-soft);color:var(--pet-accent-strong);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:flex}.pet-item__symbol--food,.pet-item__symbol--care{background:var(--pet-gold-soft);color:var(--pet-gold)}.pet-item__symbol--medicine{color:#965044;background:#f4ded9}.pet-item__content{min-width:0}.pet-item__title{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pet-item__title>strong{color:var(--pet-text);font-size:13px}.pet-item__content>p{color:var(--pet-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 5px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.pet-quality,.pet-item__owned{border-radius:999px;padding:4px 6px;font-size:12px;font-weight:800;line-height:1}.pet-quality--basic{background:var(--pet-surface-muted);color:var(--pet-text-muted)}.pet-quality--standard{background:var(--pet-accent-soft);color:var(--pet-accent-strong)}.pet-quality--advanced{background:var(--pet-gold-soft);color:var(--pet-gold)}.pet-quality--premium{color:#7f5230;background:#eadfd3}.pet-item__owned{color:var(--pet-text-muted);margin-left:auto;padding-right:0}.pet-item__effects{color:var(--pet-accent-strong);flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.pet-treatment-note{color:var(--pet-coral);align-items:center;gap:3px;display:inline-flex}.pet-item__action{min-width:58px}.pet-button.pet-item__action{padding:8px 12px;font-size:13px}.pet-shop-price{border:1px solid var(--pet-border);color:var(--pet-accent-strong);background:0 0;grid-template-columns:14px auto;gap:1px 4px;padding:7px 9px;font-size:13px;display:grid}.pet-shop-price small{color:var(--pet-text-muted);grid-column:1/-1;font-size:12px}.pet-shop-price:hover{background:var(--pet-accent-soft);border-color:#1b7f725c}.pet-view-heading--balance{gap:10px}.pet-balance{background:var(--pet-gold-soft);color:var(--pet-gold);border-radius:999px;flex:none;align-items:center;gap:5px;padding:7px 10px;font-size:12px;display:flex}.pet-balance strong{font-size:12px}.pet-empty{color:var(--pet-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:30px 18px;display:flex}.pet-empty>svg{color:var(--pet-accent);margin-bottom:10px}.pet-empty strong{color:var(--pet-text);font-size:13px}.pet-empty p{max-width:320px;margin:5px 0 13px;font-size:12px;line-height:1.6}.pet-empty--error>svg{color:var(--pet-coral)}.pet-road__summary{background:var(--pet-surface-muted);grid-template-columns:1fr 1fr auto;align-items:stretch;gap:1px;margin-bottom:16px;display:grid}.pet-road__summary>div{flex-direction:column;padding:11px 13px;display:flex}.pet-road__summary>div+div{border-left:1px solid var(--pet-border)}.pet-road__summary span{color:var(--pet-text-muted);font-size:12px}.pet-road__summary strong{color:var(--pet-text);font-size:15px}.pet-road__summary button{border:0;border-left:1px solid var(--pet-border);color:var(--pet-accent-strong);background:0 0;min-height:44px;padding:0 12px;font-size:12px;font-weight:700}.pet-road__list{margin:0;padding:0;list-style:none}.pet-road__list li{border-bottom:1px solid var(--pet-border);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 3px;display:grid}.pet-road__number{color:var(--pet-text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.pet-road__list strong{color:var(--pet-text);font-size:13px}.pet-road__list p{color:var(--pet-text-muted);margin:2px 0 0;font-size:12px;line-height:1.4}.pet-road__effect{color:var(--pet-text-muted);text-align:right;align-items:center;gap:3px;font-size:12px;display:flex}.pet-road__list li.is-unlocked .pet-road__number,.pet-road__list li.is-unlocked .pet-road__effect{color:var(--pet-accent-strong)}.pet-road__list li.is-current{background:var(--pet-accent-soft);box-shadow:inset 3px 0 0 var(--pet-accent);padding-left:9px;padding-right:7px}.pet-road__list li.is-locked{opacity:.63}.pet-purchase-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1125207a!important}.pet-purchase-dialog{overflow:hidden;background:var(--pet-surface)!important;color:var(--pet-text)!important}.pet-purchase-dialog__header{letter-spacing:-.025em;font-size:17px!important;font-weight:800!important}.pet-purchase-dialog__body>p:first-child{color:var(--pet-text-muted);margin-bottom:14px;font-size:13px;line-height:1.6}.pet-purchase-dialog__row,.pet-purchase-dialog__total{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.pet-purchase-dialog__row label,.pet-purchase-dialog__total span{font-size:13px;font-weight:700}.pet-purchase-dialog__total{border-top:1px solid var(--chakra-colors-gray-200);padding-top:12px}.pet-purchase-dialog__total strong{color:#a77917;font-size:20px}.pet-purchase-dialog__balance,.pet-purchase-dialog__promise,.pet-purchase-dialog__warning{margin:5px 0;font-size:12px;line-height:1.55}.pet-purchase-dialog__promise{color:var(--pet-text-muted)}.pet-operation-recovery,.pet-catalog-notice{background:var(--pet-accent-soft);border:1px solid var(--pet-border);color:var(--pet-text);border-radius:10px;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.pet-operation-recovery svg,.pet-catalog-notice svg{color:var(--pet-accent-strong);flex:none;margin-top:1px}.pet-operation-recovery--support{border-color:var(--pet-gold)}.pet-operation-recovery--refresh{align-items:center}.pet-operation-recovery--refresh .pet-button{flex:none;margin-left:auto;padding:4px 10px;font-size:12px}.pet-balance--unavailable{background:var(--pet-surface-muted);color:var(--pet-text-muted)}.pet-show-more{margin:18px auto 4px;display:flex}.pet-purchase-dialog__warning{color:var(--pet-coral);font-weight:700}@keyframes pet-pose-settle{0%{opacity:.72}to{opacity:1}}@keyframes pet-stage-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.008)}}@keyframes pet-stage-celebrate{0%{transform:translateY(0)rotate(0)}38%{transform:translateY(-12px)rotate(-1.4deg)}70%{transform:translateY(2px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes pet-reaction-rise{0%{opacity:0;transform:translateY(10px)scale(.5)}35%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-24px)scale(.75)}}@keyframes pet-effect-orbit{0%{transform:rotate(-25deg)}to{transform:rotate(335deg)}}@media (max-width:767px){.pet-resident{bottom:max(12px, env(safe-area-inset-bottom));height:108px;left:max(68px, calc(env(safe-area-inset-left) + 68px));width:80px;right:auto}.pet-entry-restore{height:44px;left:max(72px, calc(env(safe-area-inset-left) + 72px));border-radius:50%;justify-content:center;width:44px;min-width:44px;padding:0}.pet-entry-restore__label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pet-resident__error{white-space:normal;width:max-content;max-width:148px;min-height:34px;padding:5px 8px;font-size:12px;bottom:2px;left:50%;right:auto;transform:translate(-50%)}.pet-panel{bottom:0;position:fixed;left:0;right:0;opacity:1!important;border-left:0!important;border-right:0!important;border-radius:18px 18px 0 0!important;width:100%!important;max-width:100%!important;height:min(92dvh,820px)!important;max-height:92dvh!important;margin:0!important;transform:none!important}.pet-panel__header{height:58px;padding:9px calc(58px + env(safe-area-inset-right)) 9px calc(14px + env(safe-area-inset-left))!important}.pet-panel__identity small{display:none}.pet-panel__hide{justify-content:center;min-width:44px;margin-left:auto;padding:7px}.pet-panel__hide span{display:none}.pet-panel__close{right:calc(4px + env(safe-area-inset-right))!important;top:7px!important}.pet-panel__body{flex-direction:column;height:calc(100% - 58px);display:flex;overflow:hidden}.pet-panel__body--workspace-only .pet-panel__workspace{height:100%}.pet-stage{border-bottom:1px solid var(--pet-border);border-right:0;flex:0 0 min(31vh,250px);grid-template-columns:minmax(112px,38%) 1fr;min-height:190px;max-height:36vh;padding:17px 16px 15px;display:grid}.pet-stage__paper-mark{grid-column:1/-1}.pet-stage__character-wrap{grid-area:2/1;align-self:stretch;min-height:0}.pet-stage__character,.pet-stage__character-wrap>.pet-pose,.pet-stage__puppet-host,.pet-puppet,.pet-puppet__canvas,.pet-puppet__static-frame{max-height:190px}.pet-stage__effect-layer{bottom:8px;left:0;right:0;top:28px}.pet-stage__fallback{width:130px;height:145px}.pet-stage__fallback-halo{width:110px;height:120px}.pet-stage__fallback-face{border-width:5px;width:82px;height:82px;font-size:35px}.pet-stage__fallback-book{width:39px;height:35px;bottom:10px;right:8px}.pet-stage__fallback-book svg{width:18px;height:18px}.pet-stage__copy{grid-area:2/2;align-self:center;min-width:0;padding-left:12px}.pet-stage h2{font-size:23px}.pet-stage__topic{margin:5px 0 9px;font-size:12px}.pet-stage__speech{min-height:38px;padding:8px 9px;font-size:12px}.pet-panel__workspace{flex:1;min-height:0}.pet-tabs__list{min-height:48px;padding-left:5px;padding-right:5px}.pet-tabs__tab{min-width:74px!important;font-size:13px!important}.pet-tabs__panel{padding:18px calc(16px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))!important}.pet-category-filter__hint{display:block}.pet-attributes{gap:13px 16px}.pet-interactions{grid-template-columns:repeat(3,minmax(88px,1fr));overflow-x:auto}.pet-item{grid-template-columns:36px minmax(0,1fr) auto;gap:9px}.pet-item__symbol{width:36px;height:36px}.pet-road__effect{max-width:72px}}@media (max-width:420px){.pet-stage{flex-basis:min(28vh,220px);min-height:174px}.pet-stage__topic,.pet-stage__state-flags{display:none}.pet-stage__fallback{transform:scale(.9)}.pet-stage__speech{margin-top:7px}.pet-attributes{grid-template-columns:1fr}.pet-item__content>p{-webkit-line-clamp:1}.pet-item__effects{flex-direction:column;align-items:flex-start;gap:2px}.pet-road__summary{grid-template-columns:1fr 1fr}.pet-road__summary button{border-left:0;border-top:1px solid var(--pet-border);grid-column:1/-1;padding:8px}}@media (prefers-reduced-motion:reduce){.pet-resident,.pet-pose,.pet-sprite,.pet-stage__character,.pet-stage__character-wrap,.pet-stage__fallback,.pet-stage__reaction span,.pet-stage__effect-layer>span,.pet-puppet__static-frame,.pet-attribute__track span,.pet-growth__fill{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}.pet-sprite-fixture{--pet-accent:#1d7c72;--pet-accent-strong:#11675d;--pet-border:#d6ddd7;--pet-on-accent:#fff;--pet-text:#17212c;--pet-text-soft:#55636c;background-color:#f7f5ef;background-image:linear-gradient(#0d3d3a09 1px,#0000 1px),linear-gradient(90deg,#0d3d3a09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100dvh;padding:28px;overflow:hidden}.pet-sprite-fixture__toolbar{z-index:1001;justify-content:space-between;align-items:flex-start;gap:28px;display:flex;position:relative}.pet-sprite-fixture__toolbar p,.pet-sprite-fixture__copy span{color:var(--pet-accent-strong);letter-spacing:.13em;margin:0 0 6px;font-size:12px;font-weight:800}.pet-sprite-fixture__toolbar h1,.pet-sprite-fixture__copy h2{color:var(--pet-text);margin:0}.pet-sprite-fixture__toolbar nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pet-sprite-fixture__toolbar nav button,.pet-sprite-fixture__panel>button{border:1px solid var(--pet-border);color:var(--pet-text);cursor:pointer;background:#ffffffd1;border-radius:999px;min-height:40px;padding:8px 15px;font-weight:700}.pet-sprite-fixture__toolbar nav button[aria-pressed=true]{background:var(--pet-accent);border-color:var(--pet-accent);color:var(--pet-on-accent)}.pet-sprite-fixture__canvas{align-items:center;min-height:calc(100dvh - 110px);padding:0 max(12px,min(8vw,120px));display:flex}.pet-sprite-fixture__copy{max-width:570px}.pet-sprite-fixture__copy h2{letter-spacing:-.045em;max-width:9em;font-size:max(36px,min(5vw,76px));line-height:.98}.pet-sprite-fixture__copy p{color:var(--pet-text-soft);max-width:32em;font-size:16px;line-height:1.8}.pet-sprite-fixture__panel{border:1px solid var(--pet-border);z-index:1100;background:#f7f5eff7;border-radius:18px;width:960px;max-width:calc(100vw - 48px);height:min(760px,100dvh - 48px);padding:16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #122a252e}.pet-sprite-fixture__panel>button{z-index:2;position:absolute;top:24px;right:26px}.pet-sprite-fixture__panel .pet-stage{height:100%}@media (max-width:767px){.pet-sprite-fixture{padding:18px 16px}.pet-sprite-fixture__toolbar{display:block}.pet-sprite-fixture__toolbar nav{justify-content:flex-start;margin-top:18px}.pet-sprite-fixture__toolbar nav button{min-height:44px}.pet-sprite-fixture__canvas{align-items:flex-start;min-height:calc(100dvh - 162px);padding:72px 0 0}.pet-sprite-fixture__copy h2{font-size:43px}.pet-sprite-fixture__panel{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100vw;max-width:none;height:82dvh;padding:10px;bottom:0}}@media print{.pet-companion-root,.pet-panel-overlay{display:none!important}}.item{cursor:pointer;border-style:solid;border-color:#0000;border-top-width:3px;padding-left:1rem;padding-right:1rem;font-size:.93rem;line-height:2.8125rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:75ms;transition-timing-function:linear;animation-duration:75ms;animation-timing-function:linear;display:block}.item:hover{--tw-border-opacity:1;border-color:rgb(45 212 191/var(--tw-border-opacity,1));background-color:rgb(156 163 175/var(--tw-bg-opacity,1));--tw-bg-opacity:.1}.item.active{--tw-border-opacity:1;border-color:rgb(20 184 166/var(--tw-border-opacity,1))}@media (max-width:639px){#layout-nav.classroom-focus-nav .item{padding-left:.5rem;padding-right:.5rem}#layout-nav.classroom-focus-nav .item .font-bold{display:none}}