:root{--panel:#0e1210b8;--panel-edge:#dee6d61f;--ink:#eef1ea;--ink-dim:#a9b3a6;--accent:#d9b56f;--good:#8cc084;--warn:#e0925f;--radius:14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.hud{pointer-events:none;color:var(--ink);letter-spacing:.01em;font-size:13px;position:fixed;inset:0}.hud button,.hud input,.hud .card,.hud .dock,.hud .overlay{pointer-events:auto}.card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px)saturate(1.2);position:absolute;box-shadow:0 10px 30px #00000059}.pet{width:236px;padding:14px 16px 12px;top:16px;left:16px}.pet-name{letter-spacing:-.01em;justify-content:space-between;align-items:baseline;font-size:20px;font-weight:650;display:flex}.pet-name small{color:var(--ink-dim);font-size:11px;font-weight:500}.trust{color:var(--accent);letter-spacing:.12em;margin-top:2px;font-size:12px}.mood{color:var(--ink-dim);min-height:18px;margin:8px 0 10px;font-style:italic}.need{grid-template-columns:70px 1fr;align-items:center;gap:8px;margin:6px 0;display:grid}.need label{color:var(--ink-dim);font-size:12px}.meter{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.meter i{background:linear-gradient(90deg,#6fa36b,#a7cf8f);border-radius:3px;width:50%;height:100%;transition:width .4s,background .4s;display:block}.meter i.low{background:linear-gradient(90deg,#c96b4a,#e39a62)}.meter i.mid{background:linear-gradient(90deg,#c2a04e,#dcc278)}.env{width:214px;padding:12px 14px;top:16px;right:16px}.clock{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.clock .time{font-size:20px;font-weight:600}.clock .day{color:var(--ink-dim);margin-left:auto;font-size:12px}.clock svg{width:18px;height:18px;color:var(--accent)}.clock .menu-button{width:30px;height:30px;margin-left:4px}.clock .menu-button svg{width:16px;height:16px;color:var(--ink)}.readouts{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.readouts div{text-align:center;background:#00000040;border-radius:8px;padding:6px 4px}.readouts label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:10px;display:block}.readouts b{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.controls{align-items:center;gap:8px;display:flex}.controls button{border:1px solid var(--panel-edge);color:var(--ink);font:inherit;cursor:pointer;background:#ffffff14;border-radius:8px;flex:none;padding:5px 9px}.controls button[aria-pressed=false]{color:var(--ink-dim)}.controls label{color:var(--ink-dim);flex:1;align-items:center;gap:6px;font-size:11px;display:flex}.controls input[type=range]{width:100%;accent-color:var(--accent)}.leaves{color:var(--accent);align-items:center;gap:6px;margin-top:8px;font-weight:600;display:flex}.dock{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(14px);border-radius:18px;gap:6px;max-width:calc(100vw - 24px);padding:6px;display:flex;position:absolute;bottom:18px;left:50%;overflow-x:auto;transform:translate(-50%)}.dock button{width:68px;color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:13px;justify-items:center;gap:3px;padding:8px 4px 6px;font-size:11px;transition:background .2s,color .2s;display:grid;position:relative}.dock button svg{width:22px;height:22px}.dock button:hover{color:var(--ink);background:#ffffff0f}.dock button[aria-pressed=true]{color:var(--ink);background:#d9b56f29;box-shadow:inset 0 0 0 1px #d9b56f73}.dock kbd{color:#ffffff59;font:9px/1 inherit;position:absolute;top:4px;right:7px}.dock button:focus-visible,.controls button:focus-visible,.overlay button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toasts{justify-items:center;gap:6px;width:min(520px,100vw - 32px);display:grid;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--panel-edge);border-left:3px solid var(--ink-dim);-webkit-backdrop-filter:blur(12px);border-radius:10px;padding:9px 14px;animation:.35s both toast-in}.toast.good{border-left-color:var(--good)}.toast.warn{border-left-color:var(--warn)}.toast.out{animation:.4s both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.hint{color:var(--ink-dim);text-shadow:0 1px 6px #000;white-space:nowrap;font-size:12px;position:absolute;bottom:94px;left:50%;transform:translate(-50%)}.overlay{background:radial-gradient(#080a098c,#080a09e6);place-items:center;display:grid;position:absolute;inset:0}.overlay .sheet{box-sizing:border-box;background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(18px);border-radius:20px;width:min(440px,100vw - 32px);padding:28px 28px 24px}.overlay h1{letter-spacing:-.02em;margin:0 0 4px;font-size:26px}.overlay p{color:var(--ink-dim);margin:6px 0;line-height:1.5}.overlay ul{color:var(--ink-dim);margin:14px 0;padding-left:18px;line-height:1.6}.overlay form input{box-sizing:border-box;border:1px solid var(--panel-edge);width:100%;color:var(--ink);font:inherit;background:#00000059;border-radius:10px;margin:12px 0 16px;padding:10px 12px;font-size:16px}.overlay form button,.overlay button.secondary{background:var(--accent);color:#1b1710;width:100%;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:11px;font-size:15px;font-weight:650}.overlay .fineprint{margin-top:14px;font-size:11px}.hud [hidden]{display:none!important}.pet-name .icon-button{flex:none;margin-left:8px}.pet-name{gap:6px;min-width:0}.pet-name [data-name]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.pet-name small{white-space:nowrap;flex:none}.icon-button{border:1px solid var(--panel-edge);width:34px;height:34px;color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:10px;place-items:center;padding:0;display:inline-grid}.icon-button svg{width:18px;height:18px}.wallet{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.wallet .leaves span{color:var(--ink-dim);font-weight:400}.leaves{color:var(--accent);align-items:center;gap:6px;font-weight:600;display:inline-flex}.leaves svg{width:14px;height:14px}.store-button{background:var(--accent);color:#1b1710;min-height:36px;font:inherit;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-weight:650;display:inline-flex}.store-button svg{width:16px;height:16px}.overlay.panel{z-index:20}.sheet.wide{flex-direction:column;width:min(980px,100vw - 32px);max-height:min(86vh,820px);padding:20px 22px;display:flex}.overlay.panel .sheet{flex-direction:column;max-height:86vh;display:flex;overflow:hidden}.sheet header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sheet header h2{letter-spacing:-.01em;flex:1;margin:0;font-size:22px}.tabs{flex:none;gap:6px;margin-bottom:10px;display:flex}.tabs button,.chips button{border:1px solid var(--panel-edge);min-height:36px;color:var(--ink-dim);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:999px;padding:6px 14px}.tabs button[aria-selected=true],.chips button[aria-pressed=true]{color:var(--ink);background:#d9b56f2e;border-color:#d9b56f80}.chips{scrollbar-width:none;flex:none;gap:6px;margin-bottom:6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.overlay .grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;min-height:0;padding:2px 6px 8px 2px;display:grid;overflow-y:auto}.hud *,.title *{scrollbar-width:thin;scrollbar-color:#d9b56f73 transparent}.hud ::-webkit-scrollbar{width:8px;height:8px}.title ::-webkit-scrollbar{width:8px;height:8px}.hud ::-webkit-scrollbar-track{background:0 0}.title ::-webkit-scrollbar-track{background:0 0}.hud ::-webkit-scrollbar-thumb{background:#d9b56f59 padding-box padding-box;border:2px solid #0000;border-radius:8px}.title ::-webkit-scrollbar-thumb{background:#d9b56f59 padding-box padding-box;border:2px solid #0000;border-radius:8px}.hud ::-webkit-scrollbar-thumb:hover{background-color:#d9b56f99}.title ::-webkit-scrollbar-thumb:hover{background-color:#d9b56f99}.hud ::-webkit-scrollbar-button{display:none}.title ::-webkit-scrollbar-button{display:none}.item{border:1px solid var(--panel-edge);background:#00000047;border-radius:14px;flex-direction:column;padding:10px;display:flex}.item .thumb{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#ffffff1a,#0003);border-radius:10px;place-items:center;display:grid;overflow:hidden}.item .thumb img{object-fit:contain;width:100%;height:100%}.item h3{margin:10px 0 2px;font-size:15px}.item p{color:var(--ink-dim);flex:1;margin:0 0 8px;font-size:12px;line-height:1.45}.item p.latin{flex:0;margin-bottom:4px;font-style:italic}.item footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.item footer small{color:var(--ink-dim);font-size:11px}.price{color:var(--accent);align-items:center;gap:4px;font-weight:650;display:inline-flex}.price svg{width:13px;height:13px}.item footer button{background:var(--accent);color:#1b1710;min-height:36px;font:inherit;cursor:pointer;border:0;border-radius:10px;margin-left:auto;padding:6px 12px;font-weight:650}.item footer button:disabled{color:var(--ink-dim);cursor:default;background:#ffffff14}.pet-list{gap:8px;margin-bottom:12px;display:grid;overflow-y:auto}.pet-row{border:1px solid var(--panel-edge);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#00000040;border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:8px;display:flex}.pet-row img{object-fit:contain;width:48px;height:48px}.pet-row span{flex:1;display:grid}.pet-row small{color:var(--ink-dim)}.pet-row em{color:var(--accent);font-style:normal}.pet-row[aria-current=true]{border-color:#d9b56f80}.overlay button.secondary{color:var(--ink);background:#ffffff14}.hud.arranging .hint{display:none}.arrange{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(14px);pointer-events:auto;border-radius:16px;width:min(760px,100vw - 24px);padding:10px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.arrange.invalid{border-color:#e0925f99}.arrange-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.arrange-label{flex:140px;min-width:0;display:grid}.arrange-rotate{border:1px solid var(--panel-edge);background:#ffffff0a;border-radius:12px;flex:220px;align-items:center;gap:8px;min-height:44px;padding:0 10px;display:flex}.arrange-rotate svg{opacity:.8;flex:none;width:18px;height:18px}.arrange-rotate input{min-width:0;height:32px;accent-color:var(--accent);cursor:pointer;flex:1}.arrange-rotate input:disabled{opacity:.4;cursor:default}.arrange-rotate output{text-align:right;font-variant-numeric:tabular-nums;width:3.2em}.arrange-label small{color:var(--warn);min-height:15px}.arrange-bar button{border:1px solid var(--panel-edge);min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:12px;place-items:center;padding:0 12px;display:grid}.arrange-bar button svg{width:20px;height:20px}.arrange-bar button:disabled{opacity:.4;cursor:default}.arrange-bar button.primary{background:var(--accent);color:#1b1710;border:0;font-weight:650}.inventory{align-items:stretch;gap:8px;min-height:64px;margin-top:8px;display:flex;overflow-x:auto}.inv{border:1px solid var(--panel-edge);color:var(--ink);font:inherit;cursor:pointer;background:#00000040;border-radius:12px;flex:none;align-items:center;gap:8px;min-height:56px;padding:6px 10px 6px 6px;display:flex}.inv img{object-fit:contain;width:44px;height:44px}.inv b{color:var(--accent)}.inventory .empty{color:var(--ink-dim);align-self:center;margin:0;font-size:12px}.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.clock .compact-button{width:30px;height:30px;margin-left:4px}.clock .compact-button svg{width:16px;height:16px;color:var(--ink);transition:transform .2s}.hud.compact .clock .compact-button svg{transform:rotate(180deg)}.hud.compact .pet,.hud.compact .env{top:max(8px, env(safe-area-inset-top));cursor:pointer;width:auto;min-width:0;padding:6px 8px 6px 12px}.hud.compact .pet{left:max(8px, env(safe-area-inset-left));max-width:min(260px,34vw)}.hud.compact .env{right:max(8px, env(safe-area-inset-right));max-width:min(300px,40vw)}.hud.compact .pet-name{align-items:center;font-size:15px}.hud.compact .pet-name small{display:none}.hud.compact .pet-name .icon-button,.hud.compact .clock .icon-button{width:30px;min-width:30px;height:30px;min-height:30px}.hud.compact .mood{white-space:nowrap;text-overflow:ellipsis;min-height:0;margin:0;font-size:12px;overflow:hidden}.hud.compact .pet:not(.open) .trust,.hud.compact .pet:not(.open) .needs{display:none}.hud.compact .clock .time{font-size:15px}.hud.compact .env:not(.open) .readouts,.hud.compact .env:not(.open) .controls,.hud.compact .env:not(.open) .wallet{display:none}.hud.compact .pet.open,.hud.compact .env.open{width:236px;max-width:none}.hud.compact .pet.open .needs{display:block}.hud.compact .env.open .controls{flex-wrap:wrap;display:flex}@media (max-width:720px){.pet{width:calc(50vw - 15px);padding:10px 12px;top:10px;left:10px}.pet .needs{display:none}.pet.open .needs{display:block}.pet,.env{box-sizing:border-box}.env{cursor:pointer;width:calc(50vw - 15px);padding:10px;top:10px;right:10px}.clock .time{font-size:17px}.readouts{gap:3px;margin:6px 0}.readouts b{font-size:11px}.readouts label{font-size:9px}.env .controls{flex-wrap:wrap;display:none}.env.open .controls{margin-top:4px;display:flex}.env.open .controls label{flex-basis:100%}.controls button{min-width:44px;min-height:44px}.wallet{margin-top:6px}.wallet .leaves span{display:none}.store-button{min-height:44px}.dock{bottom:max(10px, env(safe-area-inset-bottom));gap:2px}.dock button{width:50px;font-size:10px}.dock kbd{display:none}.toasts{bottom:86px}.hint{display:none}.arrange{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 70px)}.arrange-bar button:not(.primary) span{display:none}.arrange-rotate{flex-basis:100%;order:3}.overlay.panel{place-items:end center}.overlay.panel .sheet,.sheet.wide{width:100vw;max-height:92vh;padding:16px 14px max(16px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.overlay .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item p{display:none}.item p.latin{display:block}.icon-button,.tabs button,.chips button,.item footer button{min-width:44px;min-height:44px}.item footer button{flex:100%;margin-left:0}}.title [hidden]{display:none!important}.title{z-index:50;color:#f3e9d2;place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:fixed;inset:0}.title-shade{pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,#080a0900 0%,#080a0980 55%,#050606eb 100%),linear-gradient(#05060699,#05060600 32%,#050606a6);position:absolute;inset:0}.title-inner{width:min(680px,100%);padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));justify-items:center;gap:clamp(16px,4vh,34px);animation:1.1s both title-in;display:grid;position:relative}.title .logo{filter:drop-shadow(0 6px 26px #0009);width:min(640px,92vw);height:auto}.logo-word{letter-spacing:-1px;font:600 88px Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif}.logo-tag{letter-spacing:6px;fill:#f0e1c3b8;font:600 15px system-ui,-apple-system,Segoe UI,sans-serif}.title-menu{gap:10px;width:min(320px,86vw);display:grid}.title button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:48px;color:inherit;letter-spacing:.3px;cursor:pointer;background:#1416148c;border:1px solid #ffffff24;border-radius:14px;padding:0 18px;font:600 16px/1 system-ui,-apple-system,Segoe UI,sans-serif;transition:transform .15s,background .15s,border-color .15s}.title button:hover:not(:disabled){background:#2a2c28b8;border-color:#ffffff4d;transform:translateY(-1px)}.title button.primary{color:#1c140a;background:linear-gradient(#e8be6b,#c98f3c);border:0}.title button.primary:hover:not(:disabled){background:linear-gradient(#f0c878,#d19845)}.title button.danger{color:#fff5ef;background:#b4493c;border:0}.title button:disabled{opacity:.55;cursor:progress}.title button:focus-visible{outline-offset:3px;outline:2px solid #f0cf8a}.title-foot{color:#f0e4cd8c;text-align:center;margin:0;font-size:12px}.title-panel{background:#0506068c;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.title-panel .sheet{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121412e6;border:1px solid #ffffff1f;border-radius:20px;width:min(460px,100%);max-height:86vh;padding:22px;overflow:auto}.title-panel h2{margin:0 0 14px;font:600 24px Iowan Old Style,Palatino Linotype,Georgia,serif}.title-panel p{color:#f3e9d2db;margin:0 0 12px;font-size:14px;line-height:1.55}.setting{gap:8px;margin-bottom:18px;display:grid}.setting>span{color:#f0e4cdb3;font-size:13px}.setting small{color:#e8be6b;font-size:12px}.setting input[type=range]{accent-color:#e8be6b;width:100%}.segmented{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.segmented button[aria-pressed=true]{background:#e8be6b38;border-color:#e8be6b}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.credits ul{columns:2;color:#f3e9d2b8;margin:0 0 14px;padding-left:18px;font-size:13px;line-height:1.6}.title.leaving{pointer-events:none;animation:.45s forwards title-out}@keyframes title-in{0%{opacity:0;transform:translateY(12px)}}@keyframes title-out{to{opacity:0}}body.title-open .hud{display:none}@media (max-width:520px){.logo-word{font-size:84px}.credits ul{columns:1}}@media (prefers-reduced-motion:reduce){.title-inner,.title.leaving{animation:none}.title button{transition:none}}