:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%;margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{width:100vw;height:100vh;overflow:hidden}body,#root{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}.title-screen{width:100vw;height:100vh;background-image:url(/assets/hopium-hospital.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;position:relative}.character-selection{display:flex;gap:20px;justify-content:center;align-items:center}.character{width:400px;height:400px;cursor:pointer;transition:transform .2s ease;background-size:contain;background-repeat:no-repeat;background-position:center}.character:hover{transform:scale(1.1)}.character.flick{background-image:url(/assets/flick.png)}.character.muffy{background-image:url(/assets/muffy.png)}.character.cap{background-image:url(/assets/cap.png)}.checkup-game{width:100vw;height:100vh;position:relative;overflow:hidden}.checkup-background{width:100%;height:100%;background-image:url(/assets/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.patient-image{position:absolute;top:40%;left:30%;transform:translate(-50%,-50%);width:350px;height:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.ui-controls{position:absolute;top:20px;left:20px;display:flex;gap:20px}.back-button,.xray-button,.interview-button,.prep-hopium-button{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#ffffffe6;color:#333}.back-button:hover,.xray-button:hover,.interview-button:hover,.prep-hopium-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.back-button:focus,.xray-button:focus,.interview-button:focus,.prep-hopium-button:focus{outline:none}.xray-button{background:#77b1c3;color:#fff}.xray-button:hover{background:#77b1c3}.prep-hopium-button{background:#ffc107e6;color:#333}.prep-hopium-button:hover{background:#ffc107}.patient-textbox{position:absolute;left:50%;bottom:40px;transform:translate(-50%);min-width:620px;max-width:90vw;background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #00000026;padding:24px 32px;font-size:1.25rem;color:#222;display:flex;align-items:flex-end;gap:12px;z-index:20}.question-list{display:flex;flex-direction:column;gap:16px;align-items:flex-start;margin-top:8px}.question-title{font-weight:700;color:var(--hopium-brown);margin-bottom:8px}.question-btn{background:var(--hopium-cream);color:var(--hopium-brown);border:1px solid var(--hopium-beige);border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 6px #0000000a}.question-btn:hover:not(:disabled),.question-btn:focus:not(:disabled){background:var(--hopium-yellow);color:var(--hopium-brown);outline:none}.question-btn:disabled{background:var(--hopium-cream);color:var(--hopium-brown);cursor:not-allowed;opacity:.5}.all-asked{color:var(--hopium-brown);margin-top:8px;font-style:normal}.diagnosis-section{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:8px}.diagnose-button{background:var(--hopium-yellow);color:var(--hopium-brown);border:none;border-radius:8px;padding:14px 32px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #00000012}.diagnose-button:hover,.diagnose-button:focus{background:var(--hopium-peach);color:var(--hopium-brown);outline:none}.proceed-xray-btn{margin-top:16px;background:var(--hopium-yellow);color:var(--hopium-brown);border:none;border-radius:8px;padding:14px 32px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #00000012}.proceed-xray-btn:hover,.proceed-xray-btn:focus{background:var(--hopium-peach);color:var(--hopium-brown);outline:none}.proceed-xray-text{color:var(--hopium-brown);margin-top:4px;font-size:1rem;font-style:normal}:root{--hopium-brown: #703627;--hopium-light-brown: #b37164;--hopium-tan: #c58d72;--hopium-peach: #dba682;--hopium-pink: #df9882;--hopium-olive: #8c7259;--hopium-beige: #b7a18b;--hopium-cream: #feeddc;--hopium-yellow: #fcbd78}.game-container{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.game-container:active{cursor:grabbing}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.character-image{position:absolute;top:40%;left:30%;transform:translate(-50%,-50%);z-index:1;width:350px;height:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.character-xray-image{position:absolute;top:40%;left:30%;transform:translate(-50%,-50%);width:350px;height:auto;z-index:2;mask-image:radial-gradient(circle,#000 0% 100%);mask-size:250px 180px;mask-repeat:no-repeat;-webkit-mask-image:radial-gradient(circle,black 0%,black 100%);-webkit-mask-size:250px 180px;-webkit-mask-repeat:no-repeat;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.xray-image{position:absolute;width:250px;height:auto;pointer-events:auto;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;z-index:3;opacity:1}.xray-image:active{cursor:grabbing}.return-button{position:absolute;top:20px;left:20px;background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:10px;padding:10px 20px;font-size:1rem;cursor:pointer;z-index:10;transition:all .3s ease}.return-button:hover{background:#000000e6;border-color:#fff9}.ui-controls{position:absolute;top:20px;left:20px;display:flex;gap:20px;z-index:30}.back-button,.diagnose-button,.prep-hopium-button,.back-diagnosis-button{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#ffffffe6;color:#333}.back-button:hover,.diagnose-button:hover,.prep-hopium-button:hover,.back-diagnosis-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.diagnose-button{background:var(--hopium-yellow);color:var(--hopium-brown)}.diagnose-button:hover{background:var(--hopium-peach);color:var(--hopium-brown)}.prep-hopium-button{background:#f8cf74;color:#333}.prep-hopium-button:hover{background:#f8cf74}.brewing-ingredients{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);display:flex;gap:40px;z-index:15}.ingredient-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:180px;height:180px}.brewing-ingredient{width:160px;height:160px;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:transform .2s ease}.ingredient-container:hover .brewing-ingredient{transform:scale(1.1)}.ingredient-container:hover .ingredient-label{opacity:1;transform:translateY(0)}.brewing-ingredient:active{cursor:grabbing}.ingredient-label{font-size:1.5rem;font-weight:700;color:#77b1c3;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;text-transform:capitalize}.brewing-beaker{position:absolute;bottom:180px;left:50%;transform:translate(-50%);width:180px;height:180px;z-index:15;transition:all .2s ease}.brewing-beaker:hover{transform:translate(-50%) scale(1.05)}.beaker-icon{width:100%;height:100%;object-fit:contain}.beaker-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:.9rem;color:#555;text-align:center;font-weight:700;white-space:nowrap}.diagnosis-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding-bottom:40px;pointer-events:none}.diagnosis-textbox{min-width:620px;max-width:90vw;background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #00000026;padding:24px 32px;font-size:1.25rem;color:#222;display:flex;align-items:flex-end;gap:12px;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.patient-name{font-weight:700;color:var(--hopium-brown);margin-right:8px;font-size:1.3rem}.patient-dialogue{font-size:1.15rem;color:var(--hopium-light-brown)}.diagnosis-options{display:flex;flex-direction:column;gap:16px;align-items:flex-start;margin-top:8px}.diagnosis-title{font-weight:700;color:var(--hopium-brown);margin-bottom:8px;font-size:1.1rem}.diagnosis-btn{background:var(--hopium-cream);color:var(--hopium-brown);border:1px solid var(--hopium-beige);border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 6px #0000000a}.diagnosis-btn:hover,.diagnosis-btn:focus{background:var(--hopium-yellow);color:var(--hopium-brown);outline:none}.diagnosis-btn:disabled{background:var(--hopium-cream);color:var(--hopium-brown);cursor:not-allowed;opacity:.5}.diagnosis-dialogue{display:flex;flex-direction:column;gap:8px}.brewing-dialogue{display:flex;flex-direction:row;align-items:baseline;gap:8px}.brewing-result{display:flex;flex-direction:column;align-items:center;gap:20px}.brewing-result-display{position:absolute;bottom:180px;left:50%;transform:translate(-50%);z-index:15}.result-image{width:300px;height:300px;object-fit:contain}.back-to-title-button{background:var(--hopium-brown);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.back-to-title-button:hover{background:var(--hopium-dark-brown)}body,#root{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.brewing-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0000008c;z-index:12;pointer-events:none}