:root{font-family:system-ui,-apple-system,Arial,sans-serif;color:#fff;background:#112d42;font-synthesis:none}*{box-sizing:border-box}html,body,#game,#ui{margin:0;width:100%;height:100%;overflow:hidden}#game{position:absolute;inset:0;display:block}#ui{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none}.hidden{display:none!important}.hud{position:absolute;inset:0;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));text-shadow:0 2px 3px #142a35;font-size:clamp(12px,1.6vw,20px)}.stats{position:absolute;top:5%;left:3%;max-width:40%}.hearts{color:#f56b68;font-size:clamp(20px,2.8vw,34px);letter-spacing:2px}.hearts span{color:#9eacad}.inventory{font-size:.8em;line-height:1.3;max-height:3em;overflow:hidden}.day{position:absolute;top:5%;left:40%;width:25%;text-align:center}.quests{position:absolute;top:10%;right:3%;max-width:30%;text-align:right;line-height:1.5}.objective{position:absolute;top:27%;left:25%;width:50%;text-align:center;font-weight:700}.quality{position:absolute;top:4%;right:3%;opacity:.6;font-size:.7em}.prompt,.notice,.dialogue{position:absolute;background:#16354fe8;border:1px solid #f1deaa77;border-radius:12px;padding:10px 18px;text-align:center;box-shadow:0 4px 16px #10252b70}.prompt{bottom:18%;left:34%;width:32%;font-size:clamp(14px,1.8vw,24px)}.notice{top:44%;left:25%;width:50%;color:#f3db83;font-weight:700;font-size:clamp(16px,2vw,26px)}.dialogue{top:16%;left:27%;width:46%;font-size:clamp(13px,1.6vw,20px)}.dialogue strong{color:#f3db83}.modal,.loading{position:absolute;inset:0;background:#071a2ccc;display:grid;place-items:center;pointer-events:auto}.panel{max-height:90vh;overflow:auto;min-width:min(400px,90vw);max-width:min(680px,90vw);padding:22px;background:#15364bf2;border:2px solid #f1d58b;border-radius:18px;box-shadow:0 16px 60px #0008;text-align:center}.panel h1,.panel h2{margin:8px 0 16px;color:#ffe3a1}.panel button{display:block;width:100%;min-height:44px;margin:8px 0;padding:9px 14px;border-radius:12px;border:1px solid #e7ce8f;background:#e8c778;color:#2d302c;font:700 clamp(14px,1.7vw,21px) system-ui;cursor:pointer}.panel button:disabled{opacity:.42}.panel p{margin:8px 0 14px}.title-panel,.ending-panel{background:#14344ce8}.title-art{width:min(100%,340px);max-height:31vh;object-fit:contain}.ending-art{width:min(100%,340px);max-height:36vh;object-fit:contain}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choices button{line-height:1.2}.controls{position:absolute;inset:0;pointer-events:none}.control,.stick,.look-pad{pointer-events:auto;touch-action:none}.look-pad{position:absolute;right:0;top:0;width:57%;height:100%;pointer-events:auto}.controls .control{position:absolute;border:2px solid #e9dfc0b0;border-radius:50%;background:#18384bc7;color:#fff;font:700 clamp(13px,1.8vw,21px) system-ui;width:clamp(58px,9vw,105px);height:clamp(58px,9vw,105px);text-shadow:0 1px 2px #000;box-shadow:0 2px 10px #0008}.control:active{background:#d6b862}.interact{right:calc(4% + env(safe-area-inset-right));bottom:calc(8% + env(safe-area-inset-bottom))}.attack{right:calc(18% + env(safe-area-inset-right));bottom:calc(5% + env(safe-area-inset-bottom))}.eat{right:calc(6% + env(safe-area-inset-right));bottom:calc(31% + env(safe-area-inset-bottom))}.camera{right:calc(3% + env(safe-area-inset-right));top:calc(4% + env(safe-area-inset-top))}.whistle{right:calc(15% + env(safe-area-inset-right));top:calc(4% + env(safe-area-inset-top))}.pause{left:calc(3% + env(safe-area-inset-left));top:calc(4% + env(safe-area-inset-top));width:52px!important;height:52px!important}.stick{position:absolute;left:calc(7% + env(safe-area-inset-left));bottom:calc(10% + env(safe-area-inset-bottom));width:clamp(105px,16vw,180px);height:clamp(105px,16vw,180px);border-radius:50%;background:#d6e0dc3d;border:2px solid #dcebe6a6}.knob{position:absolute;left:28%;top:28%;width:44%;height:44%;border-radius:50%;background:#e3ede3b0}.loading{font-size:25px}.orientation{display:none;position:absolute;inset:0;background:#102d42;place-items:center;text-align:center;font-size:24px;pointer-events:auto}@media(orientation:portrait)and (max-width:800px){.orientation{display:grid}}@media(max-height:450px){.panel{padding:12px}.panel button{min-height:36px;margin:4px 0}.title-art{max-height:22vh}.ending-art{max-height:23vh}}:root .intro-objective{position:absolute;left:20%;top:8%;width:60%;padding:12px;border-radius:12px;background:#17344acb;text-align:center;font-weight:700;font-size:clamp(16px,2.4vw,28px)}.stats{left:12%}.quests{top:8%;right:15%;max-width:25%;font-size:.85em}.day{top:4%}.quality{display:none}.speaking .quests,.speaking .objective{visibility:hidden}