.face-portrait{float:left;width:112px;height:112px;object-fit:contain;background:#e2d6bd;border:3px solid #a6805a;border-radius:24px;margin:-5px 20px 12px -6px}.dialog .choices{clear:both}.object-modal{align-items:center}.object-modal .dialog{max-width:740px;max-height:91svh;overflow:auto}.object-modal .speaker{display:none}.object-interior{position:relative;width:100%;aspect-ratio:3/2;background-image:url('assets/interiors.png');background-size:200% 200%;border:3px solid #98704f;border-radius:14px;overflow:hidden}.panel-0{background-position:0 0}.panel-1{background-position:100% 0}.panel-2{background-position:0 100%}.object-hotspots{position:absolute;inset:0}.object-item{position:absolute;background:transparent;border:3px solid transparent;border-radius:15px;transition:background .15s,border-color .15s}.object-item:hover:not(:disabled),.object-item:focus-visible{border-color:#fff1a5;background:#fff7d91a;box-shadow:0 0 20px #fff2af88}.object-item>span{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:135px;white-space:nowrap;padding:7px 10px;background:#fff2d6ef;border:2px solid #8c6344;border-radius:10px;font-size:15px}.object-item small{display:block;font-size:12px}.object-item:disabled{background:#47362b55}.object-item:disabled span:after{content:' · brak czasu'}.breakfast-worktop{clear:both;min-height:230px;background:#dcc098;border:3px solid #966f4c;border-radius:18px;padding:18px;display:flex;align-items:center;gap:15px}.bowl{border:8px solid #d5bcdf;background:#fff4da;border-radius:50%;width:190px;min-height:100px;text-align:center;padding:20px;font-size:15px;box-shadow:0 8px #a988b0}.ingredient-buttons{display:flex;gap:12px}.ingredient{background:#fff2d660;border:2px solid #947356;border-radius:15px;display:flex;flex-direction:column;align-items:center;padding:8px}.ingredient canvas{width:105px;height:125px}.ingredient span{font-size:13px}.signal-status{display:block;margin-top:5px;font-size:14px}.signal-status.red{color:#a03530}.signal-status.green{color:#3c7950}.ride-controls .stop{background:#bc5e52;color:#fff7df;width:66px}.hospital-picture{height:240px;background:url('assets/interiors.png') 100% 100%/200% 200%;border-radius:12px;border:3px solid #98704f;margin-bottom:18px}.hud:has(.ride-controls:not([hidden])) .toolbar,.hud:has(.ride-controls:not([hidden])) .zoom{display:none}@media(max-width:650px){.face-portrait{width:80px;height:80px;margin-right:12px}.object-modal .dialog{padding:15px}.object-modal h1{font-size:21px}.object-modal p{font-size:13px}.object-item>span{min-width:100px;font-size:12px;padding:4px 5px}.object-item small{font-size:10px}.breakfast-worktop{gap:6px;padding:10px}.ingredient canvas{width:70px;height:90px}.ingredient{padding:3px}.ingredient-buttons{gap:5px}.bowl{width:100px;padding:10px;font-size:12px;min-height:90px}.ride-controls{gap:4px}.ride-controls button{width:43px}.ride-controls .pause{font-size:12px;padding:0 6px}.ride-controls .stop{width:50px}.hospital-picture{height:180px}}

.object-interior{width:min(100%,50svh);aspect-ratio:1;margin:0 auto}.hospital-picture{width:min(100%,300px);height:auto;aspect-ratio:1;margin:0 auto 18px}.object-modal .dialog{max-width:650px}
.ride-meter{left:auto;right:24px;top:184px;bottom:auto;transform:none;width:240px}.ride-meter .progress{margin-bottom:2px}@media(max-width:650px){.ride-meter{top:175px;right:12px;width:195px;font-size:12px}.signal-status{font-size:12px}}