@import "https://fonts.googleapis.com/css2?family=Montaga&family=Onest:wght@400;500;600&display=swap";:root{--color-paper:#f7f5e9;--color-ink:#3b352e;--color-yellow:#f3e53c;--color-lilac:#e4c6f7;--color-coral:#e45d50;--color-sky:#58b7dd;--color-peach:#fbbc75;--color-mist:#94bed4;--font-display:"Montaga", Georgia, serif;--font-ui:"Onest", Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-circle:999px;--control-size:42px;--shadow-panel:0 12px 30px #3b352e24}*{box-sizing:border-box}body{background:var(--color-paper);min-width:320px;color:var(--color-ink);font-family:var(--font-ui);margin:0}button{font:inherit}.app-shell{background:var(--color-paper);isolation:isolate;height:100dvh;min-height:620px;position:relative;overflow:hidden}.corner-button{background:var(--color-ink);color:var(--color-paper);cursor:pointer;height:37px;top:calc(env(safe-area-inset-top) + var(--space-5));z-index:5;border:0;justify-content:center;align-items:center;width:37px;transition:transform .16s,background .16s;display:flex;position:absolute}.corner-button:active{transform:scale(.94)}.corner-button svg{width:19px;height:19px}.journal-button{left:var(--space-4)}.about-button{background:var(--color-yellow);color:var(--color-ink);right:var(--space-4)}.speech{text-align:center;max-width:342px;left:50%;top:max(86px, calc(env(safe-area-inset-top) + 86px));z-index:3;width:calc(100% - 64px);position:absolute;transform:translate(-50%)}.speech p{font-family:var(--font-display);margin:0;font-size:clamp(29px,8.8vw,39px);line-height:1.19}.speech span{margin-top:var(--space-3);font-size:12px;line-height:1.4;display:block}.exploration-stage{width:min(402px,100vw);height:405px;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.roomie{pointer-events:none;z-index:2;width:100%;height:405px;position:absolute;top:0;left:0}.compass{z-index:1;width:282px;height:282px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.compass-ring{border-radius:var(--radius-circle);border:1px solid #3b352e38;position:absolute;inset:0}.compass-dial{transform:rotate(var(--dial-rotation));transition:transform .22s ease-out;position:absolute;inset:0}.compass-ring-inner{border-style:dashed;inset:23px}.compass-dial:after{background-image:repeating-conic-gradient(from 0deg, var(--color-ink) 0deg 1deg, transparent 1deg 10deg);border-radius:var(--radius-circle);content:"";opacity:.35;position:absolute;inset:9px;-webkit-mask:radial-gradient(#0000 0 83%,#000 84%);mask:radial-gradient(#0000 0 83%,#000 84%)}.compass-mark{letter-spacing:0;z-index:2;font-size:12px;font-weight:600;position:absolute}.mark-n{top:5px;left:50%;transform:translate(-50%)}.mark-e{top:50%;right:8px;transform:translateY(-50%)}.mark-s{bottom:5px;left:50%;transform:translate(-50%)}.mark-w{top:50%;left:8px;transform:translateY(-50%)}.target-marker{transform:rotate(var(--target-rotation));z-index:4;transition:transform .22s ease-out;position:absolute;inset:0}.target-tip{background:var(--color-sky);clip-path:polygon(50% 0,100% 76%,50% 100%,0 76%);width:37px;height:42px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.compass.is-aligned .compass-ring{border-color:var(--color-sky);border-width:2px}.compass.is-aligned .target-tip{filter:drop-shadow(0 0 8px #58b7ddb3)}.compass.is-aligned{filter:drop-shadow(0 0 18px #58b7dd4d)}.manual-turn-controls{gap:var(--space-2);padding:0 var(--space-3);z-index:5;flex-wrap:wrap;justify-content:center;display:flex;position:absolute;bottom:159px;left:0;right:0}.manual-turn-controls button{background:var(--color-paper);border:1px solid var(--color-ink);color:var(--color-ink);cursor:pointer;white-space:nowrap;padding:8px 11px;font-size:12px}.manual-turn-controls .enable-compass-button{background:var(--color-yellow)}.manual-turn-controls .motion-test-button{background:var(--color-mist)}.manual-turn-controls .motion-test-button[aria-pressed=true]{background:var(--color-coral);color:var(--color-paper)}.bottom-controls{bottom:max(25px, calc(env(safe-area-inset-bottom) + 16px));z-index:5;justify-content:center;align-items:end;display:flex;position:absolute;left:0;right:0}.talk-button{background:var(--color-lilac);border-radius:var(--radius-circle);color:var(--color-ink);cursor:pointer;pointer-events:auto;border:0;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:108px;height:108px;transition:background .16s,transform .16s;display:flex}.talk-button svg{width:23px;height:23px}.talk-button span{font-size:13px}.talk-button:active,.talk-button.is-talking{background:var(--color-yellow);transform:scale(.94)}.stop-button{color:var(--color-ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;bottom:-5px;right:14px}.stop-button svg{background:var(--color-coral);border-radius:var(--radius-circle);color:var(--color-paper);width:42px;height:42px;padding:12px}.desktop-preview-hint{display:none}.side-panel{background:var(--color-paper);box-shadow:var(--shadow-panel);padding:calc(env(safe-area-inset-top) + 72px) var(--space-5) var(--space-5);z-index:10;position:absolute;inset:0}.side-panel h1{font-family:var(--font-display);max-width:300px;margin:10px 0 22px;font-size:39px;font-weight:400;line-height:1.12}.side-panel p:not(.panel-kicker){max-width:340px;font-size:17px;line-height:1.55}.panel-kicker{text-transform:uppercase;font-size:12px;font-weight:600}.panel-note{font-family:var(--font-display);border-top:1px solid #3b352e3d;margin-top:30px;padding-top:18px}.panel-close{background:var(--color-ink);color:var(--color-paper);cursor:pointer;height:37px;right:var(--space-4);top:calc(env(safe-area-inset-top) + var(--space-5));border:0;place-items:center;width:37px;display:grid;position:absolute}.panel-close svg{width:19px;height:19px}@media (width>=620px){.app-shell{width:430px;margin:0 auto;box-shadow:0 0 0 1px #3b352e1f,0 24px 70px #3b352e21}body{background:#e9e4d5;place-items:center;min-height:100vh;display:grid}.is-desktop-preview button{cursor:default}.is-desktop-preview button:disabled{opacity:1}.manual-turn-controls{display:none}.desktop-preview-hint{background:var(--color-paper);border:1px solid var(--color-ink);white-space:nowrap;z-index:8;margin:0;padding:9px 13px;font-size:12px;display:block;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}}