:root{font-family:ui-monospace,Cascadia Mono,SFMono-Regular,Consolas,monospace;color:#fff8ff;background:#061d2a;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.hud{position:fixed;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.panel{background:linear-gradient(150deg,#16162bf0,#071d28e6);border:2px solid rgba(233,92,221,.66);box-shadow:0 5px #0408128c,0 18px 45px #0000004d;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pet-card{position:relative;display:grid;grid-template-columns:76px 1fr 26px;gap:12px;width:min(390px,calc(100vw - 28px));padding:14px}.pet-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:8px;background:linear-gradient(145deg,#412748,#241f38);border:2px solid #795179;font-size:42px;color:#ff78bd;text-shadow:3px 3px #7b275b}.pet-copy{min-width:0}.eyebrow{font-size:.7rem;letter-spacing:.12em;color:#d0b2da}h1{margin:1px 0 7px;font-size:1.8rem;line-height:1}.heart{color:#ff5cae;font-size:1.6rem;text-shadow:2px 2px #732157;animation:heartbeat 2.3s ease-in-out infinite}@keyframes heartbeat{0%,78%,to{transform:scale(1)}84%{transform:scale(1.18)}90%{transform:scale(1)}95%{transform:scale(1.1)}}.level-row{display:flex;justify-content:space-between;gap:12px;font-size:.78rem;color:#ffe477}.bar{height:11px;margin-top:5px;overflow:hidden;border:2px solid #364054;background:#171d2d;box-shadow:inset 0 2px #0006;border-radius:2px}.bar i{display:block;width:0%;height:100%;background:linear-gradient(90deg,#b544de,#ff75cb);transition:width .35s ease}.needs{grid-column:1 / -1;display:grid;gap:8px;margin-top:3px}.needs>div{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:8px;font-size:.8rem}#joyBar{width:88%;background:linear-gradient(90deg,#ff4d99,#ff8ac1)}#curiosityBar{width:72%;background:linear-gradient(90deg,#3ac7d9,#73f0f0)}.feed-tip{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:390px;padding:11px 15px;text-align:center;font-size:.82rem;border-color:#7894c494}.pellet{color:#df9e58;font-size:1.4rem}kbd{padding:2px 6px;border:1px solid #7f8ba5;background:#252c40;box-shadow:0 2px #090b12}.side-menu{position:absolute;left:14px;top:50%;transform:translateY(-18%);display:grid;gap:10px}.menu-button,.icon-button{pointer-events:auto;cursor:pointer;border:2px solid rgba(226,92,229,.66);background:linear-gradient(#25263f,#121627);box-shadow:0 4px #0000007a;border-radius:10px;transition:transform .1s ease,filter .15s ease}.menu-button:hover,.icon-button:hover{filter:brightness(1.18)}.menu-button{position:relative;width:82px;min-height:74px;display:grid;place-items:center;padding:8px}.menu-button span{font-size:1.55rem;color:#dfad68}.menu-button b{font-size:.76rem}.menu-button small{position:absolute;top:-7px;right:-7px;min-width:24px;padding:3px 5px;border-radius:10px;background:#d86be0;color:#181022;font-weight:900}.menu-button:active,.icon-button:active{transform:translateY(2px);box-shadow:0 2px #00000073}.top-actions{position:absolute;top:14px;right:14px;display:flex;gap:9px}.icon-button{width:54px;height:54px;font-size:1.65rem}.message{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(650px,calc(100vw - 210px));padding:12px 18px;text-align:center;font-size:.8rem;border-color:#8f59b3b8;transition:transform .18s ease}.message.is-new{transform:translate(-50%) scale(1.025)}@media(max-width:760px){.hud{padding:9px}.pet-card{width:272px;grid-template-columns:52px 1fr 18px;padding:9px;gap:9px}.pet-icon{width:52px;height:52px;font-size:30px}h1{font-size:1.22rem}.eyebrow{font-size:.58rem}.level-row{font-size:.68rem}.needs{display:none}.feed-tip{top:auto;bottom:84px;width:calc(100vw - 28px);font-size:.7rem;padding:8px 10px}.side-menu{left:8px;top:auto;bottom:10px;transform:none;grid-template-columns:repeat(3,1fr);gap:7px}.menu-button{width:64px;min-height:58px;padding:5px}.menu-button span{font-size:1.25rem}.menu-button b{font-size:.65rem}.message{display:none}.top-actions{top:auto;right:8px;bottom:10px;gap:7px}.icon-button{width:48px;height:48px;font-size:1.35rem}}@media(max-width:430px){.feed-tip{bottom:76px}.top-actions .icon-button:first-child{display:none}.menu-button{width:60px}}.photo-mode{position:fixed;inset:0;z-index:20;display:none;pointer-events:none;color:#fff}.photo-mode.is-open{display:block}.hud.photo-hidden{opacity:0;pointer-events:none}.camera-topbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(760px,calc(100vw - 24px));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;pointer-events:auto;text-shadow:0 2px 4px #00141f}.camera-topbar strong{text-align:center;font-size:clamp(.9rem,2vw,1.2rem)}.camera-topbar>:last-child{justify-self:end}.camera-button{pointer-events:auto;cursor:pointer;border:2px solid rgba(255,255,255,.55);border-radius:9px;padding:9px 12px;color:#fff;background:#0b1224c2;box-shadow:0 3px #00000073;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.camera-button:hover{filter:brightness(1.18)}.focus-frame{position:absolute;inset:13% 12% 20%;pointer-events:none;opacity:.75}.focus-frame i{position:absolute;width:46px;height:46px;border-color:#fff;border-style:solid;filter:drop-shadow(0 2px 2px #00131d)}.focus-frame i:nth-child(1){left:0;top:0;border-width:3px 0 0 3px}.focus-frame i:nth-child(2){right:0;top:0;border-width:3px 3px 0 0}.focus-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 3px 3px}.focus-frame i:nth-child(4){right:0;bottom:0;border-width:0 3px 3px 0}.camera-controls{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(780px,calc(100vw - 24px));padding:10px 14px;display:grid;grid-template-columns:1fr 1fr auto 1fr 1fr;align-items:center;gap:9px;pointer-events:auto;border-color:#71e1ffb3}.camera-controls label{display:grid;gap:4px;font-size:.7rem;color:#d7f8ff}.camera-controls select{min-width:0;padding:8px;border-radius:7px;border:1px solid #8be9ff;background:#18213a;color:#fff;font:inherit}.shutter{width:70px;height:70px;border-radius:50%;border:4px solid white;padding:5px;background:#ffffff2e;cursor:pointer;box-shadow:0 0 0 4px #00000040}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#ff69b4;border:2px solid #8b245d}.shutter:active{transform:scale(.94)}.countdown{position:absolute;inset:0;display:grid;place-items:center;font:900 clamp(6rem,25vw,14rem)/1 monospace;text-shadow:0 8px 0 rgba(0,0,0,.35);pointer-events:none}.camera-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.camera-flash.fire{animation:cameraFlash .45s ease-out}@keyframes cameraFlash{0%{opacity:0}18%{opacity:.92}to{opacity:0}}.album-dialog{width:min(980px,94vw);max-height:88vh;padding:0;border:2px solid #d86be0;border-radius:14px;color:#fff;background:linear-gradient(150deg,#17162b,#082633);box-shadow:0 30px 100px #000}.album-dialog::backdrop{background:#000a14b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0f1327f5;border-bottom:1px solid #7f5388}.album-head h2{margin:0;font-size:1.2rem}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:16px}.album-card{overflow:hidden;border:2px solid #665073;border-radius:10px;background:#10172a}.album-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.album-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;font-size:.68rem}.album-card button,.album-card a{border:0;border-radius:6px;padding:7px 9px;background:#3a3155;color:#fff;text-decoration:none;cursor:pointer;font:inherit}.album-empty{padding:36px 18px;text-align:center;color:#d6c4de}@media(max-width:760px){.camera-topbar{grid-template-columns:auto 1fr auto}.camera-topbar strong{font-size:.78rem}.camera-button{padding:8px;font-size:.68rem}.camera-controls{grid-template-columns:1fr 1fr auto;grid-template-areas:"frame pose shutter" "timer look shutter"}.camera-controls label{grid-area:frame}.camera-controls #poseButton{grid-area:pose}.camera-controls .shutter{grid-area:shutter}.camera-controls #timerButton{grid-area:timer}.camera-controls #lookButton{grid-area:look}.shutter{width:62px;height:62px}.focus-frame{inset:15% 7% 25%}}@media(max-width:430px){.top-actions .icon-button:first-child{display:block}.camera-topbar strong{display:none}.camera-topbar{grid-template-columns:1fr 1fr}.camera-controls{bottom:8px}}