:root{--bg:#0b0f14;--fg:#e6edf3;--muted:#e6edf3b3;--card:#ffffff0f;--border:#ffffff1f;--accent:#2ea6ff;--danger:#ff5a5f;--radius:14px;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;color:var(--fg);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}body{width:100%;max-width:100%;margin:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}#root{width:100%;min-width:0;max-width:100%;min-height:100svh;display:flex}button{font:inherit}a{color:inherit}.AppShell{grid-template-rows:auto 1fr;width:100%;min-width:0;min-height:100svh;display:grid}.AppTopbar{border-bottom:1px solid var(--border);background:linear-gradient(#ffffff0f,#fff0);padding:14px 16px}.AppTopbarTitle{letter-spacing:.2px;font-size:16px;font-weight:600}.AppContent{align-content:start;gap:12px;min-width:0;padding:16px;display:grid}.AppContentMain{align-content:stretch;padding:0;overflow:hidden}.Screen{align-content:start;gap:12px;width:100%;min-width:0;max-width:620px;margin:0 auto;display:grid}.ScreenMain{align-content:stretch;gap:0;min-width:0;max-width:none;height:100%;margin:0}.MainCard{width:100%;min-width:0;height:100%;display:grid}.MainPlaceholder{width:100%;height:100%;color:var(--muted);place-items:center;display:grid}.ScreenMain .PetStage{border-left:0;border-right:0;border-radius:0;height:100%}.PetStage{border:1px solid var(--border);background:radial-gradient(circle at 50% 25%,#ffffff14,#00000040);border-radius:14px;grid-template-rows:1fr auto;width:100%;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.PetBody{grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid;position:relative}.PetStats{border-bottom:1px solid var(--border);background:linear-gradient(#0000002e,#0000);grid-template-columns:repeat(4,1fr);gap:10px;min-width:0;padding:10px;display:grid;position:relative}.PetIndicatorsStatus{font-family:var(--mono);color:#e6edf39e;pointer-events:none;font-size:11px;position:absolute;top:8px;right:10px}.PetStat{gap:6px;min-width:0;display:grid}.PetStatHeader{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.PetStatLabel{color:var(--muted);letter-spacing:.2px;align-items:center;gap:8px;min-width:0;font-size:12px;display:inline-flex}.PetStatLabel span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.PetStatIcon{color:#e6edf3e6;flex:none;width:16px;height:16px}.PetStatValue{font-family:var(--mono);color:#e6edf3e0;flex:none;font-size:12px}.PetStatBar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;height:8px;overflow:hidden}.PetStatFill{border-radius:999px;height:100%}.PetStatFillHealth{background:linear-gradient(90deg,#42ffabe6,#2ea6ffe6)}.PetStatFillEnergy{background:linear-gradient(90deg,#ffd142f2,#ff8842f2)}.PetStatFillMood{background:linear-gradient(90deg,#ff5ca2e6,#b15cffe6)}.PetStatFillHunger{background:linear-gradient(90deg,#2ea6ffd9,#42ffabd9)}.PetViewport{cursor:pointer;touch-action:manipulation;width:100%;height:100%;min-height:0;position:relative}.PetModalOverlay{display:grid;position:absolute;inset:0}.PetModalBackdrop{background:#00000073;border:0;grid-area:1/1;padding:0}.PetModalSheet{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e14eb;border:1px solid #ffffff24;border-radius:14px;grid-area:1/1;grid-template-rows:auto 1fr;place-self:stretch stretch;max-height:calc(100% - 20px);margin:10px;display:grid}.PetModalHeader{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.PetModalTitle{letter-spacing:.2px;font-weight:600}.PetModalClose{width:34px;height:34px;color:var(--fg);background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.PetModalContent{color:var(--muted);place-items:center;padding:12px;display:grid;overflow:auto}.PetClickPop{pointer-events:none;font-family:var(--mono);color:#ffffffeb;text-shadow:0 1px 10px #000000a6;font-size:14px;font-weight:700;animation:.9s ease-out forwards PetClickPopUp;position:absolute;transform:translate(-50%,-50%)}@keyframes PetClickPopUp{0%{opacity:0;transform:translate(-50%,-50%)translateY(0)scale(.9)}15%{opacity:1;transform:translate(-50%,-50%)translateY(-4px)scale(1)}to{opacity:0;transform:translate(-50%,-50%)translateY(-30px)scale(1.05)}}.PetMenu{border-top:1px solid var(--border);background:#0000002e;grid-template-columns:repeat(4,1fr);gap:10px;min-width:0;padding:10px;display:grid}.PetMenuBtn{border:1px solid var(--border);height:44px;color:var(--fg);background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.PetMenuBtn:active{transform:translateY(1px)}.PetMenuIcon{width:22px;height:22px}.catView{position:absolute;inset:0}.catView svg{transform-origin:50%;width:100%;height:100%;overflow:visible;transform:translate(-3%)scale(.92)}.Card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.Row{gap:6px;display:grid}.RowTitle{font-weight:600}.RowValue{color:var(--muted);font-family:var(--mono);word-break:break-word;font-size:13px;line-height:1.35}.Actions{gap:10px;display:grid}.Button{border:1px solid var(--border);color:var(--fg);background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;padding:12px 14px;display:inline-flex}.ButtonPrimary{background:#2ea6ff2e;border-color:#2ea6ff59}.ButtonDanger{background:#ff5a5f2e;border-color:#ff5a5f59}.Hint{color:var(--muted);font-size:13px;line-height:1.4}.Input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--fg);background:#ffffff0a;border-radius:12px;padding:12px}.InputError{border-color:#ff5a5f99}.JsonBox{font-family:var(--mono);border:1px solid var(--border);background:#ffffff0a;border-radius:12px;padding:10px;font-size:13px;line-height:1.35;overflow:auto}.Toast{z-index:50;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0f14eb;border-radius:12px;min-width:220px;max-width:min(420px,100vw - 24px);padding:12px;position:fixed;top:12px;right:12px;box-shadow:0 12px 30px #00000059}.ToastTitle{margin-bottom:4px;font-weight:600}.ToastInfo{border-color:#2ea6ff59}.ToastSuccess{border-color:#5affa059}.ToastError{border-color:#ff5a5f99}.Overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;place-items:center;display:grid;position:fixed;inset:0}.Spinner{border:3px solid #ffffff2e;border-top-color:#ffffffd9;border-radius:999px;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}