:root{color-scheme:dark;color:#fff7e6;font-synthesis:none;text-rendering:optimizelegibility;background:#160e0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#160e0a}html,body{min-width:20rem;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}img{display:block}.experience{background:#160e0a;min-height:100dvh}.scene{isolation:isolate;background:#28130d;width:100%;height:100dvh;min-height:32rem;position:relative;overflow:hidden;container-type:size}.scene__stage{--focal-x:.66;--focal-y:.78;--stage-width:max(100cqw, calc(100cqh * 4 / 3));--stage-height:max(100cqh, calc(100cqw * 3 / 4));--view-left:calc((var(--stage-width) - 100cqw) * var(--focal-x));--view-right:calc(var(--view-left) + 100cqw);--view-top:calc((var(--stage-height) - 100cqh) * var(--focal-y));--view-bottom:calc(var(--view-top) + 100cqh);--edge-margin:2cqw;--ground:min(89.5%, calc(var(--view-bottom) - 3cqh));z-index:0;top:calc(var(--view-top) * -1);left:calc(var(--view-left) * -1);width:var(--stage-width);height:var(--stage-height);position:absolute}.scene:after{z-index:5;content:"";pointer-events:none;background:linear-gradient(#12080724 0%,#0000 32%),linear-gradient(#0000 72%,#0d070557 100%);position:absolute;inset:0}.scene__background{z-index:0;object-fit:fill;opacity:0;width:100%;height:100%;transition:opacity 4s ease-in-out;position:absolute;inset:0}.scene__background--active{opacity:1}.scene__character-anchor{--anchor-width:25%;--content-half:calc(var(--anchor-width) * .93 / 2);z-index:2;top:var(--ground);width:var(--anchor-width);left:clamp(calc(var(--view-left) + var(--content-half) + var(--edge-margin)), 73%, calc(var(--view-right) - var(--content-half) - var(--edge-margin)));position:absolute;transform:translate(-50%,-100%)}.character-composite{aspect-ratio:1;filter:drop-shadow(0 1rem .8rem #1407037a);width:100%}.character-composite__image{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.scene__campfire-anchor{--anchor-width:26%;--content-half:calc(var(--anchor-width) * .713 / 2);z-index:3;top:var(--ground);width:var(--anchor-width);aspect-ratio:1;left:clamp(calc(var(--view-left) + var(--content-half) + var(--edge-margin)), 43%, calc(var(--view-right) - var(--content-half) - var(--edge-margin)));position:absolute;transform:translate(-50%,-100%)}.scene__campfire-glow{z-index:-1;aspect-ratio:1;filter:blur(.9rem);pointer-events:none;background:radial-gradient(circle,#ffb1474f 0%,#ff6f1f1c 38%,#0000 70%);border-radius:50%;width:123%;animation:2.9s ease-in-out infinite alternate campfire-glow;position:absolute;top:72.6%;left:61.5%;transform:translate(-50%,-50%)scaleY(.42)}.scene__campfire-base,.scene__campfire-flames{image-rendering:pixelated;background-repeat:no-repeat;position:absolute;inset:0}.scene__campfire-base{filter:drop-shadow(0 .8rem .8rem #230a0261);background-image:url(/assets/campfire/campfire-base.png);background-size:100% 100%}.scene__campfire-flames{background-image:url(/assets/campfire/campfire-flames.png);background-position:0 0;background-size:300% 100%;animation:.36s step-end infinite campfire-flames}.scene__campfire-flames--echo{opacity:.18;mix-blend-mode:screen;animation-duration:.53s;animation-direction:reverse;transform:scaleX(-1)}.brand{z-index:10;top:max(1.5rem, env(safe-area-inset-top));left:max(1.5rem, env(safe-area-inset-left));text-shadow:0 .15rem .8rem #1e0a05d1;position:absolute}.brand__eyebrow{color:#ffefcdd6;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .15rem;font-size:clamp(.65rem,1.1vw,.78rem);font-weight:700}.brand__name{letter-spacing:-.035em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:clamp(2.25rem,5vw,4.5rem);font-weight:600;line-height:.95}.scene__status{z-index:10;right:max(1.5rem, env(safe-area-inset-right));bottom:max(1.5rem, env(safe-area-inset-bottom));color:#fff4dce0;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(.7rem);background:#180c097a;border:1px solid #ffecc233;border-radius:999px;margin:0;padding:.55rem .8rem;font-size:.75rem;font-weight:650;position:absolute;box-shadow:0 .4rem 1.5rem #0c05042e}.customization-trigger{z-index:15;top:max(1.5rem, env(safe-area-inset-top));right:max(1.5rem, env(safe-area-inset-right));color:#fff4dc;min-height:2.75rem;font:inherit;letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(.75rem);background:#180c099e;border:1px solid #ffecc247;border-radius:999px;padding:.7rem 1rem;font-size:.82rem;font-weight:700;position:absolute;box-shadow:0 .5rem 1.5rem #0c05043d}.customization-trigger:hover{background:#331c12c2}.customization-trigger:focus-visible,.customization-panel button:focus-visible,.about-trigger:focus-visible,.about-dialog button:focus-visible,.about-dialog a:focus-visible,.audio-controls button:focus-visible,.audio-controls input:focus-visible{outline-offset:.18rem;outline:.18rem solid #ffd78a}.audio-controls{z-index:15;bottom:max(1.5rem, env(safe-area-inset-bottom));left:max(1.5rem, env(safe-area-inset-left));backdrop-filter:blur(.85rem);background:#180c09a8;border:1px solid #ffecc238;border-radius:999px;align-items:center;gap:.55rem;min-height:3.5rem;padding:.4rem;display:flex;position:absolute;box-shadow:0 .75rem 2rem #0c050447}.audio-controls button{color:#fff4dc;min-height:2.7rem;font:inherit;cursor:pointer;border:0;font-size:.76rem;font-weight:700}.audio-controls__play{background:#ffb0472e;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .85rem;display:flex}.audio-controls__play:hover{background:#ffb04742}.audio-controls__play-icon{color:#ffd995;place-items:center;width:1rem;font-size:.72rem;display:grid}.audio-controls__modes{background:#ffffff0d;border-radius:999px;padding:.2rem;display:flex}.audio-controls__mode{background:0 0;border-radius:999px;padding:.45rem .7rem}.audio-controls__mode:hover{background:#ffffff12}.audio-controls__mode--selected{color:#ffe0a4;background:#ffca6f29;box-shadow:inset 0 0 0 1px #ffd58d38}.audio-controls__volume{align-items:center;gap:.35rem;padding:0 .7rem 0 .25rem;display:flex}.audio-controls__volume-icon{color:#ffe8bebf;font-size:1rem;transform:rotate(180deg)}.audio-controls__volume input{accent-color:#e9a554;cursor:pointer;width:clamp(4.5rem,9vw,7rem);height:1.5rem;margin:0}.customization-panel{z-index:20;top:7.25rem;left:max(1.5rem, env(safe-area-inset-left));backdrop-filter:blur(1rem);background:#1e110ce0;border:1px solid #ffecc238;border-radius:1.15rem;flex-direction:column;width:min(25rem,100vw - 3rem);max-height:calc(100dvh - 9rem);padding:1.1rem;animation:.18s ease-out both customization-panel-enter;display:flex;position:absolute;overflow-y:auto;box-shadow:0 1.25rem 3.5rem #0c050470}.customization-panel__header,.about-dialog__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.customization-panel__eyebrow,.about-dialog__eyebrow{color:#ffd995c7;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .2rem;font-size:.68rem;font-weight:750}.customization-panel__title,.about-dialog__title{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:1.65rem;font-weight:600;line-height:1}.customization-panel__close,.about-dialog__close{color:#fff4dc;cursor:pointer;background:#ffffff0d;border:1px solid #ffecc233;border-radius:50%;flex:none;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.customization-panel__close svg,.about-dialog__close svg{width:1.05rem;height:1.05rem}.customization-section{border:0;min-width:0;margin:0;padding:0}.customization-section+.customization-section{margin-top:1rem}.customization-section legend{color:#ffe8bed6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.55rem;padding:0;font-size:.7rem;font-weight:750}.customization-option-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.customization-option-list--gender,.customization-option-list--characters{grid-template-columns:repeat(2,minmax(0,1fr))}.customization-option{color:#fff4dc;min-height:5.25rem;font:inherit;text-align:center;cursor:pointer;background:#ffffff0a;border:1px solid #ffecc221;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.35rem .25rem .45rem;font-size:.7rem;font-weight:700;display:flex}.customization-option:hover{background:#ffffff14}.customization-option--selected{background:#ffa43e24;border-color:#ffc45cb8;box-shadow:inset 0 0 0 1px #ffc6632e}.customization-option img,.customization-option__empty{flex:none;width:3.75rem;height:3.75rem}.customization-option img{object-fit:contain;image-rendering:pixelated}.customization-option__empty{color:#fff0d294;border-radius:50%;place-items:center;font-size:1.35rem;display:grid}.customization-option--gender{text-align:left;grid-template-columns:4.5rem minmax(0,1fr);min-height:5rem;display:grid}.customization-option--gender img{width:4.5rem;height:4.5rem}.customization-option--character{min-height:8rem}.customization-option--character img{width:6rem;height:6rem}.customization-option--phase{min-height:2.75rem;padding:.55rem .4rem}.customization-option-list--phases{grid-template-columns:repeat(2,minmax(0,1fr))}.customization-option-list--phases .customization-option--phase:first-child{grid-column:1/-1}.customization-panel__reset{color:#ffd995;min-height:2.75rem;font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:1.25rem;padding:.55rem 0;font-size:.76rem;font-weight:700}.about-trigger{z-index:15;top:calc(max(1.5rem, env(safe-area-inset-top)) + 3.5rem);right:max(1.5rem, env(safe-area-inset-right));color:#fff4dce0;min-height:2.75rem;font:inherit;letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(.75rem);background:#180c097a;border:1px solid #ffecc22e;border-radius:999px;padding:.7rem 1rem;font-size:.76rem;font-weight:700;position:absolute}.about-trigger:hover{background:#331c12b3}.about-backdrop{z-index:24;backdrop-filter:blur(.2rem);background:#0a050385;position:absolute;inset:0}.about-dialog{z-index:25;backdrop-filter:blur(1rem);background:#1e110cf0;border:1px solid #ffecc238;border-radius:1.15rem;width:min(30rem,100vw - 3rem);height:fit-content;max-height:calc(100dvh - 4rem);margin:auto;padding:1.35rem;animation:.18s ease-out both customization-panel-enter;position:absolute;inset:0;overflow-y:auto;box-shadow:0 1.25rem 3.5rem #0c050485}.about-dialog__lead{color:#fff4dcd1;margin:0 0 1.1rem;font-size:.86rem;line-height:1.55}.about-dialog__facts{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:.5rem 1rem;margin:0;display:grid}.about-dialog__facts dt{color:#ffe8bec7;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:750}.about-dialog__facts dd{color:#fff4dce0;margin:0;font-size:.86rem;line-height:1.5}.about-dialog a{color:#ffd995;text-underline-offset:.15em;font-weight:700}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes campfire-flames{0%,24.99%{background-position:0 0}25%,49.99%{background-position:50% 0}50%,74.99%{background-position:100% 0}75%,to{background-position:50% 0}}@keyframes campfire-glow{0%{opacity:.72;transform:translate(-50%,-50%)scaleY(.42)scale(.97)}to{opacity:.94;transform:translate(-50%,-50%)scaleY(.42)scale(1.05)}}@keyframes customization-panel-enter{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media (aspect-ratio<=3/4){.brand{top:max(1.25rem, env(safe-area-inset-top));left:max(1.25rem, env(safe-area-inset-left))}.scene__status{right:auto;bottom:calc(max(1.25rem, env(safe-area-inset-bottom)) + 4.4rem);left:max(1.25rem, env(safe-area-inset-left))}.audio-controls{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));left:max(.75rem, env(safe-area-inset-left));justify-content:space-between}.customization-trigger{top:max(1.25rem, env(safe-area-inset-top));right:max(1.25rem, env(safe-area-inset-right))}.customization-panel{top:auto;right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));left:max(.75rem, env(safe-area-inset-left));width:auto;max-height:min(68dvh,40rem);padding:1rem;animation-name:customization-panel-enter-mobile}}@media (width<=30rem){.audio-controls__play-label{display:none}.audio-controls__play{padding:.55rem .7rem}.audio-controls__volume{flex:auto;min-width:0;padding-right:.5rem}.audio-controls__volume input{width:100%;min-width:0}}@media (height<=31.99rem) and (orientation:landscape){.scene{min-height:20rem}.brand__eyebrow{display:none}.audio-controls{right:auto;bottom:max(.75rem, env(safe-area-inset-bottom));left:max(.75rem, env(safe-area-inset-left))}.audio-controls__volume{display:none}.customization-panel{top:max(1rem, env(safe-area-inset-top));bottom:max(1rem, env(safe-area-inset-bottom));max-height:none}}@keyframes customization-panel-enter-mobile{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.scene__campfire-flames,.scene__campfire-glow,.customization-panel,.about-dialog{animation:none}.scene__background{transition:none}.scene__campfire-flames--echo{display:none}.scene__campfire-glow{opacity:.82}}@media (prefers-reduced-transparency:reduce){.scene__status,.customization-trigger,.customization-panel,.about-trigger,.about-dialog,.audio-controls{backdrop-filter:none;background:#281710}.about-backdrop{backdrop-filter:none;background:#0a0503e0}}