@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--paper:#fffaf1;--ink:#20231c;--muted:#62675d;--orange:#f28b45;--orange-dark:#9b421f;--orange-pale:#ffe0bd;--mono:"DM Mono", ui-monospace, monospace;--display:"Space Grotesk", system-ui, sans-serif;font-family:var(--display);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange-dark);outline-offset:4px}a{color:inherit}#root{background:0 0;width:100%;min-height:100svh}.home-shell{background:radial-gradient(circle at 79% 24%, #ffe0bd 0 11rem, transparent 11.1rem), var(--paper);place-items:center;gap:3rem;min-height:100svh;padding:3rem 8vw;display:grid}.home-card{max-width:610px}.eyebrow,.tiny-note{font:.75rem var(--mono);letter-spacing:.04em;color:var(--muted)}.home-card h1{letter-spacing:-.1em;margin:.45rem 0 1.25rem;font-size:clamp(4rem,14vw,8rem);line-height:.76}.home-card h1 span,.home-card h1 em{display:block}.home-card h1 em{font:500 .29em var(--mono);letter-spacing:-.08em;color:var(--orange-dark);margin:.28em 0 0 1.2em}.intro{max-width:430px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5}.home-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin:2rem 0;display:flex}.primary-link{background:var(--ink);color:var(--paper);font:500 .85rem var(--mono);gap:1.4rem;padding:.9rem 1.1rem;text-decoration:none;display:inline-flex}.primary-link span{color:var(--orange);font-size:1.2rem;line-height:.7}.quiet-link{color:var(--orange-dark);font:.75rem var(--mono)}.otto-station{justify-items:center;gap:1rem;display:grid}.otto-monitor{width:180px;filter:drop-shadow(8px 9px 0 var(--ink))}.monitor-screen{border:8px solid var(--ink);text-align:center;background:#d5eea1;border-radius:17px;place-items:center;height:142px;display:grid;overflow:hidden}.monitor-screen span{font:3rem var(--mono)}.monitor-screen small{font:.55rem var(--mono);margin-top:-2rem}.monitor-base{background:var(--ink);border-radius:0 0 4px 4px;width:76px;height:23px;margin:0 auto}.static-button{border:1px solid var(--ink);color:var(--ink);font:.65rem var(--mono);text-transform:uppercase;background:0 0;padding:.55rem .7rem}.static-button:hover{background:var(--ink);color:var(--paper)}.is-glitching .monitor-screen{background:repeating-linear-gradient(0deg,#d5eea1 0 3px,#9fc37d 3px 5px,#eef8c9 5px 7px);animation:.16s steps(2,end) infinite screen-jitter}.is-glitching .monitor-screen span{text-shadow:3px 0 #f28b45,-3px 0 #6574b4}@keyframes screen-jitter{50%{transform:translate(-2px,1px)}}.casino-shell{color:#fff8e9;background:#172e25;min-height:100svh;padding:1.5rem}.casino-header,.casino-footnote{max-width:900px;font:.7rem var(--mono);color:#b7c4ac;margin:0 auto}.casino-header{justify-content:space-between;gap:1rem;display:flex}.casino-header p{margin:0}.back-link{color:#fff8e9;text-decoration:none}.table{background:radial-gradient(#275d47,#164033);border:10px solid #bc8243;border-radius:48% 48% 38% 38%/15% 15% 11% 11%;flex-direction:column;max-width:900px;min-height:590px;margin:1.5rem auto;padding:1.2rem;display:flex;box-shadow:inset 0 0 0 3px #efd29c,0 17px 40px #07170f}.table-topline{font:.65rem var(--mono);letter-spacing:.12em;color:#e9cf9d;justify-content:space-between;display:flex}.table-topline span:first-child{font-size:.95rem;font-weight:500}.hand-area{flex-direction:column;align-items:center;display:flex}.dealer-hand{margin-top:3.5rem}.player-hand{margin-top:auto}.hand-label{font:.72rem var(--mono);color:#d1e1c8;text-transform:uppercase;margin-bottom:.65rem}.hand-label strong{color:#fff8e9;font-size:1rem}.cards{min-height:100px;display:flex}.playing-card{color:#19231f;width:65px;height:94px;font:1rem var(--mono);background:#fffaf0;border:2px solid #ded5bf;border-radius:5px;flex-direction:column;justify-content:space-between;margin-left:-10px;padding:.45rem;display:flex;box-shadow:2px 3px #11261e}.playing-card:first-child{margin-left:0}.playing-card span{align-self:flex-end;font-size:1.3rem}.red-card{color:#bb3f39}.card-back{color:#fff8e9;background:repeating-linear-gradient(45deg,#e0b85f,#e0b85f 4px,#a84338 4px 8px);place-items:center;font-size:2rem;display:grid}.table-message{text-align:center;max-width:340px;min-height:2.6em;font:.74rem/1.4 var(--mono);color:#e9cf9d;margin:1.1rem auto}.game-controls{justify-content:center;gap:.7rem;margin-top:1.2rem;display:flex}.game-controls button{color:#183529;min-width:94px;font:700 .78rem var(--mono);text-transform:uppercase;background:#f2d99d;border:2px solid #f2d99d;padding:.7rem 1rem}.game-controls .stand-button{color:#f2d99d;background:0 0}.game-controls button:hover{transform:translateY(-2px)}.casino-footnote{text-align:center}.bedroom-shell{color:#27253a;background:#d9c9b8;min-height:100svh;padding:1.5rem;transition:background .4s,color .4s}.bedroom-header{max-width:850px;font:.68rem var(--mono);color:#62576b;justify-content:space-between;gap:1rem;margin:0 auto 1rem;display:flex}.bedroom-header a{text-decoration:none}.bedroom-scene{background:linear-gradient(115deg,#aeb6c8,#c4a9a3);border:8px solid #433c50;max-width:850px;height:min(62vw,540px);min-height:370px;margin:0 auto;transition:background .4s;position:relative;overflow:hidden;box-shadow:10px 11px #716276}.moon{color:#d38e74;background:#f8dea1;border-radius:50%;place-items:center;width:66px;height:66px;font-size:3rem;display:grid;position:absolute;top:8%;right:12%;box-shadow:0 0 0 9px #8e9caf}.wall-note{font:.62rem/1.15 var(--mono);color:#514251;background:#f5d9a7;border:2px solid #6b5966;padding:.55rem;position:absolute;top:15%;left:11%;transform:rotate(-7deg)}.bedroom-lamp{width:80px;position:absolute;bottom:23%;right:20%}.lamp-shade{background:#ef9a63;border:5px solid #433c50;border-radius:50% 50% 8px 8px;width:72px;height:48px}.lamp-stem{background:#433c50;width:9px;height:70px;margin:0 auto}.lamp-stem:after{content:"";background:#433c50;width:58px;height:9px;margin:67px 0 0 -24px;display:block}.cheeseball-jar{z-index:2;text-align:center;width:76px;position:absolute;bottom:13%;left:14%}.jar-lid{background:#d05044;border:3px solid #584b5c;border-radius:5px 5px 0 0;width:64px;height:12px;margin:0 auto -2px}.jar-body{color:#893f31;height:96px;font:700 .58rem/1 var(--mono);background:#f2c654;border:4px solid #584b5c;border-radius:8px 8px 18px 18px;padding-top:17px}.jar-body i{color:#f08e37;letter-spacing:4px;margin-top:8px;font-style:normal;display:block}.bed{background:#926d78;border:7px solid #433c50;border-bottom-width:16px;border-radius:18px 18px 4px 4px;width:61%;height:39%;position:absolute;bottom:9%;right:7%}.pillow{z-index:2;color:#795c6d;text-align:center;width:34%;height:34%;font:.7rem var(--mono);background:#f4ddc2;border-radius:14px;padding-top:10%;position:absolute;top:10%;left:8%}.blanket{color:#f9d9b1;text-align:right;width:72%;height:58%;font:.6rem var(--mono);background:repeating-linear-gradient(45deg,#c77262 0 9px,#b76463 9px 18px);border-radius:30% 0 0;padding:1.1rem;position:absolute;bottom:0;right:0}.otto-sleeping{z-index:3;filter:drop-shadow(4px 5px #433c50);width:110px;position:absolute;top:16%;left:39%}.sleep-screen{height:76px;font:2rem var(--mono);background:#b9d88c;border:7px solid #433c50;border-radius:14px;place-items:center;display:grid}.sleep-screen small{font:.48rem var(--mono);margin-top:-20px}.sleep-base{background:#433c50;width:46px;height:15px;margin:0 auto}.concerning-object{z-index:4;color:#c44b42;text-align:center;width:31px;height:31px;font:700 .85rem var(--mono);background:#e2d8c4;border:3px solid #433c50;border-radius:50%;padding-top:6px;position:absolute;bottom:6%;right:6%;transform:rotate(12deg)}.floor-line{background:repeating-linear-gradient(90deg,#817080 0 40px,#766778 40px 80px);border-top:7px solid #433c50;height:9%;position:absolute;bottom:0;left:0;right:0}.bedroom-caption{max-width:850px;font:.78rem var(--mono);margin:1.8rem auto}.bedroom-caption p:first-child{margin:0 0 1rem}.bedroom-caption button{color:#433c50;font:.7rem var(--mono);background:#f4ddc2;border:2px solid #433c50;padding:.65rem .8rem}.bedroom-small{color:#62576b}.lights-out{color:#ddd6ea;background:#22243b}.lights-out .bedroom-header,.lights-out .bedroom-small{color:#b5aec9}.lights-out .bedroom-scene{background:linear-gradient(115deg,#343a5a,#4d405c)}.lights-out .moon{box-shadow:0 0 28px 8px #d7c98e}.lights-out .bedroom-lamp{opacity:.18}.lights-out .bedroom-caption button{color:#ddd6ea;background:#343a5a;border-color:#ddd6ea}@media (width>=700px){.home-shell{grid-template-columns:minmax(0,610px) 180px}.otto-station{align-self:end;margin-bottom:5rem}}@media (width<=520px){.casino-header{flex-direction:column;align-items:flex-start}.table{border-width:7px;border-radius:38% 38% 25% 25%/8% 8% 7% 7%;min-height:570px}.playing-card{width:57px;height:84px}.bedroom-header{flex-direction:column}.bedroom-scene{height:105vw}.bed{width:72%;right:4%}.cheeseball-jar{left:4%}.wall-note{left:5%}.otto-sleeping{transform-origin:0 0;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.is-glitching .monitor-screen{animation:none}.bedroom-shell,.bedroom-scene{transition:none}}.otto-site{min-height:100svh;overflow:hidden}.otto-welcome-overlay{z-index:5000;-webkit-backdrop-filter:blur(5px);background:#20231cc2;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.otto-welcome{border:2px solid var(--ink);background:var(--paper);width:min(100%,590px);padding:clamp(2rem,6vw,4rem);animation:.22s ease-out welcome-in;position:relative}.welcome-close{color:var(--ink);font:1.7rem/1 var(--mono);background:0 0;border:0;padding:0;position:absolute;top:1rem;right:1rem}.welcome-label{color:var(--orange-dark);font:500 .68rem var(--mono);letter-spacing:.14em;margin:0 0 1rem}.otto-welcome h1{font-family:var(--display);letter-spacing:-.07em;margin:0;font-size:clamp(3rem,8vw,5.2rem);line-height:.9}.welcome-copy{max-width:480px;font-family:var(--display);margin:1.7rem 0;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.5}.welcome-rule{color:var(--muted);font:.8rem/1.6 var(--mono);margin:0 0 2rem}.welcome-actions{flex-wrap:wrap;gap:.7rem;display:flex}.welcome-actions button,.welcome-actions a{border:2px solid var(--ink);min-height:48px;font:500 .72rem var(--mono);justify-content:space-between;align-items:center;gap:1.5rem;padding:.8rem 1rem;text-decoration:none;display:inline-flex}.welcome-actions button{background:var(--ink);color:var(--paper)}.welcome-actions a{color:var(--ink);background:0 0}.welcome-actions span{color:var(--orange)}.welcome-trigger{z-index:200;border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--orange);font:500 .62rem var(--mono);padding:.6rem .75rem;position:fixed;bottom:1rem;right:1rem}@keyframes welcome-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.otto-welcome{padding:2.5rem 1.4rem}.welcome-actions{flex-direction:column}.welcome-actions button,.welcome-actions a{width:100%}}