:root{--mono:"Courier New", "Nimbus Mono PS", "Liberation Mono", ui-monospace, monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:#f5f2ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;background:#050505;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}html,body{overflow:hidden}body{min-height:100svh}button,a{font:inherit}img,svg,iframe{display:block}.scene{isolation:isolate;color:#f5f2ea;background:#050505;width:100%;min-height:100svh;position:relative;overflow:hidden}.webcam-backdrop{z-index:0;filter:grayscale()contrast(1.24)brightness(.62);background-image:url(/assets/bogarts-live-frame.jpg);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.08)}.webcam-embed{z-index:1;opacity:.88;pointer-events:none;filter:grayscale()contrast(1.23)brightness(.72)blur(.2px);transform-origin:50%;border:0;width:max(100vw,177.778vh);height:max(56.25vw,100vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.12)}.scene--quiet .webcam-embed,.scene--quiet .webcam-backdrop{filter:grayscale()contrast(1.1)brightness(.52)blur(.8px)}.film-vignette,.film-grain,.film-scratches{z-index:2;pointer-events:none;position:absolute;inset:0}.film-vignette{mix-blend-mode:multiply;background:radial-gradient(#0000 38%,#0000006b 75%,#000000d1 100%),linear-gradient(90deg,#ffffff0a,#0000 18% 82%,#ffffff09),linear-gradient(#ffffff0a,#0000001f 58%,#00000061)}.film-grain{opacity:.26;background-image:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 7px),linear-gradient(120deg,#ffffff0d,#0000001a 38%,#ffffff09 68%,#00000029);background-size:100% 3px,7px 100%,230px 190px;animation:7s steps(9,end) infinite film-flicker}.film-scratches:before,.film-scratches:after{content:"";opacity:.38;filter:blur(.25px);background:#ffffff38;width:1px;animation:6.8s linear infinite scratch-drift;position:absolute;top:-8%;bottom:-8%;transform:rotate(1.3deg);box-shadow:82px 20px #ffffff14,232px -32px #ffffff1c,412px 70px #0000006b}.film-scratches:before{left:16%}.film-scratches:after{opacity:.2;animation-duration:9s;animation-direction:reverse;right:22%}.scene:not(.scene--film) .film-grain,.scene:not(.scene--film) .film-scratches{opacity:.08;animation:none}.scene:not(.scene--film) .film-vignette{opacity:.72}.topline{z-index:7;pointer-events:none;justify-content:space-between;align-items:center;gap:18px;padding:30px 42px;display:flex;position:absolute;top:0;left:0;right:0}.scene-title,.live-source{color:#fffcf2e6;font-family:var(--mono);letter-spacing:0;text-shadow:0 2px 18px #000000bf;white-space:nowrap;align-items:center;gap:12px;margin:0;font-size:18px;line-height:1;display:inline-flex}.live-source{pointer-events:auto;padding:6px 0;font-size:15px;text-decoration:none;position:relative}.scene-title span,.live-source span{background:currentColor;border-radius:999px;flex:none;width:11px;height:11px;box-shadow:0 0 18px #ffffff75}.live-source span{width:9px;height:9px;animation:2.6s ease-in-out infinite live-pulse}.foreground{z-index:5;pointer-events:none;height:min(42vh,35vw);min-height:210px;position:absolute;bottom:0;left:0;right:0}.coffee-table{-webkit-user-select:none;user-select:none;filter:contrast(1.08)brightness(.88)drop-shadow(0 -10px 42px #0000008c);width:max(100vw,940px);max-width:none;height:auto;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.smoke-plume{z-index:1;opacity:.72;mix-blend-mode:screen;width:180px;height:280px;transition:opacity .3s;position:absolute;bottom:clamp(136px,18vw,310px);left:clamp(86px,31.6vw,610px)}.smoke-plume[data-visible=false]{opacity:0}.smoke-wisp{filter:blur(9px);opacity:0;transform-origin:bottom;background:radial-gradient(at 50% 20%,#ffffff6b 0 14%,#ffffff2e 36%,#fff0 70%),radial-gradient(at 52% 72%,#ffffff38 0 18%,#fff0 65%);border-radius:999px;width:46px;height:150px;animation:5.8s ease-in-out infinite smoke-lift;display:block;position:absolute;bottom:0;left:46%}.smoke-wisp--one{width:58px;height:168px;margin-left:-64px;animation-delay:-.7s}.smoke-wisp--two{width:38px;height:196px;margin-left:-30px;animation-duration:6.4s;animation-delay:-2.8s}.smoke-wisp--three{width:52px;height:178px;margin-left:8px;animation-duration:7.2s;animation-delay:-4s}.smoke-wisp--four{width:36px;height:210px;margin-left:34px;animation-duration:6.8s;animation-delay:-1.9s}.smoke-wisp--five{width:64px;height:232px;margin-left:-8px;animation-duration:8s;animation-delay:-5.2s}.smoke-wisp--six{width:42px;height:220px;margin-left:-50px;animation-duration:7.6s;animation-delay:-6.2s}.control-panel{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03030394;border:1px solid #ffffff1f;border-radius:7px;grid-template-columns:repeat(4,44px);align-items:center;gap:9px;padding:8px;display:inline-grid;position:absolute;bottom:42px;right:42px;box-shadow:0 14px 40px #00000073}.control-button{color:#fffcf2e0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;place-items:center;width:44px;height:38px;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-grid;position:relative}.control-button svg{width:19px;height:19px}.control-button:hover,.control-button:focus-visible,.control-button[aria-pressed=true]{color:#fff;background:#ffffff1c;border-color:#ffffff52}.control-button:hover{transform:translateY(-1px)}.control-button:focus-visible{outline-offset:3px;outline:2px solid #ffffffc7}.control-link{text-decoration:none}.external-mark{opacity:.78;position:absolute;bottom:6px;right:6px;width:9px!important;height:9px!important}@keyframes smoke-lift{0%{opacity:0;transform:translate(-8px,34px)rotate(-7deg)scale(.55)}18%{opacity:.55}58%{opacity:.28}to{opacity:0;transform:translate(34px,-178px)rotate(28deg)scale(1.45)}}@keyframes film-flicker{0%,to{opacity:.3;transform:translate(0,0)}31%{opacity:.41;transform:translate(-1px,1px)}62%{opacity:.25;transform:translate(1px,-1px)}}@keyframes scratch-drift{0%{transform:translateY(-3%)rotate(1.3deg)}to{transform:translateY(3%)rotate(1.3deg)}}@keyframes live-pulse{0%,to{opacity:.5;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}@media (width<=760px){.webcam-embed{transform:translate(-50%,-50%)scale(1.24)}.topline{align-items:flex-start;padding:20px 18px}.scene-title{font-size:16px}.live-source{font-size:12px}.foreground{min-height:230px}.coffee-table{width:920px;transform:translate(-53%)}.smoke-plume{opacity:.62;width:136px;height:220px;bottom:144px;left:58px}.control-panel{grid-template-columns:repeat(4,38px);gap:7px;padding:7px;bottom:20px;right:18px}.control-button{width:38px;height:35px}.control-button svg{width:17px;height:17px}}@media (width<=420px){.topline{gap:10px}.scene-title,.live-source{gap:8px}.scene-title span,.live-source span{width:8px;height:8px}.live-source{text-overflow:ellipsis;max-width:126px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.film-grain,.film-scratches:before,.film-scratches:after,.live-source span,.smoke-wisp{animation:none}.smoke-wisp{opacity:.24;transform:translateY(-92px)scale(1.05)}}