:root{--navy:#22334a;--navy-deep:#15243a;--cream:#f7f0e2;--paper:#fffaf0;--amber:#e5a84b;--terracotta:#c96e4b;--sage:#798e76;--ink:#25323a;--muted:#718087;--line:#ded8ca;--red:#c64e4b;--green:#4d876a;--shadow:0 20px 55px #18263321}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#f2eee4;margin:0;font-family:Trebuchet MS,Avenir Next,Avenir,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:4px solid #e5a84b73}.hamster-shell{background:radial-gradient(circle at 10% 5%,#fff8e5,#0000 27rem),linear-gradient(#f8f3e8,#eceae2);min-height:100vh;padding-bottom:40px}.hamster-header{align-items:center;max-width:1180px;height:78px;margin:auto;padding:0 24px;display:flex;position:relative}.hamster-brand{align-items:center;gap:12px;display:flex}.hamster-brand>span:last-child{flex-direction:column;display:flex}.hamster-brand strong{font-family:Georgia,serif;font-size:23px}.hamster-brand small{color:var(--terracotta);letter-spacing:.14em;margin-top:2px;font-size:9px;font-weight:900}.brand-badge{width:42px;height:42px;color:var(--cream);background:var(--navy);border-radius:50% 50% 44% 44%;place-items:center;font-family:Georgia,serif;font-size:23px;font-weight:900;display:grid;box-shadow:inset 0 -5px #142237}.head-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.streak,.points{border:1px solid var(--line);background:#ffffffb3;border-radius:20px;padding:9px 13px;font-size:12px;font-weight:900}.points{color:#9b6724}.profile-dot{color:#fff;background:var(--terracotta);cursor:pointer;border:3px solid #fff;border-radius:50%;width:42px;height:42px;font-weight:900;box-shadow:0 4px 12px #2633}.profile-panel{z-index:30;border:1px solid var(--line);width:min(330px,100vw - 48px);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:18px;position:absolute;top:67px;right:24px}.profile-panel label{margin-bottom:12px;display:block}.profile-panel label span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.profile-panel input{border:1px solid var(--line);background:#faf8f1;border-radius:11px;width:100%;padding:10px 12px;font-weight:800}.profile-panel p{color:var(--muted);margin:4px 0 0;font-size:11px}.intro-row{justify-content:space-between;align-items:flex-end;gap:35px;max-width:1180px;margin:5px auto 23px;padding:22px 24px;display:flex}.overline{color:var(--terracotta);letter-spacing:.13em;margin:0 0 8px;font-size:10px;font-weight:900}.intro-row h1{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-size:clamp(34px,4.8vw,49px);line-height:1.06}.intro-row>div:first-child>p:last-child{color:var(--muted);margin:9px 0 0}.daily-progress{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;width:390px;padding:17px 19px}.daily-progress>div:first-child{justify-content:space-between;font-size:13px;display:flex}.daily-progress>div:first-child span{color:var(--terracotta);font-weight:900}.progress,.need-track{background:#e7e3da;border-radius:12px;height:8px;margin:9px 0;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--terracotta), var(--amber));height:100%;transition:width .35s;display:block}.check-dots{color:#a6a59e;justify-content:space-between;font-size:10px;font-weight:900;display:flex}.check-dots .done{color:var(--green)}.habitat-grid{grid-template-columns:1.55fr .8fr;gap:20px;max-width:1180px;margin:auto;padding:0 24px;display:grid}.habitat,.vitals,.care-section,.assessment,.journal{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:27px;overflow:hidden}.habitat{background:#b9c3bd;min-height:460px;position:relative}.room-window{background:linear-gradient(#9cc0c0 0 42%,#6c8290 42%);position:absolute;inset:0}.night .room-window{background:linear-gradient(#2d3f61 0 42%,#4b4c5d 42%)}.room-window:before,.room-window:after{content:"";background:#f6efdb8c;position:absolute}.room-window:before{width:9px;top:0;bottom:42%;left:50%}.room-window:after{height:9px;top:22%;left:0;right:0}.room-window>span{color:#ffe4a3;font-size:42px;position:absolute;top:8%;right:13%}.cage-glass{background:#ebdebf3b;border:7px solid #563e31;border-top:5px solid #826454;height:300px;position:absolute;bottom:67px;left:5%;right:5%;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff59}.cage-glass:before{content:"";pointer-events:none;z-index:8;background:repeating-linear-gradient(90deg,#0000 0 38px,#4139342e 38px 40px);position:absolute;inset:0}.bedding{clip-path:polygon(0 15%,6% 9%,13% 19%,22% 8%,31% 16%,39% 3%,49% 17%,59% 7%,69% 18%,78% 5%,88% 17%,100% 4%,100% 100%,0 100%);background:#e5d4ad;height:118px;position:absolute;bottom:-12px;left:-2%;right:-2%}.wheel{background:#c99a62;border:16px solid #9a6d41;border-radius:50%;width:144px;height:144px;position:absolute;bottom:65px;right:6%;box-shadow:inset 0 0 0 3px #5d4028}.wheel:after{content:"";background:#684a32;width:9px;height:86px;position:absolute;bottom:-64px;left:51%;transform:rotate(18deg)}.wheel span{border:2px dashed #4d2d198c;border-radius:50%;position:absolute;inset:14px}.hide{color:#dbc89e;background:#4d423c;border-radius:10px 10px 0 0;place-items:center;width:127px;height:83px;font-size:43px;display:grid;position:absolute;bottom:67px;left:8%}.bottle{z-index:5;background:#b7dce2b8;border:3px solid #77909a;border-radius:9px 9px 14px 14px;width:39px;height:87px;position:absolute;top:8px;right:31%}.bottle:after{content:"";background:#687a7e;width:35px;height:6px;position:absolute;bottom:-10px;left:20px;transform:rotate(38deg)}.bottle i{background:#7bc3d2a6;border-radius:0 0 9px 9px;height:74%;position:absolute;bottom:0;left:0;right:0}.bottle b{z-index:2;position:absolute;top:25px;left:7px}.food-bowl{background:var(--terracotta);color:#e9c179;text-align:center;letter-spacing:5px;border-radius:5px 5px 35px 35px;width:82px;height:34px;padding-top:3px;font-weight:900;position:absolute;bottom:48px;left:36%}.hamster{z-index:7;animation:3.5s ease-in-out infinite hamster-bob;position:absolute;bottom:68px;left:45%}.hamster>span{filter:drop-shadow(0 8px 6px #3125);font-size:102px}.hamster b{color:#fff;font-family:Georgia,serif;font-size:17px;position:absolute;top:-14px;right:-15px;transform:rotate(-12deg)}.habitat-caption{background:#fffaf0;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.habitat-caption>div:first-child{flex-direction:column;display:flex}.habitat-caption strong{font-family:Georgia,serif;font-size:21px}.habitat-caption span{color:var(--muted);font-size:10px}.awake-pill{color:#6c6258;background:#ece8dc;border-radius:14px;padding:7px 11px;font-size:10px;font-weight:900}.awake-pill.on{color:#884f17;background:#fff0c8}.vitals{padding:24px}.vitals-head{justify-content:space-between;align-items:flex-start;display:flex}.vitals-head h2{margin:0;font-family:Georgia,serif;font-size:27px}.health-orb{text-align:center;color:#fff;background:var(--green);border-radius:50%;place-content:center;width:72px;height:72px;display:grid;box-shadow:inset 0 -7px #0000001f}.health-orb.low{background:var(--red)}.health-orb strong{font-size:21px;line-height:1}.health-orb small{opacity:.8;font-size:9px}.needs{gap:13px;margin-top:17px;display:grid}.need>div:first-child{justify-content:space-between;font-size:12px;display:flex}.need b{font-size:11px}.need b.good{color:var(--green)}.need b.watch{color:#a87928}.need b.warning{color:#c66e37}.need b.danger{color:var(--red)}.need-track{height:7px;margin:5px 0 3px}.need-track i{background:var(--green);border-radius:9px;height:100%;display:block}.need-track i.watch{background:#d2a847}.need-track i.warning{background:#df7f43}.need-track i.danger{background:var(--red)}.need>small{text-align:right;color:var(--muted);font-size:9px;display:block}.mini-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px;display:grid}.mini-stats span{text-align:center;color:var(--muted);background:#f5f2ea;border-radius:10px;padding:8px 4px;font-size:8px}.mini-stats b{color:var(--ink);font-size:10px;display:block}.life-warning{color:#74433f;background:#fff0e8;border-radius:13px;align-items:flex-start;gap:9px;margin-top:15px;padding:12px;display:flex}.life-warning>span{color:#fff;background:var(--red);border-radius:50%;flex:0 0 21px;place-items:center;width:21px;height:21px;font-size:12px;font-weight:900;display:grid}.life-warning p{margin:0;font-size:9px;line-height:1.35}.life-warning strong{margin-bottom:2px;font-size:10px;display:block}.care-section,.assessment,.journal{max-width:1132px;margin:20px auto 0}.care-section{padding:25px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading h2,.journal h2{margin:0;font-family:Georgia,serif;font-size:27px}.section-heading>p{max-width:350px;color:var(--muted);text-align:right;margin:0;font-size:12px;line-height:1.45}.care-actions{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.care-actions button{border:1px solid var(--line);cursor:pointer;background:#fffdf8;border-radius:16px;flex-direction:column;align-items:flex-start;min-height:112px;padding:13px;transition:transform .15s,box-shadow .15s;display:flex}.care-actions button:hover{transform:translateY(-3px);box-shadow:0 9px 20px #2632}.care-actions button:disabled{cursor:default;opacity:.62;background:#f1f1ea}.care-actions button:disabled:hover{box-shadow:none;transform:none}.care-actions button>span{font-size:28px}.care-actions button strong{margin:7px 0 3px;font-size:13px}.care-actions button small{color:var(--muted);text-align:left;font-size:9px;line-height:1.35}.assessment{grid-template-columns:.82fr 1.18fr;gap:25px;padding:27px;display:grid}.case-number{color:#8b4c2e;letter-spacing:.1em;background:#f8e4d2;border-radius:15px;padding:6px 10px;font-size:9px;font-weight:900;display:inline-block}.case-file h2{margin:12px 0 6px;font-family:Georgia,serif;font-size:27px;line-height:1.12}.case-file>p{color:var(--muted);margin:0;font-size:12px}.case-file ul{gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.case-file li{gap:8px;font-size:11px;line-height:1.35;display:flex}.case-file li span{color:var(--green);font-weight:900}.guide-link{color:var(--terracotta);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:900;text-decoration:underline}.decision{border-left:1px solid var(--line);padding-left:25px}.decision h3{margin:0 0 13px;font-size:16px}.decision-buttons{gap:8px;display:grid}.decision-buttons button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:36px 1fr 24px;align-items:center;min-height:56px;padding:9px 12px;display:grid}.decision-buttons button>span{font-size:21px}.decision-buttons button strong{font-size:11px}.decision-buttons button>b{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.decision-buttons .correct{border:2px solid var(--green);background:#edf5ed}.decision-buttons .wrong{border:2px solid var(--terracotta);background:#fff1e9}.decision-buttons .wrong>b{background:var(--terracotta)}.answer-feedback{background:#fff0e2;border-radius:13px;margin-top:11px;padding:12px 14px}.answer-feedback.right{background:#e9f4e9}.answer-feedback strong{font-size:11px}.answer-feedback p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.4}.real-guide{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:20px;display:grid}.real-guide>div{background:#f4f2e9;border-radius:13px;gap:9px;padding:13px;display:flex}.real-guide>div>span{font-size:20px}.real-guide p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.real-guide strong{color:var(--ink);margin-bottom:2px;font-size:10px;display:block}.real-guide .simulation-note{color:#74433f;background:#fff0e8;border-radius:10px;grid-column:1/-1;padding:9px 12px}.journal{grid-template-columns:.6fr 1.4fr;gap:24px;padding:24px 27px;display:grid}.log-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.log-list>div{background:#f5f2e9;border-radius:12px;gap:8px;padding:9px;display:flex}.log-list>div>span{font-size:18px}.log-list p{margin:0;font-size:9px;line-height:1.3}.log-list small{color:var(--muted);margin-top:2px;display:block}.hamster-footer{max-width:1132px;color:var(--muted);justify-content:space-between;margin:25px auto 0;padding:0 10px;font-size:10px;display:flex}.hamster-footer span{color:var(--terracotta);text-transform:uppercase;letter-spacing:.08em;font-weight:900}.hamster-footer p{margin:0}.toast{z-index:100;color:#fff;background:var(--navy);border-radius:20px;max-width:calc(100vw - 30px);padding:12px 18px;font-size:12px;font-weight:900;animation:.25s ease-out toast-in;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1425}.death-page{color:#f8f0df;background:radial-gradient(circle at 50% 35%,#344964,#111e30 72%);place-items:center;min-height:100vh;padding:24px;display:grid}.memorial{text-align:center;background:#08132073;border:1px solid #ffffff29;border-radius:32px;width:min(590px,100%);padding:45px;box-shadow:0 25px 80px #0005}.memorial-stars{color:var(--amber);letter-spacing:.3em}.memorial-icon{filter:grayscale(.7);opacity:.75;margin:16px 0;font-size:82px;display:block}.level-tag{color:#d2a862;letter-spacing:.15em;font-size:9px;font-weight:900}.memorial h1{margin:9px 0 12px;font-family:Georgia,serif;font-size:clamp(35px,7vw,53px)}.memorial .gentle{color:#ced4d8;max-width:450px;margin:auto;font-size:14px;line-height:1.55}.cause{color:#e8d7c2;background:#ffffff12;border-radius:15px;flex-direction:column;gap:5px;margin:24px 0 14px;padding:15px;font-size:12px;display:flex}.cause strong{color:var(--amber)}.reflection{color:#aebac2;font-size:11px;line-height:1.5}.memorial button{color:var(--navy);background:var(--amber);cursor:pointer;border:0;border-radius:14px;margin-top:14px;padding:14px 20px;font-weight:900}.memorial small{color:#8fa0ab;margin-top:12px;font-size:9px;display:block}@keyframes hamster-bob{50%{transform:translateY(-5px)rotate(1deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-15px)}}@media (width<=850px){.intro-row{flex-direction:column;align-items:stretch}.daily-progress{width:100%}.habitat-grid{grid-template-columns:1fr}.care-section,.assessment,.journal{margin-left:24px;margin-right:24px}}@media (width<=620px){.hamster-header{padding:0 14px}.streak{display:none}.intro-row,.habitat-grid{padding-left:14px;padding-right:14px}.intro-row{padding-top:8px}.care-section,.assessment,.journal{margin-left:14px;margin-right:14px;padding:19px}.care-actions{grid-template-columns:repeat(2,1fr)}.section-heading{flex-direction:column;align-items:flex-start}.section-heading>p{text-align:left}.assessment{grid-template-columns:1fr}.decision{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.real-guide{grid-template-columns:1fr}.real-guide .simulation-note{grid-column:1}.journal,.log-list{grid-template-columns:1fr}.hamster-footer{flex-direction:column;gap:5px;padding:0 18px}.cage-glass{left:2%;right:2%}.wheel{transform-origin:100% 100%;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}