@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&family=DM+Sans:wght@400;500;600&display=swap";:root{--safe-top:max(1rem, env(safe-area-inset-top));--safe-right:max(1rem, env(safe-area-inset-right));--safe-bottom:max(1rem, env(safe-area-inset-bottom));--safe-left:max(1rem, env(safe-area-inset-left));color:#19394d;font-synthesis:none;text-rendering:optimizelegibility;background:#f7fbfd;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 72% 18%,#fffffffa,#0000 26rem),radial-gradient(circle at 16% 82%,#daedf794,#0000 32rem),linear-gradient(145deg,#fff 0%,#f4f9fc 48%,#eaf3f8 100%)}button,input{font:inherit}button{color:inherit}#scene{touch-action:none;cursor:crosshair;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.intro-stack{z-index:4;flex-direction:column;align-items:flex-start;gap:1.15rem;width:min(22rem,100vw - 2.5rem);display:flex;position:fixed;top:clamp(1.25rem,3vw,2.5rem);left:clamp(1.25rem,4vw,4rem)}.brand{pointer-events:none;filter:drop-shadow(0 1px #ffffff8c)}.creator-link{color:#173d56;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffeb;border-radius:1rem;align-items:center;gap:.7rem;padding:.38rem .75rem .38rem .4rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 34px #315b751a}.creator-link:hover{transform:translateY(-2px);box-shadow:0 16px 38px #315b7529}.creator-link img{object-fit:cover;border-radius:.7rem;width:2.8rem;height:2.8rem}.creator-link span{flex-direction:column;line-height:1.18;display:flex}.creator-link b{font-size:.78rem;font-weight:600}.creator-link small{color:#1f465e8c;font-size:.62rem}.brand__eyebrow,.settings__eyebrow{color:#224e6994;letter-spacing:.18em;margin-bottom:.35rem;font-size:.66rem;font-weight:600;display:block}.brand h1{letter-spacing:.08em;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,serif;font-size:clamp(2.6rem,4.6vw,4.7rem);font-weight:600;line-height:.94}.brand p{color:#224e69a6;margin:.7rem 0 0;font-family:Georgia,serif;font-size:clamp(.72rem,1.2vw,.92rem);font-style:italic}.livery-picker{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #ffffffeb;border-radius:1rem;flex-direction:column;gap:.55rem;padding:.7rem .85rem;display:flex;box-shadow:0 12px 34px #315b7514}.livery-picker__label{color:#224e6994;letter-spacing:.16em;font-size:.6rem;font-weight:600}.livery-picker__options{gap:.55rem;display:flex}.livery-option{cursor:pointer;background:0 0;border:2px solid #fffffff0;border-radius:50%;width:2.25rem;height:2.25rem;padding:0;transition:transform .17s,box-shadow .17s;position:relative;box-shadow:0 0 0 1px #1c40551a}.livery-option i{background:linear-gradient(135deg,#285b45 0 62%,#eadc9e 63% 76%,#173b2e 77%);border-radius:50%;position:absolute;inset:.22rem}.livery-option[data-livery=crimson] i{background:linear-gradient(135deg,#8d3741 0 62%,#f0cd80 63% 76%,#481e27 77%)}.livery-option[data-livery=alpine] i{background:linear-gradient(135deg,#39708a 0 62%,#e4efec 63% 76%,#183b4c 77%)}.livery-option[data-livery=sunrise] i{background:linear-gradient(135deg,#c37a3f 0 62%,#f5d98b 63% 76%,#5d3825 77%)}.livery-option:hover{transform:scale(1.08)}.livery-option.is-active{box-shadow:0 0 0 2px #2873a2,0 7px 18px #27699233}.time-picker{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #ffffffeb;border-radius:1rem;flex-direction:column;gap:.5rem;padding:.62rem .75rem;display:flex;box-shadow:0 12px 34px #315b7514}.time-picker__label{color:#224e6994;letter-spacing:.16em;font-size:.58rem;font-weight:600}.time-picker__options{gap:.35rem;display:flex}.time-option{color:#1f465ea6;cursor:pointer;background:#e8f2f7a8;border:1px solid #214d651f;border-radius:999px;min-width:3.4rem;min-height:2rem;padding:.35rem .72rem;font-size:.66rem;font-weight:600;transition:color .17s,background .17s,transform .17s}.time-option:hover{transform:translateY(-1px)}.time-option.is-active{color:#fff;background:#3c91bd}body.is-night{color:#dbeaf3;background:radial-gradient(circle at 70% 16%,#2d536f75,#0000 28rem),radial-gradient(circle at 18% 82%,#0d2b40c7,#0000 34rem),linear-gradient(145deg,#07121d 0%,#0b1e2d 52%,#102b3d 100%)}body.is-night .brand,body.is-night .brand p,body.is-night .brand__eyebrow,body.is-night .livery-picker__label,body.is-night .time-picker__label{color:#e0f2fad1}body.is-night .creator-link,body.is-night .livery-picker,body.is-night .time-picker,body.is-night .settings-toggle,body.is-night .sound-button,body.is-night .status,body.is-night .hint,body.is-night .growth-toast{color:#dcecf5;background:#091c2ab8;border-color:#a6d1e738;box-shadow:0 12px 34px #00080f4d}body.is-night .creator-link small,body.is-night .status span,body.is-night .hint>span:last-child{color:#d3ebf7a6}body.is-night .status b,body.is-night .hint b{color:#edf8fd}body.is-night .settings{color:#dcecf5;background:#071723f0;border-color:#a6d1e73d;box-shadow:0 30px 90px #00060c8a}body.is-night .audio-channel,body.is-night .icon-button{color:#dcecf5;background:#1936498a;border-color:#a6d1e729}body.is-night .control output,body.is-night .settings__note,body.is-night .audio-channel__head small{color:#d0e8f49e}body.is-night .time-option{color:#daeef8b8;background:#234256b8;border-color:#a6d1e729}body.is-night .time-option.is-active{color:#fff;background:#5b68b7}body.is-night .status__light{background:#ffe374;box-shadow:0 0 0 3px #ffe37429}body.is-night .vignette{background:linear-gradient(90deg,#00080f61,#0000 12% 88%,#00080f5c),linear-gradient(#5f8ba814,#0000 20% 80%,#00080f47)}.status{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#ffffffc2;border:1px solid #ffffff94;border-radius:999px;gap:.3rem;padding:.38rem;display:flex;position:fixed;bottom:clamp(1.25rem,3vw,2.25rem);right:clamp(1.25rem,3vw,2.5rem);box-shadow:0 12px 34px #315b751c}.status span{color:#1f465eb3;white-space:nowrap;align-items:center;gap:.3rem;padding:.38rem .58rem;font-size:.7rem;display:flex}.status b{color:#19394d;font-weight:600}.status__light{background:#4ca7d6;border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 0 3px #4ca7d626}.settings-toggle{z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#fffc;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem .85rem;transition:transform .18s,background .18s;display:inline-flex;position:fixed;top:clamp(1.25rem,3vw,2.5rem);right:clamp(1.25rem,3vw,2.5rem);box-shadow:0 9px 30px #315b751a}.settings-toggle:hover{background:#fffff5e6;transform:translateY(-1px)}.settings-toggle span{letter-spacing:-.16em;font-size:.8rem}.sound-controls{z-index:6;flex-direction:column;align-items:flex-end;gap:.45rem;display:flex;position:fixed;top:clamp(5.2rem,8vw,6.2rem);right:clamp(1.25rem,3vw,2.5rem)}.sound-button{color:#214d67;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#ffffffc7;border:1px solid #ffffffe6;border-radius:999px;justify-content:flex-start;align-items:center;gap:.55rem;min-width:6.2rem;min-height:2.5rem;padding:.5rem .75rem;transition:transform .16s,color .16s,background .16s;display:inline-flex;box-shadow:0 9px 28px #315b751a}.sound-button:hover:not(:disabled){background:#fffffff5;transform:translateY(-1px)}.sound-button:disabled{cursor:default;opacity:.42}.sound-button[aria-pressed=true]{color:#fff;background:#2f7fa9e6}.sound-button span{text-align:center;width:1.1rem;font-size:.9rem}.sound-button b{font-size:.68rem;font-weight:600}.settings{z-index:7;-webkit-backdrop-filter:blur(24px)saturate(1.08);backdrop-filter:blur(24px)saturate(1.08);background:#f6fbfdf0;border:1px solid #ffffffb8;border-radius:1.4rem;width:min(24rem,100vw - 1.7rem);padding:1.25rem;transition:transform .36s cubic-bezier(.2,.9,.25,1);position:fixed;top:.85rem;bottom:.85rem;right:.85rem;overflow-y:auto;transform:translate(calc(100% + 2rem));box-shadow:0 30px 90px #234c6633}.settings.is-open{transform:translate(0)}.settings__head{justify-content:space-between;align-items:flex-start;margin-bottom:1.55rem;display:flex}.settings h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.55rem;font-weight:600}.icon-button{cursor:pointer;background:#ffffff59;border:1px solid #1f465e1f;border-radius:50%;width:2.35rem;height:2.35rem;padding:0;font-size:1.35rem}.control{margin:1.2rem 0;display:block}.control>span{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.68rem;font-size:.82rem;display:flex}.control b{font-weight:600}.control output{color:#1f465e91;font-size:.76rem}.control input{accent-color:#3f8eb8;cursor:ew-resize;border-radius:999px;width:100%;height:.28rem}.settings__note{color:#1f465e8c;border-top:1px solid #1f465e1f;margin:1.5rem 0 0;padding-top:1rem;font-family:Georgia,serif;font-size:.76rem;font-style:italic;line-height:1.5;position:static}.audio-mixer{border-top:1px solid #1f465e1f;margin-top:1.6rem;padding-top:1.3rem}.audio-channel{background:#ffffff75;border:1px solid #3765801a;border-radius:1rem;margin-top:1rem;padding:.85rem}.audio-channel__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.audio-channel__head>span{flex-direction:column;line-height:1.3;display:flex}.audio-channel__head b{font-size:.8rem;font-weight:600}.audio-channel__head small{color:#1f465e85;font-size:.65rem}.toggle-switch{cursor:pointer;flex:none;width:2.75rem;height:1.55rem;display:block;position:relative}.toggle-switch input{opacity:0;width:1px;height:1px;position:absolute}.toggle-switch i{background:#3555672e;border-radius:999px;transition:background .17s;position:absolute;inset:0}.toggle-switch i:after{content:"";background:#fff;border-radius:50%;width:1.19rem;height:1.19rem;transition:transform .17s;position:absolute;top:.18rem;left:.18rem;box-shadow:0 2px 7px #1f465e33}.toggle-switch input:checked+i{background:#3c91bd}.toggle-switch input:checked+i:after{transform:translate(1.2rem)}.toggle-switch input:focus-visible+i{outline-offset:2px;outline:2px solid #1c6f9b}.control--compact{margin:.85rem 0 0}.control--compact>span{margin-bottom:.52rem;font-size:.72rem}.hint{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#fffc;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:.75rem;padding:.56rem .9rem .56rem .62rem;transition:opacity .5s,transform .5s;display:flex;position:fixed;bottom:clamp(1.25rem,3vw,2.25rem);left:50%;transform:translate(-50%);box-shadow:0 12px 34px #315b751c}.hint.is-hidden{opacity:0;transform:translate(-50%,.5rem)}.hint>span:last-child{color:#1f465e94;white-space:nowrap;flex-direction:column;font-size:.68rem;line-height:1.3;display:flex}.hint b{color:#19394d;font-size:.75rem;font-weight:600}.hint__mouse{background:#327ca5;border-radius:50%;width:1.55rem;height:1.55rem;display:block;position:relative}.hint__mouse:before,.hint__mouse:after{content:"";position:absolute}.hint__mouse:before{border:1px solid #ffffffdb;border-radius:.3rem;width:.46rem;height:.7rem;top:.39rem;left:.55rem}.hint__mouse:after{background:#ffffffdb;width:1px;height:.2rem;top:.52rem;left:.76rem}.context-message{z-index:10;background:#ffffffeb;border-radius:999px;padding:.8rem 1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 60px #234c662e}.growth-toast{z-index:8;color:#19425c;opacity:0;pointer-events:none;background:#ffffffe6;border:1px solid #fffffff0;border-radius:999px;padding:.72rem 1rem;font-size:.76rem;font-weight:600;transition:opacity .26s,transform .26s;position:fixed;top:1.4rem;left:50%;transform:translate(-50%,-.65rem);box-shadow:0 14px 34px #2e5e7b24}.growth-toast.is-visible{opacity:1;transform:translate(-50%)}.growth-toast:before{content:"✦";color:#5aa65a;margin-right:.45rem}.vignette{z-index:3;pointer-events:none;background:linear-gradient(90deg,#6096b514,#0000 10% 90%,#6096b50f),linear-gradient(#ffffff2e,#0000 16% 84%,#6096b512);position:fixed;inset:0}@media (width<=720px){.intro-stack{top:var(--safe-top);left:var(--safe-left);gap:.5rem;width:calc(100vw - 5.5rem)}.creator-link{padding:.3rem .6rem .3rem .32rem}.creator-link img{width:2.35rem;height:2.35rem}.creator-link small,.brand__eyebrow,.brand p{display:none}.brand h1{font-size:2.05rem;line-height:.92}.brand h1 br{display:none}.livery-picker{padding:.5rem .65rem}.time-picker{padding:.45rem .6rem}.time-picker__label{display:none}.time-option{min-width:3.5rem;min-height:2.55rem}.livery-picker__label{font-size:.52rem}.livery-option{width:2.55rem;height:2.55rem}.status span:nth-child(4),.status span:nth-child(5){display:none}.status{right:var(--safe-right);bottom:calc(var(--safe-bottom) + 4.15rem)}.settings-toggle{top:var(--safe-top);right:var(--safe-right);justify-content:center;width:2.75rem;height:2.75rem;padding:0;font-size:0}.sound-controls{top:calc(var(--safe-top) + 3.35rem);right:var(--safe-right);gap:.4rem}.sound-button{justify-content:center;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0}.sound-button b{display:none}.sound-button span{font-size:1rem}.settings-toggle span{font-size:.9rem}.hint{bottom:var(--safe-bottom);left:var(--safe-left);max-width:calc(100vw - 2rem);transform:none}.hint.is-hidden{transform:translateY(.5rem)}.hint>span:last-child{white-space:normal;font-size:.6rem}.settings{width:100vw;padding:calc(var(--safe-top) + .6rem) calc(var(--safe-right) + .4rem) calc(var(--safe-bottom) + .6rem) calc(var(--safe-left) + .4rem);border-radius:0;inset:0}.control{margin:1.6rem 0}.control input{height:.55rem}}@media (width<=900px) and (orientation:landscape){.intro-stack{gap:.35rem}.creator-link{padding:.22rem .5rem .22rem .25rem}.creator-link img{width:2rem;height:2rem}.brand h1{font-size:1.72rem}.livery-picker{padding:.35rem .55rem}.livery-picker__label{display:none}.time-picker{padding:.3rem .5rem}.time-picker__label{display:none}.time-option{min-height:2.1rem}.livery-option{width:2.25rem;height:2.25rem}.status{bottom:var(--safe-bottom)}.status span:nth-child(4),.status span:nth-child(5),.hint{display:none}}@media (prefers-reduced-motion:reduce){.settings,.settings-toggle,.hint,.growth-toast,.sound-button{transition-duration:1ms}}