.hunger-panel{position:fixed;z-index:105;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:72px minmax(260px,1fr) 70px;align-items:center;gap:12px;width:min(720px,calc(100vw - 24px));padding:12px 16px;border:1px solid #ffb04f;background:linear-gradient(105deg,#271006f2,#391328f2 55%,#0b1a2af2);color:#fff;box-shadow:0 18px 60px #000c,0 0 32px #ff7a3955}.hunger-panel[hidden]{display:none}.hunger-pulse{display:grid;place-items:center;width:60px;height:60px;border:1px solid #ffcf67;border-radius:50%;background:#ff7b2622}.hunger-pulse i{width:28px;height:38px;border:4px solid #ffd273;border-radius:50% 50% 45% 45%;animation:hungerBeat .55s ease-in-out infinite alternate}.hunger-panel small,.hunger-panel b,.hunger-panel p{display:block}.hunger-panel small{color:#ffcb67;font:900 7px monospace;letter-spacing:.16em}.hunger-panel b{font:900 24px Impact;letter-spacing:.06em}.hunger-panel p{margin:3px 0 7px;color:#eddacf;font:800 10px sans-serif}.hunger-panel span{display:block;height:5px;background:#0b101c}.hunger-panel span em{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff4747,#ffd55f)}.hunger-panel strong{color:#ffdf7f;font:900 48px Impact;text-align:center}.hunger-panel nav{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}.hunger-panel button{padding:9px 14px;border:1px solid #ffcd68;background:#ffd473;color:#251002;font:900 9px Impact;letter-spacing:.08em;cursor:pointer}.hunger-panel button+button{border-color:#8fa8b8;background:#101d2d;color:#d9e6ed}
.doctor-panel{position:fixed;z-index:140;inset:0;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;padding:5vh 6vw;background:#030814;color:#fff;overflow:hidden}.doctor-panel[hidden]{display:none}.doctor-room{position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#031223aa),url('assets/hospital-escaner.png') center/cover no-repeat;filter:saturate(.9) brightness(.72)}.patient-bed{position:absolute;left:21%;bottom:14%;width:38%;height:18%;border:2px solid #74efff;background:linear-gradient(#d7f4ff,#6787ad);transform:perspective(700px) rotateX(52deg);box-shadow:0 0 40px #57eaff88}.patient-bed i{position:absolute;left:28%;bottom:48%;width:31%;height:160%;border-radius:50% 50% 22% 22%;background:linear-gradient(#1a2f60,#519eda);box-shadow:0 0 20px #82f4ff}.patient-bed span{position:absolute;left:32%;bottom:165%;width:22%;aspect-ratio:1;border-radius:50%;background:#7ec7df}.doctor-bot{position:absolute;right:22%;bottom:20%;display:grid;place-items:center}.doctor-bot i{display:block;width:120px;aspect-ratio:1;border:2px solid #96f8ff;border-radius:46% 46% 38% 38%;background:radial-gradient(circle at 50% 45%,#fff 0 7%,#68edff 8% 14%,#162b57 15% 38%,#e8f3f8 39%);box-shadow:0 0 35px #57efff}.doctor-bot b{margin-top:8px;padding:6px 10px;background:#071827cc;color:#9af5ff;font:900 8px monospace;letter-spacing:.14em}.doctor-scan{position:absolute;left:19%;bottom:19%;width:44%;height:42%;border-top:2px solid #6effff;box-shadow:0 -18px 55px #5defff55;animation:doctorScan 2s ease-in-out infinite alternate}.doctor-panel header,.doctor-timer,.doctor-panel>button{position:relative;z-index:4}.doctor-panel header{align-self:end;padding:18px;border-left:4px solid #74efff;background:#061525dd}.doctor-panel header small{color:#88f4ff;font:900 7px monospace;letter-spacing:.14em}.doctor-panel h2{margin:8px 0 4px;font:900 clamp(44px,7vw,90px)/.82 Impact}.doctor-panel h2 span{color:#83efff}.doctor-panel header p{color:#d5e5eb;font:800 13px sans-serif}.doctor-timer{justify-self:end;width:220px;padding:18px;text-align:center;border:1px solid #72efff;background:#051627df}.doctor-timer b{display:block;color:#a2f8ff;font:900 92px/.9 Impact}.doctor-timer span{font:900 9px monospace;letter-spacing:.2em}.doctor-timer i{display:block;height:7px;margin-top:12px;background:#152b3d}.doctor-timer em{display:block;width:0;height:100%;background:linear-gradient(90deg,#68efff,#ffe17a)}.doctor-panel>button{position:absolute;right:6vw;bottom:5vh;padding:15px 20px;border:1px solid #b5fbff;background:#bff9ff;color:#061627;font:900 11px Impact;letter-spacing:.08em;cursor:pointer}.closed-eyes{position:absolute;z-index:3;left:-5%;width:110%;height:20%;background:linear-gradient(#010208,#070b16);pointer-events:none}.eye-top{top:0;border-radius:0 0 50% 50%;animation:lidTop 3s ease-in-out infinite alternate}.eye-bottom{bottom:0;border-radius:50% 50% 0 0;animation:lidBottom 3s ease-in-out infinite alternate}.doctor-panel.finished .closed-eyes{height:5%;opacity:.45}
@keyframes hungerBeat{to{transform:scale(.8);opacity:.55}}@keyframes doctorScan{to{transform:translateY(140px);opacity:.35}}@keyframes lidTop{to{height:24%}}@keyframes lidBottom{to{height:24%}}@media(max-width:700px){.hunger-panel{grid-template-columns:52px 1fr 50px}.hunger-pulse{width:46px;height:46px}.hunger-panel strong{font-size:38px}.doctor-panel{grid-template-columns:1fr;padding:15px}.doctor-panel header{margin-bottom:140px}.doctor-timer{position:absolute;right:15px;bottom:18px;width:135px}.doctor-timer b{font-size:62px}.doctor-panel>button{left:15px;right:165px;bottom:18px}.doctor-bot{right:10%}.doctor-bot i{width:80px}}@media(prefers-reduced-motion:reduce){.hunger-pulse i,.doctor-scan,.closed-eyes{animation:none}}