:root{color-scheme:dark;--ink:#e4e6df;--muted:#a2aeaa;--red:#de5b43;--mint:#d2deae;--mono:"Courier New",monospace}*{box-sizing:border-box}body{margin:0;background:#071012;color:var(--ink);font:15px/1.5 Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #eead85;outline-offset:4px}a{color:inherit}button{border-radius:0}button:hover:not(:disabled){filter:brightness(1.12)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;z-index:100;top:-80px;left:15px;background:#ddd;color:#111;padding:12px}.skip-link:focus{top:12px}.pb-header{max-width:1440px;margin:auto;padding:21px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #293a3c}.pb-brand{text-decoration:none;font:bold 17px var(--mono);letter-spacing:.16em}.pb-brand span{display:block;color:#839795;font:9px var(--mono);letter-spacing:.1em;margin-top:5px}.pb-header-actions{display:flex;gap:10px;flex-wrap:wrap}.pb-header-actions button,.pb-header-actions a{font:11px var(--mono);background:none;border:1px solid #334a4d;padding:10px 12px;min-height:40px;color:#bfceca;text-decoration:none}.pb-header-actions button[aria-pressed=true]{border-color:#b68869;color:#efb18c}.pb-header-actions #log-count{padding:3px 5px;background:#223537;margin-left:6px}.pb-world{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;max-width:1368px;padding:24px 36px 16px;margin:auto}.pb-scene{position:relative;min-height:640px;overflow:hidden;background:#071418;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #25393a}.pb-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% 50%;filter:brightness(.76);transition:filter 2s}.pb-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#061214ba,transparent 43%,#041010b3 68%,#041010 100%)}.pb-scene-top,.pb-scene-bottom{position:relative;z-index:3;padding:28px 30px}.pb-scene-top{padding-bottom:16px}.pb-kicker{font:10px var(--mono);letter-spacing:.15em;color:#d6a484;margin:0 0 13px}.pb-scene h1{font:normal clamp(38px,4vw,62px)/.98 Georgia,serif;letter-spacing:-.035em;margin:0;max-width:500px;text-wrap:balance;text-shadow:0 3px 24px #000}.pb-intro{max-width:410px;color:#c3cec9;font:15px/1.6 Georgia,serif;margin:16px 0}.pb-scene-state{display:flex;align-items:center;gap:8px;color:#b8bfae;font:9px var(--mono);letter-spacing:.07em}.pb-scene-state i{width:6px;height:6px;border-radius:50%;background:#df7953;box-shadow:0 0 12px #dc4f2a}.pb-scene-state time{margin-left:auto;color:#d4b797;font-size:12px}.pb-scene-bottom{padding-top:0}.pb-transcript{background:#071012ed;border:1px solid #49625d;border-left:2px solid #c98765;padding:17px 20px;box-shadow:0 15px 30px #0005;min-height:170px}.pb-transcript-label{display:flex;justify-content:space-between;gap:8px;color:#d69b76;font:9px var(--mono);letter-spacing:.08em}.pb-transcript h2{font:normal 23px/1.2 Georgia,serif;color:#e9e5d7;margin:12px 0}.pb-transcript #account{font:17px/1.6 Georgia,serif;color:#c9d4cc}.pb-transcript #account p{margin:12px 0 0;white-space:pre-line;overflow-wrap:anywhere}.pb-next{background:none;border:0;border-bottom:1px solid #ae7656;color:#e8b38d;font:11px var(--mono);padding:12px 0 5px;margin-top:12px}.pb-clues{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.pb-clues button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:82px;background:#102125e8;border:1px solid #345254;color:#c3cdc5;padding:10px;font:11px/1.2 Georgia,serif;text-align:left}.pb-clues small{color:#8a9c94;font:8px var(--mono);letter-spacing:.1em}.pb-clues .pb-found{border-color:#a17250}.pb-object-icon{font-size:21px;color:#c59470}.pb-rain{position:absolute;z-index:1;inset:-20%;pointer-events:none;opacity:.13;background:repeating-linear-gradient(105deg,transparent 0 46px,#cde4e455 46px 47px,transparent 47px 110px);background-size:110px 100%;animation:pb-rain 2.8s linear infinite}.pb-haze{position:absolute;z-index:2;inset:20% -25% 10%;background:radial-gradient(ellipse,#84b8bf12,transparent 63%);pointer-events:none;animation:pb-haze 18s ease-in-out infinite alternate}.pb-phone-side{align-self:start}.pb-device{padding:18px;background:linear-gradient(120deg,#3c4747,#172326 55%,#10181a);border:1px solid #66716b;border-top:4px solid #8e9790;box-shadow:8px 12px 0 #040a0c,0 20px 35px #0006;position:relative}.pb-device::after{content:"";pointer-events:none;position:absolute;inset:5px;border:1px solid #34413e}.pb-device-top{display:flex;justify-content:space-between;border-bottom:1px solid #5a675c;color:#a6afa4;font:8px var(--mono);letter-spacing:.1em;padding-bottom:11px}.pb-device-face{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;margin-top:16px}.pb-handset{position:relative;margin:22px 0 15px;border-radius:33px;background:linear-gradient(100deg,#090b0b,#343a35 48%,#05090a 75%);box-shadow:inset 2px 0 0 #7a80735c,6px 5px 10px #0006;transition:transform .7s ease}.pb-handset::before,.pb-handset::after{content:"";position:absolute;left:-7px;right:-7px;height:70px;border-radius:22px;background:linear-gradient(95deg,#151817,#343b35,#05090a);box-shadow:inset 1px 1px #6b726c70,5px 5px 8px #0008}.pb-handset::before{top:-17px}.pb-handset::after{bottom:-17px}.pb-handset i{position:absolute;z-index:2;top:2px;left:8px;right:8px;height:31px;border-radius:10px;background:radial-gradient(#020404 1px,transparent 1.5px);background-size:5px 5px}.pb-handset b{position:absolute;width:22px;left:22px;top:100%;height:88px;background:repeating-linear-gradient(0deg,#020707 0 3px,#414d45 4px 5px);border-radius:8px;transform:rotate(-12deg);z-index:1}.pb-offhook .pb-handset{transform:translateX(-7px) rotate(-6deg)}.pb-speaker{height:24px;margin-bottom:12px;border:1px solid #101a18;border-radius:3px;background:repeating-linear-gradient(0deg,#0b1313 0 2px,#49574c 2px 4px)}.pb-lcd{background:#a8b485;color:#172619;border:4px solid #101b1b;padding:8px 10px;box-shadow:inset 0 3px 8px #465132b3;font-family:var(--mono)}.pb-lcd>span{display:block;font-size:9px;letter-spacing:.05em}.pb-lcd input{display:block;width:100%;background:none;border:0;border-radius:0;color:#152818;font:bold 31px/1 var(--mono);letter-spacing:.18em;padding:7px 0 3px;outline-offset:1px}.pb-lcd input:disabled{opacity:1;-webkit-text-fill-color:#152818}.pb-lcd input::placeholder{color:#36482f}.pb-lcd small{font-size:7px;letter-spacing:.02em}.pb-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.pb-keypad button{border:1px solid #88927f;border-bottom:3px solid #465143;background:linear-gradient(#c2c5b4,#9aab97);box-shadow:0 3px 3px #0006;color:#182720;height:48px;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pb-keypad strong{font:24px/1.1 Georgia,serif}.pb-keypad small{font:7px var(--mono);margin-top:4px;letter-spacing:.05em}.pb-keypad button:active{transform:translateY(2px);box-shadow:none}.pb-dial{display:flex;justify-content:space-between;width:100%;border:1px solid #b7845e;background:#533323;color:#f3d2b3;font:10px var(--mono);margin-top:12px;padding:12px;min-height:42px}.pb-extension-note{color:#8e9e8e;font:7px var(--mono);text-align:center;margin:10px 0}.pb-receiver{display:flex;align-items:center;justify-content:space-between;background:#1b2d26;border:1px solid #7f9567;color:#d2dfb3;width:100%;margin-top:12px;padding:12px 14px;font:13px Georgia,serif;min-height:48px}.pb-receiver span:first-child{font-size:22px}.pb-coin{position:relative;display:grid;grid-template-columns:1fr 100px;gap:8px;margin:15px 0 8px;border:1px solid #525f52;padding:10px;background:#15201e}.pb-coin span{font:8px var(--mono);color:#adbca9}.pb-coin i{height:7px;background:#03090a;box-shadow:0 1px #63705d;border-radius:2px}.pb-coin b{grid-column:1/-1;font:7px var(--mono);color:#7d8f83;letter-spacing:.09em}.pb-device-foot{display:flex;justify-content:space-between;font:7px var(--mono);color:#819785;letter-spacing:.02em}.pb-under-phone{display:flex;justify-content:space-between;margin-top:18px;gap:10px}.pb-under-phone button{background:none;border:0;border-bottom:1px solid #4c655d;color:#bcc5ae;font:10px var(--mono);padding:8px 0;min-height:36px}.pb-save{font:10px/1.6 var(--mono);color:#879d92;max-width:300px;margin:12px 0}.pb-audio-status{font:10px/1.5 var(--mono);color:#bb9876;margin:0}.pb-choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pb-choices button{padding:10px;border:1px solid #b98264;background:#281e19;color:#e8c6a5;font:10px var(--mono);min-height:44px}.pb-footer{display:flex;justify-content:space-between;gap:10px;max-width:1368px;margin:0 auto;padding:15px 36px 24px;border-top:1px solid #253538;font:9px var(--mono);letter-spacing:.08em;color:#7f9790}.pb-footer a{text-decoration:none;color:#b3c2b7}.pb-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:36px 30px;background:#d6ceae;color:#2a3027;border:3px double #776a4c;margin:auto;box-shadow:0 20px 60px #000a;color-scheme:light}.pb-dialog::backdrop{background:#02090be8}.pb-dialog .pb-kicker{color:#74503b}.pb-dialog h2{font:normal 30px/1.1 Georgia,serif;margin:15px 25px 18px 0}.pb-dialog p{font:17px/1.7 Georgia,serif;white-space:pre-line;overflow-wrap:anywhere}.pb-close{position:absolute;right:10px;top:8px;font:30px Georgia,serif;border:0;background:none;color:#3b3c2c;width:44px;height:44px}.pb-dialog-action{border:1px solid #384838;color:#e5e0c9;background:#253b30;padding:13px 16px;font:12px var(--mono);min-height:44px}.pb-dialog-secondary{margin:12px 0 0 12px;padding:13px;background:none;border:1px solid #786e52;color:#3a3a2b;font:12px var(--mono)}.pb-notebook details{padding:13px 0;border-top:1px solid #a69a77}.pb-notebook summary{cursor:pointer;font:12px/1.5 var(--mono);font-weight:bold;min-height:26px}.pb-notebook p{font-size:15px}.pb-noscript{max-width:700px;margin:24px auto;padding:20px;color:#e5b28e}[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}body[data-phase=rescue] .pb-rain{opacity:0}body[data-phase=rescue] .pb-art{filter:brightness(.98) sepia(.12)}body[data-phase=leave] .pb-art{filter:brightness(.53) saturate(.6)}body[data-phase="4"] .pb-transcript,body[data-phase="5"] .pb-transcript{border-left-color:#df674a}.pb-quiet .pb-rain,.pb-quiet .pb-haze{animation:none;opacity:0}.pb-quiet *{scroll-behavior:auto!important;transition:none!important}@keyframes pb-rain{from{transform:translate(0,-8%)}to{transform:translate(-4%,8%)}}@keyframes pb-haze{from{transform:translateX(-5%)}to{transform:translateX(8%)}}
@media(min-width:1600px){.pb-scene{min-height:calc(100svh - 150px)}}@media(max-width:1050px){.pb-world{grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding-inline:22px}.pb-scene-top,.pb-scene-bottom{padding-inline:22px}.pb-clues{grid-template-columns:repeat(2,1fr)}.pb-clues button{min-height:66px;display:grid;grid-template-columns:25px 1fr}.pb-clues small{grid-column:2}.pb-transcript #account{font-size:16px}.pb-scene h1{font-size:44px}.pb-scene{min-height:680px}}
@media(max-width:720px){.pb-header{padding:16px;align-items:start}.pb-brand{font-size:14px}.pb-brand span{font-size:7px;max-width:110px}.pb-header-actions{gap:5px;justify-content:flex-end}.pb-header-actions button,.pb-header-actions a{padding:8px;font-size:9px;min-height:38px}.pb-world{grid-template-columns:1fr;padding:14px 14px 20px;gap:22px}.pb-scene{min-height:640px}.pb-scene-top,.pb-scene-bottom{padding-inline:19px}.pb-scene-top{padding-top:24px}.pb-scene h1{font-size:46px;max-width:300px}.pb-intro{font-size:14px}.pb-art{object-position:38% 50%}.pb-transcript{padding:15px}.pb-transcript h2{font-size:23px}.pb-phone-side{width:min(390px,100%);justify-self:center}.pb-device{padding:18px 20px}.pb-keypad button{height:53px}.pb-scene-bottom{padding-bottom:19px}.pb-clues button{font-size:12px}.pb-footer{padding:17px;flex-wrap:wrap;line-height:1.8}.pb-dialog{padding:32px 22px}.pb-dialog h2{font-size:27px}.pb-transcript #account{font-size:17px}.pb-device-face{grid-template-columns:62px minmax(0,1fr)}}@media(max-width:370px){.pb-header{display:block}.pb-header-actions{justify-content:flex-start;margin-top:14px}.pb-world{padding-inline:10px}.pb-device{padding:16px}.pb-device-face{gap:12px;grid-template-columns:50px minmax(0,1fr)}.pb-scene h1{font-size:39px}.pb-scene-top,.pb-scene-bottom{padding-inline:15px}.pb-transcript-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pb-rain,.pb-haze{display:none}}

/* Brushed steel payphone, physical keycaps and receiver. */
.pb-world{grid-template-columns:minmax(0,1fr) 390px}.pb-device{border-radius:14px 14px 7px 7px;border:1px solid #929b9b;border-top:3px solid #c8d0cb;padding:22px;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#00000004 1px 3px),linear-gradient(112deg,#77807f 0%,#354142 12%,#778080 35%,#414c4c 52%,#283536 80%,#505b59 100%);box-shadow:inset 1px 0 1px #e3ecea88,inset -5px 0 8px #07101299,9px 11px 0 #01080ae6,0 24px 45px #0009}.pb-device::after{inset:8px;border-radius:7px;border-color:#cbd1c222;box-shadow:inset 0 0 0 1px #09131555}.pb-device-top{align-items:center;border:0;padding:0 8px 14px;color:#e7eadc;font:bold 12px/1.2 var(--mono);letter-spacing:.1em;text-shadow:0 1px 1px #000}.pb-device-top small{display:block;color:#bac7c1;font:8px var(--mono);letter-spacing:.18em;margin-top:6px}.pb-device-top .pb-phone-mark{font:32px Georgia,serif;color:#efdfb7}.pb-screw{position:absolute;width:8px;height:8px;border-radius:50%;z-index:3;background:linear-gradient(125deg,#e3e7d9,#6a7571 40%,#252e2e 45%,#9aa79e 55%,#434b49);box-shadow:0 1px 2px #0009}.pb-screw-tl{top:10px;left:12px}.pb-screw-tr{top:10px;right:12px}.pb-screw-bl{bottom:10px;left:12px}.pb-screw-br{bottom:10px;right:12px}.pb-device-face{grid-template-columns:78px minmax(0,1fr);gap:17px;margin-top:0;border-top:1px solid #111e1d;padding-top:18px;box-shadow:0 -1px #cad1c844}.pb-handset{margin:0;position:relative;border-radius:0;background:none;box-shadow:none;align-self:stretch;min-height:340px;z-index:2}.pb-handset::before,.pb-handset::after{display:none}.pb-handset-art{position:absolute;top:24px;left:-6px;width:90px;height:350px;filter:drop-shadow(7px 8px 4px #0009);transition:transform .4s ease}.pb-handset{transform:none!important}.pb-offhook .pb-handset-art{transform:translate(-9px,-7px) rotate(-7deg)}.pb-cord{position:absolute;left:-13px;bottom:-37px;width:126px;height:135px;pointer-events:none;filter:drop-shadow(2px 4px 2px #0008)}.pb-speaker{height:21px;border:1px solid #131d1e;border-radius:9px;background:radial-gradient(#02090a 1.1px,transparent 1.6px),linear-gradient(#243231,#41504b);background-size:5px 4px,100% 100%;box-shadow:inset 0 2px 4px #0009,0 1px #b1bab370;margin-bottom:13px}.pb-lcd{position:relative;border:5px solid #152021;border-radius:5px;background:linear-gradient(#6c8970,#a6bb8b);color:#122b1b;box-shadow:0 1px 1px #d0d5c166,inset 0 5px 9px #233d2766,inset 0 0 1px 2px #c1dbaa50;padding:10px}.pb-lcd>span:first-child{font:bold 9px var(--mono);padding-right:25px}.pb-lcd .pb-lcd-signal{position:absolute;right:8px;top:6px;font-size:11px;letter-spacing:-.06em;opacity:.6}.pb-lcd input{font-size:36px;letter-spacing:.15em;text-shadow:0 0 1px #234823;padding-top:8px}.pb-lcd small{font-size:8px}.pb-keypad{padding:11px 10px 14px;border:1px solid #202a29;border-radius:6px;background:linear-gradient(115deg,#182221,#44514c,#152020);gap:8px;margin-top:14px;box-shadow:inset 0 2px 5px #0008,0 1px #c1c8ba60}.pb-keypad button{position:relative;height:53px;border-radius:7px;border:1px solid #e0e3ce;border-bottom:1px solid #6d746a;background:linear-gradient(145deg,#f3f0d9,#b8bead 48%,#cbd0bd 49%,#8c998a);color:#1e2d27;box-shadow:0 5px 0 #5a635a,0 7px 0 #0c1414,0 8px 5px #0008,inset 0 1px 1px #fff9;text-shadow:0 1px #ffffdb80;transition:transform 75ms ease,box-shadow 75ms ease,background 75ms ease;isolation:isolate}.pb-keypad button::before{content:"";position:absolute;inset:-3px;z-index:-1;border:1px solid transparent;border-radius:9px;transition:border-color 75ms,box-shadow 75ms}.pb-keypad strong{font:bold 25px/1 Arial,sans-serif}.pb-keypad small{font:bold 7px var(--mono);color:#41513f;letter-spacing:.12em}.pb-keypad button:disabled{opacity:.58;filter:saturate(.45)}.pb-keypad button:hover:not(:disabled){background:linear-gradient(145deg,#fff6dd,#d8c49c,#b7ae84);filter:none}.pb-keypad button:active:not(:disabled),.pb-keypad button.pb-key-held:not(:disabled),.pb-keypad button.pb-key-pressed{transform:translateY(4px);background:linear-gradient(150deg,#fff0b7,#f0bd64 55%,#c99b52);color:#291d0a;box-shadow:0 1px 0 #675234,0 3px 0 #0b1414,inset 0 2px 4px #8e622544,0 0 16px #ffb64b55;filter:none}.pb-keypad button.pb-key-pressed::before,.pb-keypad button.pb-key-held::before{border-color:#ffce7977;box-shadow:0 0 13px #ffab4955}.pb-dial{border-radius:4px;background:linear-gradient(#536451,#2e4937);border:1px solid #a5b28d;border-bottom:3px solid #142c20;color:#f1ead0;font:bold 12px var(--mono);letter-spacing:.1em;box-shadow:0 3px 3px #07100b66}.pb-dial:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}.pb-extension-note{color:#d0d5c1;font-size:8px;text-shadow:0 1px #19251b}.pb-receiver{position:relative;z-index:3;border-radius:5px;background:linear-gradient(#243d32,#11261e);border:1px solid #94a78a;border-bottom:3px solid #102a1e;color:#f0e5cb;box-shadow:0 4px 5px #10231a55}.pb-quick-numbers{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding:8px 2px 1px;font:9px var(--mono);color:#d6d8c9;letter-spacing:.06em}.pb-quick-numbers b{margin-left:7px;color:#ffe5b2;font:bold 13px var(--mono)}.pb-coin{background:linear-gradient(120deg,#303f3b,#0d1b1b);border-color:#a1aa8a66;border-radius:4px;box-shadow:inset 0 2px 3px #0004;margin-top:12px}.pb-coin span{color:#d6dac5}.pb-coin b{color:#a5b5a0}.pb-device-foot{color:#c1cbb6;padding:3px 3px 0}.pb-skip{display:block;border:0;background:none;padding:10px 0 0;color:#a7bdb4;font:10px/1.6 var(--mono);text-decoration:underline;text-underline-offset:4px}.pb-next{min-height:40px}.pb-save{max-width:360px}.pb-keypad button:focus-visible{outline-color:#ffd38a;outline-offset:5px}
@media(max-width:1050px) and (min-width:721px){.pb-world{grid-template-columns:minmax(0,1fr) 350px}.pb-device{padding:18px}.pb-device-face{grid-template-columns:64px minmax(0,1fr);gap:13px}.pb-handset-art{left:-11px;width:83px}.pb-keypad{padding-inline:8px;gap:7px}.pb-keypad button{height:50px}.pb-lcd small{font-size:7px}}
@media(max-width:720px){.pb-world{grid-template-columns:1fr}.pb-phone-side{width:min(410px,100%)}.pb-device{padding:21px}.pb-device-top{font-size:11px}.pb-device-face{grid-template-columns:70px minmax(0,1fr);gap:14px}.pb-handset-art{left:-10px;width:86px}.pb-lcd input{font-size:34px}.pb-keypad button{height:55px}.pb-keypad{padding-inline:8px}.pb-cord{left:-12px;width:110px}}
@media(max-width:370px){.pb-device{padding:17px 14px}.pb-device-top{padding-inline:4px;font-size:10px}.pb-device-face{grid-template-columns:54px minmax(0,1fr);gap:10px}.pb-handset-art{left:-16px;width:78px;height:340px}.pb-keypad{gap:6px;padding-inline:7px}.pb-keypad button{height:51px}.pb-lcd{padding:8px}.pb-lcd input{font-size:30px}.pb-lcd small{font-size:7px}.pb-cord{width:99px;left:-15px}.pb-quick-numbers{font-size:8px}}