:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efe3cc;--bg-tile:#e7d8bc;--fg:#3b2a20;--muted:#7a6752;--accent:#b8322c;--accent-dark:#8f2621;--gold:#b7912e;--card-bg:#fbf3e3;--border:#cbb78f;--shadow:#3b2a2040;--font-display:"Playfair Display", Georgia, serif;--font-body:"Vollkorn", Georgia, "Iowan Old Style", serif;--font-type:var(--font-body);--fs-xs:.92rem;--fs-sm:1rem;--fs-base:1.1rem;--fs-md:1.18rem;--fs-lg:1.4rem;--fs-2xl:2.3rem}@media (prefers-color-scheme:dark){:root{--bg:#241a14;--bg-tile:#2b1f18;--fg:#f1e3cb;--muted:#b9a488;--accent:#d9584c;--accent-dark:#b8322c;--gold:#d4b45c;--card-bg:#2f221a;--border:#4a382a;--shadow:#00000080}}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--fg);font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0);background-size:22px 22px;margin:0}.page{max-width:600px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.page.page-wide{max-width:920px}.page.center{text-align:center;flex-direction:column;align-items:center;display:flex}h1{font-family:var(--font-display);letter-spacing:.01em;margin:.2rem 0 .5rem;font-size:clamp(1.9rem,5.5vw,2.6rem);font-weight:900}.subtitle{color:var(--muted);max-width:42ch;font-size:clamp(.95rem,2.5vw,1.05rem)}.title-row{justify-content:center;align-items:center;gap:.6rem;width:100%;display:flex}.title-row h1{margin:.2rem 0 .5rem}.glossary-wrap{margin-top:.3rem;display:inline-flex;position:relative}.glossary-bubble{border:2px solid var(--accent-dark);background:var(--card-bg);width:34px;height:34px;box-shadow:2px 2px 0 var(--shadow);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .1s,box-shadow .1s;display:flex}.glossary-bubble:hover{box-shadow:1px 1px 0 var(--shadow);transform:translate(1px,1px)}.glossary-bubble[aria-expanded=true]{border-color:var(--accent)}.book-icon{width:19px;height:19px}.glossary-dropdown{z-index:20;text-align:left;border:2px solid var(--border);background:var(--card-bg);width:max(280px,80vw);max-width:380px;box-shadow:4px 4px 0 var(--shadow);border-radius:14px;padding:.9rem 1.1rem;animation:.16s both mode-panel-in;position:absolute;top:calc(100% + .6rem);left:50%;transform:translate(-50%)}.glossary-dropdown-title{font-family:var(--font-type);font-size:var(--fs-sm);color:var(--accent-dark);margin:0 0 .6rem;font-weight:600}.glossary-list{flex-direction:column;gap:.6rem;margin:0;display:flex}.glossary-entry dt{font-family:var(--font-display);color:var(--fg);font-weight:700;font-size:var(--fs-sm)}.glossary-where{color:var(--muted);font-weight:400;font-size:var(--fs-xs)}.glossary-entry dd{color:var(--muted);font-size:var(--fs-xs);margin:.15rem 0 0;line-height:1.5}.back{color:var(--muted);font-family:var(--font-type);font-size:var(--fs-sm);letter-spacing:.02em;text-decoration:none}.site-header{border-bottom:1px solid var(--border);background:var(--card-bg);width:100%}.site-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:920px;margin:0 auto;padding:.9rem 1.5rem;display:flex}.site-header-brand{flex:none;align-items:center;gap:.6rem;text-decoration:none;display:flex}.site-header-brand svg{flex:none;width:34px;height:auto}.site-header-brand span{font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);color:var(--fg);white-space:nowrap}.site-header-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1.1rem;display:flex}.site-header-nav a{color:var(--muted);font-family:var(--font-type);font-size:var(--fs-sm);letter-spacing:.01em;padding-bottom:4px;font-weight:600;text-decoration:none;position:relative}.site-header-nav a:hover,.site-header-nav a.active{color:var(--accent-dark)}.nav-underline{width:34px;height:auto;color:var(--accent-dark);position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}@media (width<=480px){.site-header-inner{justify-content:center;padding:.8rem 1rem}.site-header-brand span{display:none}.site-header-nav{justify-content:center;gap:.7rem}}.back:hover{color:var(--accent)}.telephone-hero{width:min(70vw,260px);height:auto;filter:drop-shadow(0 10px 14px var(--shadow));margin:.5rem 0 1rem}.brand{font-family:var(--font-type);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:var(--fs-sm);margin:0 0 .4rem}.home-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;margin-top:1.5rem;display:flex}.home-tv-col{flex-direction:column;flex:407px;align-items:center;max-width:484px;display:flex}.cards{flex-direction:column;flex:340px;gap:1rem;max-width:400px;margin-top:0;display:flex}.card{text-align:left;border:2px solid var(--border);background:var(--card-bg);color:var(--fg);box-shadow:4px 4px 0 var(--shadow);border-radius:16px;padding:1.3rem 1.5rem;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:block}.card:hover{border-color:var(--accent);box-shadow:6px 6px 0 var(--shadow);transform:translate(-2px,-2px)}.card:active{box-shadow:1px 1px 0 var(--shadow);transition:transform 50ms,box-shadow 50ms;transform:translate(1px,1px)}.card h2{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--accent-dark);margin:0 0 .3rem}.card p{color:var(--muted);font-size:var(--fs-base);margin:0}.block{width:100%;margin-top:1.5rem}.hint{color:var(--muted);font-family:var(--font-type);font-size:var(--fs-sm);margin-bottom:.5rem}.typewriter-text{white-space:pre-wrap}.typewriter-cursor-anchor{display:inline;position:relative}.typewriter-cursor{background:var(--accent);width:.5em;height:1em;animation:.8s step-end infinite cursor-blink;display:inline-block;position:absolute;top:0;left:1px}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.sentence{font-family:var(--font-display);background:var(--card-bg);border:2px solid var(--border);box-shadow:3px 3px 0 var(--shadow);border-radius:14px;padding:1.1rem 1.2rem;font-size:clamp(1.1rem,4vw,1.35rem);font-weight:700;line-height:1.45}audio{display:none}.play-once{flex-direction:column;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.play-once-btn{min-width:220px}.audio-player{background:var(--card-bg);border:2px solid var(--border);width:100%;box-shadow:3px 3px 0 var(--shadow);border-radius:999px;align-items:center;gap:.7rem;margin:.5rem 0;padding:.5rem .8rem;display:flex}.audio-player-btn{border:2px solid var(--accent-dark);background:var(--accent);color:#fff8ec;cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:.7rem;line-height:1;display:flex}.audio-player-btn:active{transform:scale(.94)}.audio-player-seek{appearance:none;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--progress,0%), var(--border) var(--progress,0%), var(--border) 100%);cursor:pointer;border-radius:999px;flex:auto;height:6px}.audio-player-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-dark);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent-dark);cursor:pointer;border:2px solid #fff8ec;border-radius:50%}.audio-player-seek::-moz-range-thumb{background:var(--accent-dark);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent-dark);cursor:pointer;border:2px solid #fff8ec;border-radius:50%}.audio-player-seek::-moz-range-track{background:0 0}.audio-player-time{font-family:var(--font-type);font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;flex:none}.share-link{align-items:center;gap:.5rem;display:flex}.share-link input{font-family:var(--font-type);font-size:var(--fs-xs);flex:auto;margin-bottom:0}.text-input,.field input,.share-link input{border:2px solid var(--border);background:var(--card-bg);width:100%;color:var(--fg);font-family:var(--font-body);font-size:var(--fs-base);border-radius:10px;margin-bottom:.7rem;padding:.65rem .9rem}.text-input:focus,.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.field{font-family:var(--font-type);font-size:var(--fs-sm);color:var(--muted);flex-direction:column;align-items:center;gap:.4rem;width:220px;max-width:100%;margin:1.2rem 0;display:flex}.field-label{margin:0}.mode-panel{width:100%;display:grid}.mode-variant{visibility:hidden;pointer-events:none;flex-direction:column;grid-area:1/1/2/2;align-items:center;display:flex}.mode-variant.active{visibility:visible;pointer-events:auto;animation:.28s both mode-panel-in}@keyframes mode-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stepper{background:var(--card-bg);border:2px solid var(--border);border-radius:999px;align-items:center;gap:.9rem;padding:.3rem;display:flex}.stepper-btn{border:2px solid var(--accent-dark);background:var(--accent);color:#fff8ec;width:34px;height:34px;font-family:var(--font-display);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex}.stepper-btn:active{transform:scale(.92)}.stepper-btn:disabled{background:var(--border);border-color:var(--border);color:var(--muted);cursor:default;transform:none}.stepper-value{font-family:var(--font-display);color:var(--fg);text-align:center;min-width:1.6rem;font-size:1.3rem;font-weight:700}.btn{border:2px solid var(--accent-dark);font-family:var(--font-type);font-size:var(--fs-base);letter-spacing:.02em;cursor:pointer;box-shadow:3px 3px 0 var(--shadow);border-radius:999px;padding:.7rem 1.4rem;font-weight:400;transition:transform .1s,box-shadow .1s}.btn:hover:not(:disabled){box-shadow:2px 2px 0 var(--shadow);transform:translate(1px,1px)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.btn.primary{background:var(--accent);color:#fff8ec}.btn.primary:hover:not(:disabled){background:var(--accent-dark)}.btn.danger{background:var(--accent-dark);color:#fff8ec;border-color:#5c1613}.btn.danger:hover:not(:disabled){background:#5c1613}.btn.ghost{background:var(--card-bg);color:var(--fg)}.btn.ghost:hover:not(:disabled){background:var(--border)}.btn:disabled{opacity:.5;cursor:default;transform:none}.pulsing{animation:1.2s infinite pulse}.recording-row{align-items:center;gap:.8rem;display:flex}.recording-timer{font-family:var(--font-type);font-size:var(--fs-sm);color:var(--muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.row{flex-wrap:wrap;gap:.6rem;margin-top:.6rem;display:flex}.col{flex-direction:column;gap:.6rem;margin-top:.6rem;display:flex}.mode-choice{padding:.9rem 1.4rem;font-size:1.05rem}.recorder{width:100%;margin-top:.4rem}.recorded{flex-direction:column;gap:.3rem;display:flex}.success{color:var(--accent-dark);font-weight:600}.join-code-card{background:var(--card-bg);border:2px solid var(--accent-dark);box-shadow:3px 3px 0 var(--shadow);text-align:center;border-radius:16px;padding:1.2rem}.join-code-label{font-family:var(--font-type);font-size:var(--fs-sm);color:var(--muted);margin:0 0 .8rem}.join-code{justify-content:center;gap:.7rem;margin:0 0 1rem;display:flex}.join-code span{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);background:var(--bg);border:2.5px solid var(--accent-dark);width:2.5rem;height:3rem;color:var(--accent-dark);letter-spacing:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.join-code-qr{border:2px solid var(--border);background:#fff;border-radius:10px;width:140px;height:140px;margin:.8rem auto .4rem;padding:6px;display:block}.chain-progress{justify-content:center;gap:.4rem;margin:.6rem 0 .4rem;display:flex}.chain-dot{background:var(--border);border-radius:50%;width:10px;height:10px}.chain-dot.filled{background:var(--accent)}.guess-caption{font-size:var(--fs-sm);color:var(--muted);margin:.5rem 0 0;font-style:italic}.guess-vs{color:var(--gold);font-style:normal}.chain{flex-direction:column;gap:.9rem;padding:0;list-style:none;display:flex}.chain li{border:2px solid var(--border);background:var(--card-bg);box-shadow:3px 3px 0 var(--shadow);border-radius:14px;padding:.9rem 1.1rem}.chain li span{font-family:var(--font-type);font-weight:400;font-size:var(--fs-sm);color:var(--gold);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem;display:block}.mode-badge{background:var(--card-bg-alt,var(--border));color:var(--fg);text-transform:none;letter-spacing:normal;border-radius:999px;margin-left:.6rem;padding:.1rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.error{color:var(--accent-dark);font-family:var(--font-type);font-size:var(--fs-sm);max-width:40ch;margin:.8rem auto 0;line-height:1.5}.toggle{border:2px solid var(--border);background:var(--card-bg);border-radius:999px;width:100%;max-width:360px;margin-top:1rem;padding:4px;display:flex;position:relative}.toggle-slider{background:var(--accent);z-index:0;border-radius:999px;width:calc(50% - 4px);transition:transform .32s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:4px}.toggle-slider.right{transform:translate(100%)}.seg{z-index:1;color:var(--muted);cursor:pointer;font-family:var(--font-type);font-size:var(--fs-sm);background:0 0;border:none;border-radius:999px;flex:1;padding:.55rem .8rem;transition:color .2s;position:relative}.seg.active{color:#fff8ec}.memorize-box{font-family:var(--font-display);background:var(--card-bg);border:2px dashed var(--accent);text-align:center;border-radius:14px;padding:1.1rem 1.2rem;font-size:clamp(1.1rem,4vw,1.35rem);font-weight:700;line-height:1.45}.countdown{font-family:var(--font-type);font-size:var(--fs-sm);color:var(--muted);margin-top:.6rem}.rotary-wrap{flex-direction:column;align-items:center;gap:.7rem;margin-top:1.2rem;display:flex}.dial-progress{font-family:var(--font-display);letter-spacing:.15em;color:var(--border);gap:.6rem;font-size:1.6rem;font-weight:700;display:flex}.dial-progress .dot.filled{color:var(--accent-dark)}.rotary-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:min(90vw,380px);height:auto}.dial-disc{transform-box:fill-box;transform-origin:50%;will-change:transform}.dial-hole.next{cursor:grab;touch-action:none}.dial-hole.next:active{cursor:grabbing}.dial-hole.inactive{cursor:default}.dial-hole circle{transition:fill .15s,stroke .15s}.dial-hole.next:hover circle{fill:#e0b23c}.dial-hole.next circle{stroke:var(--accent);stroke-width:3px}.dial-hole.next:hover .dial-label{fill:#5c3a1e}.dial-label{font-family:var(--font-type);fill:#fff8ec;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:700;transition:fill .15s}.connecting{font-family:var(--font-type);color:var(--accent-dark);margin-top:.8rem}.site-footer{text-align:center;font-family:var(--font-type);font-size:var(--fs-xs);color:var(--muted);justify-content:center;padding:3rem 1rem 2.2rem;display:flex}.footer-inner{flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:420px;display:flex}.footer-divider{align-items:center;gap:.6rem;width:100%;max-width:220px;display:flex}.footer-divider-line{background:var(--border);flex:1;height:1px}.footer-divider-dot{background:var(--gold);border-radius:50%;flex:none;width:6px;height:6px}.site-footer p{margin:0}.footer-credit{line-height:1.6}.site-footer a{color:var(--accent-dark);text-decoration:none}.site-footer a:hover{text-decoration:underline}.frozen-link{vertical-align:middle;align-items:center;gap:.3rem;display:inline-flex}.frozen-link img{vertical-align:middle;border-radius:4px}.kofi-link{border:2px solid var(--border);background:var(--card-bg);font-size:var(--fs-sm);color:var(--fg);box-shadow:2px 2px 0 var(--shadow);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1.2rem;transition:transform .1s,box-shadow .1s,border-color .1s;display:inline-flex}.kofi-cup{flex:none;width:15px;height:15px}.site-footer a.kofi-link:hover{border-color:var(--accent);box-shadow:1px 1px 0 var(--shadow);text-decoration:none;transform:translate(1px,1px)}.phone-booth{cursor:default;background:0 0;border:none;flex-direction:column;align-items:center;gap:.8rem;margin:.5rem auto;padding:0;display:flex}.phone-booth svg{width:min(60vw,210px);height:auto;filter:drop-shadow(0 10px 14px var(--shadow))}.phone-booth.ringing{cursor:pointer}.phone-booth.ringing svg{animation:.5s ease-in-out infinite booth-shake}.booth-handset-glow{opacity:.7}.phone-booth.ringing .booth-handset-glow{animation:.6s ease-in-out infinite booth-glow}@keyframes booth-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-1.5deg)}80%{transform:rotate(1.5deg)}}@keyframes booth-glow{0%,to{opacity:.6}50%{opacity:1}}.booth-ring-label{font-family:var(--font-type);color:var(--accent-dark);font-size:var(--fs-sm);font-weight:600}.tv-set{flex-direction:column;align-items:center;width:100%;max-width:420px;margin:.5rem auto 0;display:flex}.tv-antenna{width:70px;height:auto;margin-bottom:-6px}.tv-shell{width:100%;box-shadow:5px 5px 0 var(--shadow);background:linear-gradient(160deg,#c94236,#8f2621);border:3px solid #5c1613;border-radius:22px;align-items:center;gap:.9rem;padding:1rem;display:flex}.tv-screen{aspect-ratio:4/3;background:#100c0a;border:5px solid #3a1613;border-radius:16px;flex:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #6e1c18,inset 0 10px 24px #0009}.tv-screen iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.tv-screen-sheen{pointer-events:none;background:radial-gradient(at 30% 20%,#ffffff29,#0000 55%);position:absolute;inset:0}.tv-panel{flex-direction:column;flex:none;align-items:center;gap:.6rem;width:44px;display:flex}.tv-speaker{flex-direction:column;gap:4px;display:flex}.tv-speaker span{opacity:.6;background:#5c1613;border-radius:2px;width:26px;height:3px}.tv-knob{background:#f3e6cf;border:3px solid #5c1613;border-radius:50%;width:20px;height:20px}.tv-knob.small{width:14px;height:14px}.tv-feet{justify-content:space-between;width:70%;margin-top:-4px;display:flex}.tv-feet span{background:#5c1613;border-radius:0 0 6px 6px;width:16px;height:12px}@media (width<=480px){.page{padding:1.6rem 1rem 3rem}.btn{width:100%}.row .btn{flex:1;width:auto}.field{width:100%}.toggle{max-width:100%}.home-row{flex-direction:column}.home-tv-col{order:2}.cards{order:1}}