html,body{-webkit-user-select:none;user-select:none;background:#111;height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;overflow:hidden}#game{position:absolute;inset:0}#ui{transform-origin:0 0;pointer-events:none;color:#fff;position:absolute;overflow:hidden}html.cursor-hover canvas{cursor:pointer}html.art-cursor{cursor:var(--art-cursor) 24 24, crosshair}html.art-cursor-hover.cursor-hover canvas,html.art-cursor-hover .hud-btn,html.art-cursor-hover .btn:not(:disabled),html.art-cursor-hover .choice,html.art-cursor-hover .inv-slot{cursor:var(--art-cursor-hover) 24 24, pointer}.markers{z-index:10;position:absolute;inset:0}.hud{z-index:20;position:absolute;inset:0}.inventory{z-index:30}.choices{z-index:40}.phones{z-index:50}.fly-layer{z-index:55;position:absolute;inset:0}.held-item{z-index:60}.subtitles{z-index:70;position:absolute;inset:0}.toast{z-index:75}.label{z-index:80}.debug-info{z-index:90}.menu-layer{z-index:100}.label{text-align:center;white-space:nowrap;text-shadow:0 0 6px #000,3px 3px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;display:none;position:absolute;transform:translate(-50%,-100%)}.label.pop{animation:.14s ease-out label-pop}@keyframes label-pop{0%{opacity:.4;scale:.88}to{opacity:1;scale:1}}.label-title{color:#fff;font-size:40px;font-weight:700}.label-verbs{color:#ffd166;font-size:24px}.held-item{width:96px;height:96px;display:none;position:absolute;transform:translate(14px,14px)}.held-item>*{width:96px;height:96px}.subtitle{text-align:center;text-shadow:0 0 6px #000,3px 3px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;max-width:640px;font-size:40px;font-weight:700;line-height:1.15;animation:.12s ease-out subtitle-in;position:absolute;transform:translate(-50%,-100%)}@keyframes subtitle-in{0%{opacity:0}}.subtitle.top{top:60px;left:50%;transform:translate(-50%)}.subtitle.bark{opacity:.92;max-width:520px;font-size:30px}.marker{text-align:center;position:absolute;transform:translate(-50%,-50%)}.marker-dot{background:#ffd166;border:4px solid #000;border-radius:50%;width:26px;height:26px;margin:0 auto 4px;box-shadow:0 0 14px #ffd166}.marker-name{text-shadow:2px 2px #000,-2px -2px #000,0 0 6px #000;font-size:26px;font-weight:700}.hud-btn{pointer-events:auto;color:#2b1d12;cursor:pointer;background:#f4e1b5;border:5px solid #2b1d12;border-radius:50%;width:96px;height:96px;font-size:52px;font-weight:700;position:absolute;box-shadow:0 6px #2b1d12}.hud-btn:hover{background:#ffd166}.hud-btn img{display:none}.hud-btn.art{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.hud-btn.art span{display:none}.hud-btn.art img{pointer-events:none;filter:drop-shadow(0 4px 4px #00000080);width:96px;height:96px;transition:transform 80ms;display:block}.hud-btn.art:hover img{filter:drop-shadow(0 4px 4px #00000080)brightness(1.15);transform:scale(1.1)}.hud-btn.bag{bottom:28px;left:24px}.hud-btn.hint{top:24px;right:136px}.hud-btn.menu{top:24px;right:24px}.fly-item{filter:drop-shadow(0 6px 6px #00000080);width:112px;height:112px;position:absolute;top:0;left:0}.fly-item>*{width:112px;height:112px}.hud-btn.bounce{animation:.35s ease-out bag-bounce}@keyframes bag-bounce{40%{scale:1.22}}.inventory{pointer-events:auto;background:#1e140ce0;border:5px solid #f4e1b5;border-radius:24px;align-items:center;gap:14px;height:150px;padding:0 24px;display:none;position:absolute;bottom:20px;left:140px;right:140px}.inventory.open{display:flex}.inv-empty{color:#f4e1b5;font-size:30px}.inv-slot{cursor:pointer;background:#ffffff14;border-radius:16px;justify-content:center;align-items:center;width:128px;height:128px;display:flex}.inv-slot:hover{background:#ffd1664d}.inv-slot.held{outline:4px solid #ffd166}.item-icon{object-fit:contain;pointer-events:none;width:112px;height:112px}.item-placeholder{color:#fff;text-align:center;pointer-events:none;box-sizing:border-box;background:#ef476f;border:4px solid #7a1f35;border-radius:14px;justify-content:center;align-items:center;width:104px;height:104px;padding:4px;font-size:20px;font-weight:700;display:flex}.choices{pointer-events:auto;background:linear-gradient(#0000,#000000d9 25%);flex-direction:column;padding:24px 80px 30px;display:none;position:absolute;bottom:0;left:0;right:0}.choices.open{display:flex}.choice{all:unset;cursor:pointer;color:#fff;text-shadow:2px 2px #000;padding:6px 0;font-size:36px;font-weight:700}.choice:before{content:"› ";color:#ffd166}.choice.used{color:#a8a8a8}.choice:hover{color:#ffd166}.menu-layer{position:absolute;inset:0}.menu-backdrop{pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-backdrop.main-menu,.menu-backdrop.end-screen{background:radial-gradient(circle at 50% 35%,#2d6a8f,#0b1d2a 75%)}.menu-panel{color:#2b1d12;background:#f4e1b5f7;border:6px solid #2b1d12;border-radius:28px;flex-direction:column;align-items:stretch;gap:16px;min-width:720px;max-width:1100px;padding:40px 60px 50px;display:flex;box-shadow:0 16px #0006}.menu-panel h1{text-align:center;margin:0;font-size:64px}.menu-panel h2{text-align:center;margin:0 0 16px;font-size:34px;font-weight:400}.btn{font:inherit;color:#2b1d12;cursor:pointer;background:#ffd166;border:4px solid #2b1d12;border-radius:16px;padding:14px 24px;font-size:36px;font-weight:700}.btn:hover:not(:disabled){background:#ffe29a}.btn:disabled{opacity:.45;cursor:default}.btn.slot{text-align:left;font-size:30px}.btn.back{background:#e9d8a6}.setting{justify-content:space-between;align-items:center;gap:30px;font-size:32px;display:flex}.setting input[type=range]{width:420px;height:30px}.setting input[type=checkbox]{width:36px;height:36px}.setting select{padding:6px;font-size:28px}.error{white-space:pre-wrap;color:#8b0000;font-size:22px}.toast{opacity:0;background:#000000bf;border-radius:14px;padding:14px 30px;font-size:32px;transition:opacity .2s;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.debug-info{color:#0f6;white-space:pre;background:#000000b3;padding:6px 12px;font:22px monospace;display:none;position:absolute;bottom:10px;left:10px}.phones{position:absolute;inset:0}.phone-layer{pointer-events:auto;background:#00000059;position:absolute;inset:0}.phone{background:#24448f;border-radius:64px;width:471px;height:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 20px 40px #00000080}html.art-phone .phone{background:var(--art-phone) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 20px 30px #00000080);border-radius:0}.phone-screen{color:#111;background:#efe7dc;border-radius:22px;flex-direction:column;display:flex;position:absolute;inset:76px 44px 46px;overflow:hidden}.phone-chat{color:#fff;background:#075e54;padding:16px 22px;font-size:28px;font-weight:700}.phone-messages{flex-direction:column;flex:1;justify-content:flex-end;gap:12px;padding:16px;display:flex;overflow:hidden}.phone-msg{background:#fff;border-radius:14px;align-self:flex-start;max-width:90%;padding:10px 14px;box-shadow:0 1px 2px #0003}.phone-from{color:#c2185b;font-size:20px;font-weight:700}.phone-text{font-size:26px;line-height:1.25}.phone-photo{border-radius:10px;width:100%}html.art-panel .menu-panel,html.art-panel .inventory,html.art-panel .choices{border-style:solid;border-image:var(--art-panel) 96 fill / 1 / 0 stretch;box-shadow:none;background:0 0;border-radius:0}html.art-panel .menu-panel{color:#f4e1b5;filter:drop-shadow(0 14px 10px #00000073);border-width:60px;padding:0 20px 10px}html.art-panel .menu-panel h1{color:#ffd166;text-shadow:3px 3px #000}html.art-panel .error{color:#ff9e8a}html.art-panel .inventory{border-width:40px;height:140px;padding:0 10px;bottom:12px}html.art-panel .choices{border-width:44px;padding:0 26px;bottom:12px;left:40px;right:40px}.title-logo{display:none}html.art-title .menu-backdrop.main-menu{background:#0b1d2a var(--art-title) center / cover no-repeat}html.art-title .menu-backdrop.end-screen{background:linear-gradient(#00000073, #00000073), #0b1d2a var(--art-title) center / cover no-repeat}.menu-backdrop.has-logo .title-logo{filter:drop-shadow(0 8px 10px #00000073);width:760px;display:block;position:absolute;top:20px;left:40px}.title-chapter{display:none}.menu-backdrop.has-logo .title-chapter{color:#fff;text-shadow:3px 3px #000,0 0 8px #000;font-size:34px;font-weight:700;display:block;position:absolute;top:270px;left:90px}.menu-backdrop.has-logo{justify-content:center;align-items:flex-end;padding-bottom:14px}.menu-backdrop.has-logo .menu-panel{flex-direction:row;gap:18px;min-width:0}html.art-panel .menu-backdrop.has-logo .menu-panel{border-width:40px;padding:0 8px}.menu-backdrop.has-logo .menu-panel h1,.menu-backdrop.has-logo .menu-panel h2{display:none}.menu-backdrop.has-logo .btn{padding:8px 26px;font-size:32px}.credits-body{text-align:center;max-height:640px;font-size:28px;line-height:1.35;overflow-y:auto}.credits-body h3{margin:18px 0 6px;font-size:34px}.credits-body p{margin:2px 0}.hud-btn.touch-only{display:none}html.touch,html.touch body{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}html.touch #game{top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px)}html.touch .hud-btn{touch-action:manipulation;width:140px;height:140px;font-size:70px}html.touch .hud-btn.art img{width:140px;height:140px}html.touch .hud-btn.touch-only{padding:0;display:block}html.touch .hud-btn.bag{bottom:28px;left:28px}html.touch .hud-btn.hint{top:28px;right:188px}html.touch .hud-btn.menu{top:28px;right:28px}html.touch .hud-btn.showall{bottom:28px;right:28px}html.touch .hud-btn.look{bottom:28px;right:188px}html.touch .hud-btn.skip{display:none;bottom:196px;right:28px}html.touch .hud.can-skip .hud-btn.skip{display:block}html.touch .hud.can-skip .hud-btn.showall,html.touch .hud.can-skip .hud-btn.look{opacity:.35}html.touch .hud.look-mode .hud-btn.look,html.touch .hud.show-all .hud-btn.showall{background:#ffd166;box-shadow:0 0 0 6px #fff,0 6px #2b1d12}html.touch .hud-btn:not(.art):hover{background:#f4e1b5}html.touch .hud-btn:not(.art):active{background:#ffd166}html.touch .hud-btn.art:hover{background:0 0}html.touch .hud-btn.art:hover img{filter:drop-shadow(0 4px 4px #00000080);transform:none}html.touch .hud-btn.art:active img{transform:scale(1.1)}html.touch .label-title{font-size:60px}html.touch .label-verbs{font-size:38px}html.touch .subtitle{max-width:980px;font-size:60px}html.touch .subtitle.top{top:190px}html.touch .subtitle.bark{max-width:760px;font-size:44px}html.touch .marker-dot{width:40px;height:40px}html.touch .marker-name{font-size:42px}html.touch .inventory{touch-action:pan-x;height:200px;left:196px;right:356px;overflow-x:auto}html.touch.art-panel .inventory{height:196px;bottom:8px}html.touch .inv-slot{touch-action:none;flex:none;width:176px;height:176px}html.touch .inv-slot.dragging{opacity:.35}html.touch .item-icon{width:160px;height:160px}html.touch .item-placeholder{width:150px;height:150px;font-size:26px}html.touch .inv-empty{font-size:42px}html.touch .held-item{pointer-events:auto;background:#1e140cbf;border-radius:20px;outline:5px solid #ffd166;width:120px;height:120px;bottom:40px;transform:none;top:auto!important;left:184px!important}html.touch .held-item>*{width:120px;height:120px}html.touch .inventory.open~.held-item{display:none!important}.drag-ghost{z-index:65;pointer-events:none;filter:drop-shadow(0 8px 8px #0009);width:170px;height:170px;display:none;position:absolute;transform:translate(-50%,-110%)}.drag-ghost>*{width:170px;height:170px}html.touch .choices{padding:24px 80px 30px}html.touch .choice{padding:14px 0;font-size:56px}html.touch .toast{font-size:46px;bottom:240px}html.touch .menu-panel h1{font-size:80px}html.touch .menu-panel{gap:20px}html.touch .btn{padding:24px 34px;font-size:56px}html.touch .menu-panel[data-test=pause-menu]{grid-template-columns:1fr 1fr;gap:24px;display:grid}html.touch .menu-panel[data-test=pause-menu] h1{grid-column:1/-1}html.touch .btn.slot{font-size:40px}html.touch .menu-backdrop.has-logo .btn{padding:16px 24px;font-size:40px}html.touch .setting{font-size:44px}html.touch .setting input[type=range]{width:560px;height:60px}html.touch .setting input[type=checkbox]{width:60px;height:60px}html.touch .setting select{padding:10px;font-size:40px}html.touch .credits-body{font-size:38px}html.touch .phone-text{font-size:32px}#rotate{display:none}@media (orientation:portrait){html.touch #rotate{z-index:1000;color:#f4e1b5;text-align:center;text-shadow:2px 2px #000;background:radial-gradient(circle at 50% 35%,#2d6a8f,#0b1d2a 75%);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;font:700 24px Trebuchet MS,Segoe UI,Arial,sans-serif;display:flex;position:fixed;inset:0}}.rotate-phone{border:6px solid #f4e1b5;border-radius:14px;width:70px;height:120px;animation:2.4s ease-in-out infinite rotate-phone;box-shadow:0 6px #000}@keyframes rotate-phone{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}