:root{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:#24443b;background:#cadbd5;font-synthesis:none;--ink:#24443b;--paper:#fff8e9;--muted:#627567;--clay:#b36d4e;--line:#c9d1c0}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:9px 14px;font-weight:600;font-size:12px;transition:background .15s,box-shadow .15s}button:hover{background:#e8efdf}button:disabled{opacity:.5;cursor:default}button:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #a95434;outline-offset:3px}.primary,#dialogue .primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.primary:hover{background:#396452}[hidden]{display:none!important}p{font-size:14px;line-height:1.6}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.4px;color:#876348;line-height:1.6}header{position:fixed;z-index:3;top:14px;left:18px;right:18px;display:flex;align-items:center;gap:8px;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font:25px Georgia,serif;color:#24443b;text-shadow:0 1px 10px #fff8e9}.brand small{display:block;font:8px system-ui;letter-spacing:1.8px;margin-top:3px}.mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:38px;height:38px;border-radius:12px;font:29px Georgia}.brand,#stats,header button{pointer-events:auto}#stats{display:flex;gap:15px;padding:8px 15px;border-radius:12px;background:#fff8e9ed;font-size:9px;box-shadow:0 4px 14px #24443b0c}#stats strong{display:block;font-size:13px}header button{box-shadow:0 4px 14px #24443b0c;border-color:#fff8e9}#notification{color:var(--clay)}main,.play,.viewport{position:absolute;inset:0}.viewport{overflow:hidden}#world{display:block;width:100%;height:100dvh;touch-action:none;background:#cadbd5}.scene-heading{position:absolute;z-index:2;top:80px;left:20px;pointer-events:none}.scene-heading h1{font:24px/1.2 Georgia,serif;letter-spacing:-.3px;margin:3px 0 9px;text-shadow:0 2px 12px #fff8e9}.scene-heading .eyebrow{font-size:8px}.day-clock{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.7px}.day-clock button{pointer-events:auto;min-width:44px;min-height:44px;padding:8px;border-radius:50%;background:#fff8e9de}.needs{position:absolute;z-index:2;left:20px;bottom:98px;display:flex;gap:5px;padding:9px;background:#fff8e9ed;border:1px solid #ffffff70;border-radius:14px;width:330px;box-shadow:0 7px 24px #24443b12}.need{min-width:0;flex:1;padding:0 5px}.need>div{display:flex;justify-content:space-between;gap:4px;font-size:10px}.need strong{font-size:9px;font-weight:500;white-space:nowrap}.need small{display:none}.need:focus-within small{display:block}.need meter{width:100%;height:8px;margin-top:5px;display:block}.need meter::-webkit-meter-bar{background:#d8dfcf;border:0;border-radius:5px}.need meter::-webkit-meter-optimum-value{background:#628675;border-radius:5px}.need.low meter::-webkit-meter-optimum-value{background:#b56e48}.care-strip{position:absolute;z-index:2;left:22px;bottom:164px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:340px;color:#3f5c50;font-size:11px}#mood{font:italic 14px Georgia;text-shadow:0 1px 4px #fff8e9}#care-status:empty{display:none}#care-status:not(:empty){background:var(--paper);padding:7px;border-radius:7px}#care-progress{width:90px;margin:0}#stop-activity{padding:5px 9px;min-height:36px}.camera-controls{position:absolute;right:20px;top:80px;display:flex;gap:5px}.camera-controls button{min-width:44px;padding:7px 10px;background:#fff8e9d9;font-size:18px;border:0}.camera-controls #toggle-labels{font-size:11px}.camera-controls [aria-pressed=true]{background:var(--ink);color:var(--paper)}#world-labels{position:absolute;inset:0;pointer-events:none}.world-pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;min-height:44px;padding:9px 12px;font-size:11px;white-space:nowrap;background:#fff9eded;border:1px solid #ffffffb0;box-shadow:0 4px 12px #284a4219}.world-pin:after{content:'';position:absolute;bottom:-5px;left:calc(50% - 4px);border:4px solid transparent;border-bottom:0;border-top:5px solid #fff9eded}.world-pin.focused{background:var(--ink);color:var(--paper)}.world-pin.focused:after{border-top-color:var(--ink)}.world-pin.distant{font-size:0;min-width:44px;width:44px;padding:0;border:0;box-shadow:none;background:transparent}.world-pin.distant:after{content:'+';display:grid;place-items:center;bottom:12px;left:12px;border:1px solid #ffffffaa;border-radius:50%;height:20px;width:20px;color:#315449;background:#fff9eddd;font-size:15px;box-shadow:0 2px 5px #284a421c}.world-pin.distant:hover,.world-pin.distant:focus-visible{z-index:5}.world-pin.distant:hover:before,.world-pin.distant:focus-visible:before{content:attr(data-label);position:absolute;bottom:44px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;padding:8px 10px;background:var(--paper);border-radius:8px;box-shadow:0 4px 12px #284a4219;pointer-events:none}.resident-pin{border-radius:24px;background:#dae6d8}.resident-pin.distant:after{content:'•';background:#d6e6d2}.chapter-note{position:absolute;right:20px;top:136px;background:#fff8e9e8;border:1px solid #fff8e9;border-radius:12px;padding:9px 13px;max-width:235px;box-shadow:0 4px 18px #24443b0a}.chapter-note summary{font-size:11px;min-height:26px;line-height:26px;cursor:pointer;font-weight:600}.chapter-note p{font-size:12px;color:var(--muted);margin:8px 0}.chapter-note[open]{max-height:260px;overflow:auto}#steps{display:flex;gap:6px}.step{font-size:11px}.step span{display:none}.step b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid #a5b69d;font-size:10px}.step.done b{background:#65856c;color:white}#hands{position:absolute;left:20px;bottom:58px;display:flex;align-items:center;gap:8px;background:#fff8e9ef;border-radius:10px;padding:4px 9px;max-width:340px}.hand-caption{font-size:8px;letter-spacing:1px}.hand-item{min-height:32px;font-size:11px;padding:5px 9px;border:0;background:#e2e8d6}.street-life{position:absolute;left:22px;bottom:25px;max-width:43%;font-size:9px;color:#426251;display:flex;gap:9px;flex-wrap:wrap}.life-caption{font-size:8px;letter-spacing:1px}.interaction{position:absolute;z-index:2;bottom:92px;left:50%;transform:translateX(-50%);width:min(440px,36vw);padding:13px 16px;background:#fff8e9f0;border:1px solid #ffffffa0;border-radius:15px;box-shadow:0 8px 28px #284a4215}.interaction .eyebrow{font-size:9px}#hint{font-size:12px;color:#4b6657;line-height:1.45;margin:5px 0}.interaction.idle{bottom:30px;background:#fff8e9ca;padding:8px 13px}.interaction.idle .eyebrow{display:none}#context-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}#context-actions:empty{margin:0}#context-actions button{flex:1 1 135px;font-size:11px}.hold-action{touch-action:none;user-select:none}progress{display:block;width:100%;height:7px;margin-top:8px;accent-color:var(--clay)}.controls{position:absolute;right:20px;bottom:52px;z-index:2}.controls>span{display:block;text-align:right;max-width:245px;font-size:9px;line-height:1.5;color:#4a6659;margin-bottom:7px}.pad{display:grid;grid-template-columns:repeat(3,44px) 70px;grid-template-rows:44px 44px;gap:4px}.pad [data-dir=up]{grid-column:2}.pad [data-dir=left]{grid-column:1;grid-row:2}.pad [data-dir=down]{grid-column:2;grid-row:2}.pad [data-dir=right]{grid-column:3;grid-row:2}.pad #interact{grid-column:4;grid-row:1 / 3}.pad button{padding:7px;background:#fff8e9e8}footer{position:absolute;right:20px;bottom:14px;display:flex;gap:12px;font-size:8px;color:#4a6659;pointer-events:none}footer span:first-child{display:none}#overlay{position:fixed;inset:0;z-index:6;background:#203e3670;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}#dialogue{position:relative;width:min(660px,100%);max-height:92dvh;overflow:auto;padding:30px;border-radius:20px;background:var(--paper);box-shadow:0 28px 90px #18342b4a;overflow-wrap:anywhere;border:1px solid #efe3ca}#dialogue h2{font:30px/1.18 Georgia;margin:9px 35px 18px 0}#dialogue h3{font-size:13px;margin:20px 0 9px}#dialogue p{color:#546c5e}#dialogue .close{position:absolute;right:13px;top:13px;min-width:44px;padding:8px;font-size:20px;border:0;background:#e9ecdE}#dialogue .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}#dialogue .actions button{flex:1 1 175px;text-align:left}#dialogue[data-surface=phone]{width:min(410px,100%);padding:43px 23px 25px;border:9px solid #304d45;border-radius:36px;background:#f3f0df}#dialogue[data-surface=phone]:before{content:'LIPA';position:absolute;top:12px;left:28px;font:600 9px system-ui;letter-spacing:3px;color:#72877a}#dialogue[data-surface=phone] h2{font-size:25px}#dialogue[data-surface=phone] .actions{display:grid;grid-template-columns:1fr 1fr}#dialogue[data-surface=phone] .actions button{min-height:62px;background:#e4ead9;border:0;border-top:3px solid #b8c9b4}#dialogue[data-surface=phone] .actions button.primary{background:var(--ink)}#dialogue[data-surface=journal]{border-left:14px solid #a57a57;background:#fff7e6}.quote{padding:16px;background:#e9eddd;border-radius:12px;font:21px/1.5 Georgia;margin:14px 0}.meaning{display:block;font:13px/1.5 system-ui;margin-top:8px;color:#586f5b}.note{font-size:11px!important;color:#796c55!important}.pill{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:20px;margin:3px;font-size:11px}.row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d7ddcb;padding:10px 0;font-size:13px}.receipt{padding:15px;background:#e8e9d9;border-radius:10px}.receipt+.receipt{margin-top:9px}.selected{background:#dae7d0;border:2px solid #668567}.choice-group{display:flex;gap:8px;flex-wrap:wrap}.map{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;padding:15px;background:#e4ebd9;border-radius:10px}.summary{font:42px Georgia;color:var(--clay)}#toast{position:fixed;z-index:10;left:50%;top:76px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:11px 20px;border-radius:13px;max-width:90vw;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s}#toast.visible{opacity:1}.relationship-card{padding:14px;border:1px solid var(--line);border-radius:12px;margin:10px 0;background:#edf0e3}.relationship-card meter{width:100%;height:10px}.relationship-card .row{flex-wrap:wrap}.character-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.character-layout>section{min-width:0}.character-layout>section:first-child{position:sticky;top:0;align-self:start}.character-field{display:flex;flex-direction:column;gap:5px;margin:10px 0;font-size:12px}.character-field input,.character-field select,.character-field textarea{font:inherit;width:100%;min-height:44px;border:1px solid #b8c7b1;border-radius:8px;padding:9px;background:#fffaf0;color:var(--ink)}.character-field textarea{resize:vertical}.character-poses{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.character-poses button{font-size:10px;padding:6px;min-height:40px}.avatar-preview{display:block;width:100%;height:315px;border-radius:18px;touch-action:none}.character-interests{display:grid;gap:10px}.character-interests label{display:flex;align-items:center;gap:8px;font-size:13px}.character-interests input{width:20px;height:20px}#character-fields>button{margin:4px}#character-fields [aria-pressed=true]{background:#dbe8d1;border-color:#6c8a61}.social-chat-log{max-height:260px;overflow:auto;background:#e5ebd8;border-radius:12px;padding:12px;overflow-wrap:anywhere}.social-chat-log p{margin:0 0 12px}.human-name{position:absolute;z-index:3;pointer-events:none;background:var(--ink);color:var(--paper);padding:5px 8px;border-radius:8px;font-size:12px;max-width:160px;overflow-wrap:anywhere}
@media(max-width:1050px){.brand small{display:none}.interaction{left:auto;right:20px;transform:none;bottom:185px;width:300px}.interaction.idle{bottom:185px}#stats{gap:8px}.controls>span{display:none}.needs{width:280px}.need strong{font-size:8px}.chapter-note{top:138px}.care-strip{max-width:280px}}
@media(max-width:600px){header{top:9px;left:10px;right:10px;gap:5px;flex-wrap:wrap}.brand{font-size:20px;gap:6px}.mark{width:28px;height:32px;font-size:25px;border-radius:9px}#stats{padding:5px 8px;font-size:8px;gap:8px}#stats strong{font-size:11px}header button{font-size:10px;padding:7px 10px;min-height:44px}header #week,header #journal{display:none}.scene-heading{top:69px;left:12px;max-width:65%}.scene-heading h1{font-size:19px;margin-bottom:3px}.scene-heading .eyebrow{display:none}.day-clock{font-size:8px;gap:6px}.camera-controls{right:10px;top:120px;gap:3px;flex-wrap:wrap;max-width:98px}.camera-controls button{padding:6px;min-width:44px}.camera-controls #toggle-labels{width:92px}.chapter-note{top:70px;right:10px;padding:4px 8px;max-width:120px}.chapter-note summary{font-size:9px}.chapter-note[open]{width:220px;max-width:75vw;max-height:210px;z-index:5}.chapter-note p{font-size:11px}.needs{left:10px;bottom:166px;width:calc(100% - 20px);padding:7px;gap:8px;border-radius:11px}.need>div{font-size:10px}.care-strip{left:12px;bottom:215px;font-size:10px;max-width:calc(100% - 24px)}#mood{font-size:12px}.controls{right:10px;bottom:42px}.pad{grid-template-columns:repeat(3,44px) 62px;gap:3px}.pad button{font-size:12px}#hands{left:10px;bottom:78px;max-width:calc(100% - 220px);flex-wrap:wrap;gap:3px;padding:7px}.hand-caption{font-size:8px}.hand-item{font-size:10px;min-height:40px;padding:4px 7px;width:100%}.street-life{display:none}.interaction,.interaction.idle{left:10px;right:10px;bottom:268px;width:auto;max-height:156px;overflow:auto;padding:9px 12px;border-radius:12px}.interaction.idle{bottom:12px;padding:4px 9px;max-height:30px}.interaction.idle #hint{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interaction .eyebrow{font-size:8px}#hint{font-size:11px;margin:3px 0}#context-actions{gap:5px;margin-top:6px}#context-actions button{font-size:10px;flex-basis:135px;padding:7px;min-height:44px}footer{right:12px;bottom:145px;font-size:7px}footer span:nth-child(2){display:none}.world-pin{font-size:10px;padding:7px 9px}#overlay{padding:10px}#dialogue{padding:24px 20px;max-height:94dvh}#dialogue h2{font-size:26px}#dialogue .actions button{flex-basis:145px;font-size:12px}.character-layout{grid-template-columns:1fr}.character-layout>section:first-child{position:static}.avatar-preview{height:280px}.character-field input,.character-field select,.character-field textarea{font-size:16px}#toast{top:12px;width:max-content;max-width:94vw}#dialogue[data-surface=phone]{max-height:94dvh}.quote{font-size:19px}}
@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}

/* Portrait reserves a real play region above touch controls and the active action card. */
@media(max-width:600px){.viewport{top:140px;bottom:258px}#world{height:100%}.play:has(.interaction:not(.idle)) .viewport{bottom:396px}.camera-controls{position:fixed;top:121px;right:10px;max-width:none;gap:3px}.camera-controls button{min-width:36px;min-height:36px;font-size:15px}.camera-controls #toggle-labels{width:auto;font-size:10px}.chapter-note{position:fixed;top:70px;right:10px}#hands{position:fixed;bottom:78px}.interaction:not(.idle){bottom:244px;max-height:145px}.needs{bottom:168px}.care-strip{bottom:220px}.world-pin.distant{min-height:44px}.scene-heading{z-index:3}.viewport{overflow:visible}#world-labels{overflow:hidden}}

/* Presentation controls remain text-labelled and independent of gameplay state. */
.camera-controls #camera-mode,.camera-controls #sound{font-size:11px;min-width:96px}.sound-option{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px;border-bottom:1px solid var(--line);font-size:14px}.sound-option input{width:22px;height:22px;accent-color:var(--ink)}#ambition{display:block;font-size:12px;margin-top:8px}#proximity{font-size:10px;color:#567465;margin:0 0 5px}#proximity:empty{display:none}#outcome{display:block;flex-basis:100%;padding:8px 11px;background:var(--paper);border-left:3px solid var(--clay);border-radius:8px;font-size:11px;line-height:1.4;max-width:330px}.camera-controls{flex-wrap:wrap;max-width:470px;justify-content:flex-end}.care-strip{pointer-events:none}.care-strip button{pointer-events:auto}
@media(max-width:600px){.camera-controls{top:166px;left:10px;right:10px;max-width:none;flex-wrap:nowrap;gap:3px;justify-content:space-between}.camera-controls button{min-width:32px;min-height:44px;padding:4px}.camera-controls #camera-mode,.camera-controls #sound{min-width:67px;font-size:9px}.camera-controls #toggle-labels{font-size:9px}.viewport{top:219px}.care-strip #outcome{max-width:100%;font-size:10px}.care-strip:has(#outcome:not([hidden])) #mood{display:none}.interaction.idle #proximity{font-size:9px;margin:0}.interaction.idle:has(#proximity:not(:empty)) #hint{display:none}}

@media(max-width:600px){.camera-controls button{min-width:44px}.camera-controls #camera-mode,.camera-controls #sound{min-width:62px;width:62px;max-width:62px;white-space:normal;line-height:1.2}}
/* Focus on the place. Full object labels remain available in Camera and on keyboard focus. */
.world-pin.quiet-pin:not(:focus-visible):not(.focused){opacity:0;pointer-events:none}
.world-pin.quiet-pin:focus-visible{opacity:1;pointer-events:auto;font-size:11px;min-width:44px;width:auto;padding:9px 12px}
.camera-controls{max-width:none;flex-wrap:nowrap;align-items:flex-start;gap:5px}.camera-settings{position:relative;pointer-events:auto}.camera-settings summary{list-style:none;cursor:pointer;min-height:44px;display:grid;place-items:center;border:1px solid #fff8e9;border-radius:10px;background:#fff8e9ed;padding:10px 15px;font-size:11px;font-weight:600}.camera-settings summary::-webkit-details-marker{display:none}.camera-settings summary::after{content:'⌄';margin-left:5px;display:inline}.camera-settings[open] summary{background:#24443b;color:#fff8e9}.camera-tools{position:absolute;right:0;top:51px;display:flex;gap:4px;background:#fff8e9;padding:7px;border:1px solid #c9d1c0;border-radius:13px;box-shadow:0 8px 22px #24443b25;z-index:5}.camera-settings:not([open]) .camera-tools{display:none}.camera-tools button{min-width:44px!important;min-height:44px!important}.camera-tools #toggle-labels{width:auto;min-width:55px!important}.chapter-note{top:143px}.controls>span{max-width:240px;opacity:.8}.interaction.idle{background:#fff8e9df;padding:8px 13px}.interaction.idle #hint{display:none}.interaction.idle:has(#proximity:empty){visibility:hidden}
#dialogue[data-surface=phone-home]{width:min(390px,calc(100vw - 40px));max-width:100%;padding:40px 22px 20px;border:9px solid #284a42;border-radius:38px;background:linear-gradient(160deg,#f8efd8 0%,#d5e2ce 65%,#adc9b6 100%);box-shadow:0 24px 70px #102e3850;max-height:94dvh}#dialogue[data-surface=phone-home]::before{content:'L I P A';display:block;font-size:9px;font-weight:700;letter-spacing:3px;position:absolute;top:16px;left:24px}#dialogue[data-surface=phone-home]>.eyebrow{display:none}#dialogue[data-surface=phone-home] h2{font-size:29px;margin:8px 0}#dialogue[data-surface=phone-home]>p{font-size:12px;margin:6px 0;line-height:1.5}#dialogue[data-surface=phone-home]>.note{display:none}#dialogue[data-surface=phone-home]>.row{margin:17px 0 10px;padding:12px;border:0;background:#ffffff75;border-radius:13px;font-size:11px}#dialogue[data-surface=phone-home] .actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 5px;margin-top:18px}#dialogue[data-surface=phone-home] .actions button{background:transparent;color:var(--ink);border:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:7px;padding:5px 2px;font-size:10px;min-height:76px;line-height:1.2}#dialogue[data-surface=phone-home] .actions svg{width:44px;height:44px;padding:10px;border-radius:14px;background:#fff8e9;box-shadow:0 3px 5px #24443b16;color:#28574e}#dialogue[data-surface=phone-home] .actions button:nth-child(3n+1) svg{background:#486e65;color:#fff5da}#dialogue[data-surface=phone-home] .actions button:nth-child(3n+2) svg{background:#eed2ac;color:#754f37}#dialogue[data-surface=phone-home] .actions button:last-child{grid-column:1/-1;min-height:44px;flex-direction:row;justify-content:center;background:#ffffff55;border-radius:12px;margin-top:5px}#dialogue[data-surface=phone-home] .actions button:last-child svg{width:25px;height:25px;padding:3px;box-shadow:none;background:transparent}#dialogue[data-surface=phone-home] .actions button:hover{background:#ffffff60;border-radius:12px}
@media(max-width:600px){.camera-controls{top:155px;left:auto;right:10px;gap:5px;justify-content:flex-end}.camera-controls #camera-mode,.camera-controls #sound{width:80px;min-width:80px;max-width:80px}.camera-settings summary{padding:9px 13px;font-size:10px}.viewport{top:208px}.camera-tools{max-width:calc(100vw - 20px)}.chapter-note{top:70px}.interaction.idle{padding:5px 9px}.interaction.idle #proximity{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dialogue[data-surface=phone-home]{padding:35px 17px 16px}.world-pin.quiet-pin:focus-visible{font-size:10px}}

#dialogue[data-surface=phone-home] .actions button:last-child svg{color:var(--ink)}