@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #f4efe8;--ink-dim: #b8b2a8;--paper: #0e0d0c;--paper-2: #171512;--accent: #d9a45b;--danger: #e2695a;--ok: #7fbf8e;--hairline: rgba(244, 239, 232, .16);--overlay: rgba(10, 9, 8, .82);--font: "Inter Variable", "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;--sa-top: env(safe-area-inset-top, 0px);--sa-right: env(safe-area-inset-right, 0px);--sa-bottom: env(safe-area-inset-bottom, 0px);--sa-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--paper);color:var(--ink);font-family:var(--font);overscroll-behavior:none}#root{position:fixed;inset:0;overflow:hidden}.app{position:absolute;inset:0;background:var(--paper)}.canvas-holder{position:absolute;inset:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.canvas-holder canvas{display:block;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.28) 100%)}.conversation-overlay{position:relative;border:1.5px solid rgba(24,20,16,.92);background:#f7f1e7f7;color:#1d1914;box-shadow:0 2px #100d0a4d,0 12px 26px #0806043d;pointer-events:none;user-select:none;animation:conversation-overlay-arrive .18s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 100%}@keyframes conversation-overlay-arrive{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.conversation-overlay--speaking{width:62px;height:40px;padding:0 12px;border-radius:20px 20px 20px 7px;display:flex;align-items:center;justify-content:center;gap:5px}.conversation-overlay--speaking:after{content:"";position:absolute;left:13px;bottom:-7px;width:13px;height:13px;border-right:1.5px solid rgba(24,20,16,.92);border-bottom:1.5px solid rgba(24,20,16,.92);background:#f7f1e7;transform:rotate(45deg)}.conversation-overlay--speaking>span:not(.conversation-overlay__sr){position:relative;z-index:1;width:8px;height:8px;border-radius:50%;background:#59534b;animation:guest-speaking-dot 1.08s ease-in-out infinite}.conversation-overlay--speaking>span:nth-child(2){animation-delay:.14s}.conversation-overlay--speaking>span:nth-child(3){animation-delay:.28s}@keyframes guest-speaking-dot{0%,58%,to{opacity:.38;transform:translateY(0) scale(.88)}28%{opacity:1;transform:translateY(-3px) scale(1)}}.conversation-overlay--thought{width:max-content;max-width:210px;padding:13px 19px 14px;border-radius:999px;font-size:14px;font-style:italic;font-weight:500;line-height:1.28;letter-spacing:-.016em;text-align:center;text-wrap:balance}.conversation-overlay--thought:before,.conversation-overlay--thought:after{content:"";position:absolute;border:1.5px solid rgba(24,20,16,.92);border-radius:50%;background:#f7f1e7}.conversation-overlay--thought:before{left:31%;bottom:-14px;width:10px;height:10px}.conversation-overlay--thought:after{left:calc(31% + 7px);bottom:-24px;width:6px;height:6px}.conversation-overlay__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.conversation-overlay--speaking{width:54px;height:35px}.conversation-overlay--speaking>span:not(.conversation-overlay__sr){width:7px;height:7px}.conversation-overlay--thought{max-width:176px;padding:11px 15px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.conversation-overlay{animation:none;transform:none}.conversation-overlay--speaking>span:not(.conversation-overlay__sr){animation:none;opacity:.72;transform:none}}@media(max-width:430px)and (orientation:portrait){.conversation-overlay--speaking{width:48px;height:32px;gap:4px}.conversation-overlay--speaking>span:not(.conversation-overlay__sr){width:6px;height:6px}.conversation-overlay--thought{max-width:min(148px,calc(100vw - 176px));padding:9px 12px 10px;font-size:11px}}button{font-family:inherit}.btn{appearance:none;border:1px solid var(--hairline);background:#141210b8;color:var(--ink);font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:12px 22px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.btn:hover{border-color:var(--ink);background:#221f1bd9}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--primary:hover{background:#fffdf9;color:#000}.btn--quiet{border-color:transparent;background:transparent;color:var(--ink-dim)}.btn--quiet:hover{color:var(--ink);background:#221f1b80}.loading,.landing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper);z-index:40}.wordmark{font-weight:650;letter-spacing:.34em;text-indent:.34em;font-size:clamp(34px,6vw,64px);color:var(--ink);margin:0}.wordmark--small{font-size:18px;letter-spacing:.42em;text-indent:.42em}.subtitle{font-size:12px;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--ink-dim);margin:0}.loading-bar{width:min(280px,60vw);height:1px;background:#f4efe824;margin-top:26px;position:relative;overflow:hidden}.loading-bar__fill{position:absolute;inset:0;transform-origin:left center;background:var(--ink);transition:transform .25s ease}.loading-bar__activity{position:absolute;z-index:1;top:0;bottom:0;left:0;width:10px;background:var(--accent);animation:loading-activity .9s ease-in-out infinite alternate}@keyframes loading-activity{0%{left:0}to{left:calc(100% - 10px)}}@media(prefers-reduced-motion:reduce){.loading-bar__activity{animation:none}}.loading-note{font-size:11px;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase}.landing{background:radial-gradient(ellipse 90% 70% at 50% 105%,rgba(217,164,91,.13),transparent 60%),var(--paper)}.landing__content{display:flex;flex-direction:column;align-items:center;gap:12px}.landing__intro{max-width:440px;text-align:center;color:var(--ink-dim);font-size:14px;line-height:1.65;margin:8px 24px 22px;font-weight:400}.landing__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.landing__minor{margin-top:26px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.landing__hint{margin-top:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b8b2a899}.checkline{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-dim);cursor:pointer;padding:6px 4px}.checkline input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.hud{position:absolute;inset:0;pointer-events:none;z-index:20}.reticle{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#f4efe88c;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.reticle--active{background:#fff;transform:scale(1.9);box-shadow:0 0 0 5px #ffffff2e}.hud-hint{position:absolute;left:50%;top:calc(50% + 34px);transform:translate(-50%);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#f4efe8d9;background:#0a09088c;padding:7px 14px;border:1px solid var(--hairline);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap}.hud-corner{position:absolute;display:flex;gap:8px;pointer-events:auto}.hud-corner--tr{top:calc(14px + var(--sa-top));right:calc(14px + var(--sa-right))}.hud-corner--br{bottom:calc(18px + var(--sa-bottom));right:calc(16px + var(--sa-right));flex-direction:column;align-items:flex-end;gap:12px}.iconbtn{appearance:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--hairline);background:#0e0d0c8c;color:var(--ink);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease}.iconbtn:hover{border-color:var(--ink);background:#1e1b18b3}.iconbtn svg{width:18px;height:18px}.viewbtn{pointer-events:auto;appearance:none;border:1px solid rgba(244,239,232,.5);background:#0e0d0c9e;color:var(--ink);font-size:13px;letter-spacing:.22em;text-transform:uppercase;padding:13px 30px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.viewbtn:active{background:var(--ink);color:var(--paper)}:root{--mobile-thumbpad-size: clamp(104px, 29vw, 124px)}.thumbpad{position:absolute;bottom:calc(18px + var(--sa-bottom));width:var(--mobile-thumbpad-size);height:var(--mobile-thumbpad-size);border-radius:50%;border:1px solid rgba(244,239,232,.22);background:#0e0d0c4d;pointer-events:auto;touch-action:none;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.thumbpad--move{left:calc(16px + var(--sa-left))}.thumbpad--look{right:calc(16px + var(--sa-right))}.thumbpad.is-active{border-color:#f4efe86b;background:#0e0d0c6b}.joystick__dir{position:absolute;width:40px;height:40px;display:grid;place-items:center;color:#f4efe880;font-size:15px;pointer-events:none}.joystick__dir--n{top:4px;left:50%;transform:translate(-50%)}.joystick__dir--s{bottom:4px;left:50%;transform:translate(-50%)}.joystick__dir--w{left:4px;top:50%;transform:translateY(-50%)}.joystick__dir--e{right:4px;top:50%;transform:translateY(-50%)}.thumbpad__nub{position:absolute;left:50%;top:50%;width:clamp(38px,11vw,46px);height:clamp(38px,11vw,46px);border-radius:50%;background:#f4efe8d9;transform:translate(-50%,-50%);pointer-events:none;transition:background .15s ease}.lookpad__nub{background:#f4efe8b8;box-shadow:inset 0 0 0 1px #0e0d0c2e}.lookpad__label{position:absolute;left:50%;top:11px;transform:translate(-50%);color:#f4efe885;font-size:9px;letter-spacing:.18em;text-transform:uppercase;pointer-events:none}.hud-mobile-action{right:calc(16px + var(--sa-right));bottom:calc(34px + var(--sa-bottom) + var(--mobile-thumbpad-size))}.overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel{width:min(460px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow-y:auto;background:var(--paper-2);border:1px solid var(--hairline);padding:34px 34px 30px;display:flex;flex-direction:column;gap:16px}.panel h2{margin:0;font-size:15px;letter-spacing:.3em;text-transform:uppercase;font-weight:600}.panel p{margin:0;color:var(--ink-dim);font-size:14px;line-height:1.6}.panel .stack{display:flex;flex-direction:column;gap:10px}.panel .row{display:flex;gap:10px;align-items:center;justify-content:space-between}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim)}.field input,.field textarea{background:#0000004d;border:1px solid var(--hairline);color:var(--ink);font-family:inherit;font-size:15px;padding:11px 13px;resize:vertical}.field .error{color:var(--danger);font-size:12px}.range{display:flex;align-items:center;gap:12px;width:100%}.range input[type=range]{flex:1;accent-color:var(--accent)}.kbd{display:inline-block;min-width:26px;text-align:center;padding:4px 8px;border:1px solid rgba(244,239,232,.35);border-bottom-width:2px;border-radius:4px;font-size:12px;color:var(--ink);background:#ffffff0a}.tut-row{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--ink-dim)}.tut-row .keys{display:flex;gap:5px;min-width:150px;justify-content:flex-end}.tutorial{position:absolute;left:50%;bottom:calc(30px + var(--sa-bottom));transform:translate(-50%);z-index:30;pointer-events:none;background:#0e0d0cd1;border:1px solid var(--hairline);padding:22px 26px 18px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:min(430px,calc(100vw - 40px))}.tutorial--mobile{left:50%;bottom:auto;top:calc(18px + var(--sa-top))}.tutorial .btn{pointer-events:auto}.tutorial h3{margin:0 0 2px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:var(--ink)}.mobile-diagram{display:flex;gap:18px;align-items:center;justify-content:center;padding:4px 0}.mobile-diagram .zone{border:1px dashed rgba(244,239,232,.35);border-radius:10px;padding:10px 14px;font-size:12px;color:var(--ink-dim);text-align:center;line-height:1.5}.mobile-diagram .zone strong{display:block;color:var(--ink);font-size:13px;letter-spacing:.06em}.lockdemo{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:10px 0;pointer-events:none}.lockdemo--out{animation:lockdemo-out .26s ease forwards}@keyframes lockdemo-out{to{opacity:0}}.lockdemo__beats{position:relative;height:40px}.lockdemo__beat{position:absolute;inset:0;display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.35;color:var(--ink-dim);opacity:0;animation:lockdemo-beat 6s ease-in-out infinite both}.lockdemo__beat:nth-child(2){animation-delay:2s}.lockdemo__beat:nth-child(3){animation-delay:4s}@keyframes lockdemo-beat{0%{opacity:0;transform:translateY(3px)}5%,28%{opacity:1;transform:none}33%,to{opacity:0;transform:translateY(-3px)}}.lockdemo__art{position:relative;flex:none;width:44px;height:30px;display:flex;align-items:center;justify-content:center}.lockdemo__mouse{position:relative;width:15px;height:23px;border:1.5px solid var(--ink);border-radius:8px}.lockdemo__mouse:after{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:1.5px;height:6px;border-radius:1px;background:var(--ink)}.lockdemo__ripple{position:absolute;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--accent);opacity:0;animation:lockdemo-ripple 2s ease-out infinite}@keyframes lockdemo-ripple{0%,40%{transform:scale(.35);opacity:0}55%{opacity:.8}85%,to{transform:scale(1.5);opacity:0}}.lockdemo__orbit{position:relative;width:26px;height:26px;border:1.5px dashed rgba(244,239,232,.28);border-radius:50%;animation:lockdemo-orbit 3.4s linear infinite}.lockdemo__orbit i{position:absolute;left:50%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--accent)}.lockdemo__orbit i:first-child{top:-4px;transform:translate(-50%) rotate(90deg)}.lockdemo__orbit i:last-child{bottom:-4px;transform:translate(-50%) rotate(-90deg)}@keyframes lockdemo-orbit{to{transform:rotate(360deg)}}.lockdemo__frame{position:relative;width:24px;height:18px;border:1.5px solid var(--ink)}.lockdemo__frame:after{content:"";position:absolute;inset:3px;border:1px solid rgba(244,239,232,.4)}@media(prefers-reduced-motion:reduce){.lockdemo--out{animation:none;opacity:0}.lockdemo__beats{height:auto;display:flex;flex-direction:column;gap:8px}.lockdemo__beat{position:static;opacity:1;transform:none;animation:none}.lockdemo__ripple{animation:none;opacity:.3;transform:scale(1)}.lockdemo__orbit{animation:none}}.inspect{position:absolute;inset:0;z-index:60;background:#080706f5;display:flex;align-items:center;justify-content:center;touch-action:none}.inspect__stage{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab}.inspect__stage:active{cursor:grabbing}.inspect__img{max-width:calc(100vw - 120px);max-height:calc(100dvh - 96px);user-select:none;-webkit-user-drag:none;will-change:transform;transition:opacity .3s ease}@media(max-width:900px){.inspect__img{max-width:calc(100vw - 40px);max-height:calc(100dvh - 60px)}}.inspect__blur{position:absolute;filter:blur(20px) saturate(1.05);transform:scale(1.02)}.inspect__controls{position:absolute;top:calc(14px + var(--sa-top));right:calc(14px + var(--sa-right));display:flex;gap:8px;z-index:3}.inspect__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3}.inspect__nav--prev{left:calc(10px + var(--sa-left))}.inspect__nav--next{right:calc(10px + var(--sa-right))}.inspect__zoom{position:absolute;bottom:calc(18px + var(--sa-bottom));right:calc(14px + var(--sa-right));display:flex;gap:8px;z-index:3}.inspect__count{position:absolute;bottom:calc(22px + var(--sa-bottom));left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.3em;color:#f4efe880;z-index:3}.rotate-overlay{position:fixed;inset:0;z-index:90;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:30px}.rotate-phone{width:46px;height:74px;border:2.5px solid var(--ink);border-radius:9px;position:relative;animation:rotate-phone 2.4s ease-in-out infinite}.rotate-phone:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:14px;height:2.5px;border-radius:2px;background:var(--ink)}@keyframes rotate-phone{0%,24%{transform:rotate(0)}48%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}.landscape-gate{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:max(10px,var(--sa-top)) max(14px,var(--sa-right)) max(10px,var(--sa-bottom)) max(14px,var(--sa-left));background:var(--paper);color:var(--ink);text-align:center}.landscape-gate__content{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,14px);max-width:min(300px,calc(100vw - 28px - var(--sa-left) - var(--sa-right)))}.landscape-gate__content p{margin:0;color:var(--ink-dim);font-size:clamp(12px,2.6vh,15px)}.landscape-gate .wordmark{margin:0;font-size:clamp(18px,4vh,26px)}.landscape-gate .btn{white-space:nowrap;padding:9px 13px}.flat{position:absolute;inset:0;overflow-y:auto;background:var(--paper);z-index:35;-webkit-overflow-scrolling:touch}.flat__head{padding:calc(48px + var(--sa-top)) 24px 18px;text-align:center}.flat__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:10px max(24px,var(--sa-right)) 80px max(24px,var(--sa-left));max-width:1280px;margin:0 auto}.flat__cell{appearance:none;border:none;background:#1a1815;padding:0;cursor:pointer;display:block;width:100%}.flat__cell img{display:block;width:100%;height:auto;opacity:0;transition:opacity .4s ease}.flat__cell img.loaded{opacity:1}.tourbar{position:absolute;left:50%;bottom:calc(24px + var(--sa-bottom));transform:translate(-50%);display:flex;gap:8px;z-index:25;pointer-events:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fade-in{animation:fade-in .9s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}*{scroll-behavior:auto!important}}.toast{position:absolute;left:50%;top:calc(20px + var(--sa-top));transform:translate(-50%);z-index:70;background:#141210e6;border:1px solid var(--hairline);color:var(--ink);padding:12px 20px;font-size:13px;letter-spacing:.05em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media(max-width:760px)and (orientation:portrait){.landing{justify-content:center;gap:clamp(8px,1.8dvh,14px);padding:calc(18px + var(--sa-top)) max(20px,calc(16px + var(--sa-right))) calc(18px + var(--sa-bottom)) max(20px,calc(16px + var(--sa-left)))}.landing .wordmark{font-size:clamp(30px,11vw,46px)}.landing__intro{max-width:350px;margin:4px 0 10px;font-size:clamp(13px,3.8vw,15px);line-height:1.52}.landing__actions{width:100%;gap:10px}.landing__actions .btn{flex:1 1 138px;min-height:46px;padding-inline:14px}.landing__minor{margin-top:10px;gap:4px 10px}.landing__minor .btn--quiet{padding-inline:8px}.landing__hint{max-width:290px;margin:4px 0 0;font-size:10px;line-height:1.45;text-align:center}.tutorial--mobile{top:calc(60px + var(--sa-top));width:min(330px,calc(100vw - 28px - var(--sa-left) - var(--sa-right)));max-width:none;padding:13px 14px 12px;gap:8px}.tutorial--mobile h3{font-size:10px;letter-spacing:.22em}.mobile-diagram{gap:clamp(12px,6vw,24px);padding:0}.mobile-diagram .zone{min-width:94px;padding:0;border:0;font-size:11px;line-height:1.35}.mobile-diagram .zone strong{margin-top:3px;font-size:11px}.zone__circle{display:block;width:30px;height:30px;margin:0 auto 3px;border:1px solid rgba(244,239,232,.54);border-radius:50%;background:#0e0d0c42}.zone--walk .zone__circle:after{content:"↕";display:grid;place-items:center;height:100%;color:var(--ink-dim);font-size:15px}.zone--look .zone__circle:after{content:"⌁";display:grid;place-items:center;height:100%;color:var(--ink-dim);font-size:21px}.tutorial--mobile .tut-row{font-size:11px;line-height:1.35;text-align:center}.tutorial--mobile .btn{align-self:center;padding:6px 10px;font-size:10px}.hud{--portrait-control-size: clamp(104px, 29vw, 124px)}.joystick,.lookpad{width:var(--portrait-control-size);height:var(--portrait-control-size);bottom:calc(16px + var(--sa-bottom))}.joystick{left:calc(16px + var(--sa-left))}.lookpad{right:calc(16px + var(--sa-right))}.hud-corner--br{right:calc(16px + var(--sa-right));bottom:calc(var(--portrait-control-size) + 28px + var(--sa-bottom));gap:8px}.viewbtn{min-height:40px;padding:10px 17px;font-size:11px;letter-spacing:.18em}.hud-corner--tr{top:calc(10px + var(--sa-top));right:calc(10px + var(--sa-right))}.iconbtn{width:38px;height:38px}.tourbar{bottom:calc(14px + var(--sa-bottom));width:min(calc(100% - 24px - var(--sa-left) - var(--sa-right)),360px);justify-content:center;gap:6px}.tourbar .btn{min-height:40px;padding:9px 11px;font-size:10px;letter-spacing:.1em}.overlay{padding:calc(12px + var(--sa-top)) calc(12px + var(--sa-right)) calc(12px + var(--sa-bottom)) calc(12px + var(--sa-left))}.panel{width:100%;max-height:100%;padding:24px 20px 20px}.inspect__img{max-width:calc(100vw - 28px - var(--sa-left) - var(--sa-right));max-height:calc(100dvh - 112px - var(--sa-top) - var(--sa-bottom))}.inspect__nav{top:auto;bottom:calc(18px + var(--sa-bottom));transform:none}.inspect__nav--prev{left:calc(14px + var(--sa-left))}.inspect__nav--next{right:calc(14px + var(--sa-right))}.inspect__zoom{bottom:calc(68px + var(--sa-bottom))}.inspect__count{bottom:calc(31px + var(--sa-bottom));font-size:10px}.flat__head{padding:calc(28px + var(--sa-top)) 18px 14px}.flat__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px max(12px,var(--sa-right)) calc(28px + var(--sa-bottom)) max(12px,var(--sa-left))}}@media(max-width:760px)and (orientation:portrait)and (max-height:700px){.landing{justify-content:flex-start;overflow-y:auto}.landing__intro{margin-bottom:4px}.landing__minor{margin-top:4px}.tutorial--mobile{padding-block:9px;gap:5px}.zone__circle{display:none}}.audio-debug{position:fixed;z-index:1000;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:min(360px,calc(100vw - 112px - max(8px,env(safe-area-inset-left))));max-height:min(34dvh,330px);overflow:auto;box-sizing:border-box;padding:10px 12px 12px;border:1px solid rgb(255 255 255 / 24%);border-radius:10px;background:#08080aeb;color:#f4f1e9;box-shadow:0 8px 30px #00000059;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:auto}.audio-debug__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}.audio-debug__header button{min-width:28px;min-height:28px;padding:0;border:1px solid rgb(255 255 255 / 24%);border-radius:50%;background:transparent;color:inherit;font:inherit}.audio-debug__grid{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 10px;margin:0}.audio-debug__grid dt{color:#aaa69d}.audio-debug__grid dd{min-width:0;margin:0}.audio-debug__wrap{overflow-wrap:anywhere}.audio-debug__beds{display:grid;gap:2px}