.drive-shell{--drive-header:calc(56px + env(safe-area-inset-top,0px));background:var(--night);color:var(--ink);min-width:0;font-family:system-ui,-apple-system,sans-serif}.drive-shell .feature-announcement-box{display:none}.drive-shell>.site-header.site-header--shared{width:100%;position:fixed;inset:0 0 auto}.bakeru-drive{isolation:isolate;height:calc(100dvh - var(--drive-header));min-height:500px;margin-top:var(--drive-header);background:var(--night);position:relative;overflow:hidden}.drive-world{z-index:-2;pointer-events:none;position:absolute;inset:0}.drive-city{position:absolute;inset:0;overflow:hidden}.drive-city__strip{will-change:auto;width:max(200%,466.68dvh);height:100%;animation:80s linear infinite paused drive-city-pass;display:flex;transform:translate(0,0)}.drive-city__strip>picture{flex:0 0 50%;width:50%;height:100%;display:block}.drive-city__strip img{object-fit:cover;width:100%;height:100%;display:block}.drive-cabin{z-index:2;pointer-events:none;position:absolute;inset:0}.drive-cabin img{object-fit:cover;width:100%;height:100%;display:block}.drive-road-lights{z-index:1;opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 35%,#c9a6ff0c 45%,#ffa53a0d 52%,#0000 60%);animation:9s linear infinite paused drive-lights-pass;position:absolute;inset:20% -35%;transform:translate(-20%)}:where(:root[data-kaisei][data-sky=day]) .drive-road-lights{background:linear-gradient(100deg,#0000 35%,#6813ec0c 45%,#ec89130d 52%,#0000 60%)}.bakeru-drive[data-running=true] :is(.drive-city__strip,.drive-road-lights){animation-play-state:running}.bakeru-drive[data-running=true] .drive-road-lights{opacity:1}.bakeru-drive[data-running=true] .drive-city__strip{will-change:transform}.drive-top{z-index:5;justify-content:space-between;align-items:start;gap:12px;display:flex;position:absolute;inset:22px 26px auto}.drive-top h1{letter-spacing:.17em;margin:0 0 6px;font:600 12px/1.4 JetBrains Mono,monospace}.drive-top>div>span{letter-spacing:.13em;color:var(--lilac);font:9px/1.4 JetBrains Mono,monospace}.drive-top__tools{gap:7px;display:flex}.drive-top__tools button{min-height:36px;color:var(--ink);background:#07070ccc;border:1px solid #f3efe636;border-radius:20px;padding:7px 11px;font:10px/1.3 system-ui,sans-serif}:where(:root[data-kaisei][data-sky=day]) .drive-top__tools button{background:#ffffffb8;border:1px solid #15122a36}.drive-top__tools button:last-child{min-width:38px;padding:0 8px;font-size:22px}.drive-billboard{z-index:1;width:min(43%,640px);color:var(--ink);text-align:center;overflow-wrap:anywhere;background:#07070ced;border:2px solid #c9a6ff80;border-radius:3px;padding:20px 28px;position:absolute;top:26%;left:50%;transform:translate(-50%)perspective(900px)rotateY(-5deg);box-shadow:0 0 0 6px #07070ccc,0 0 30px #c9a6ff36}:where(:root[data-kaisei][data-sky=day]) .drive-billboard{background:#ffffffd5;border:2px solid #6813ec80;box-shadow:0 0 0 6px #ffffffb8,0 0 30px #6813ec36}.drive-billboard:before,.drive-billboard:after{content:"";z-index:-1;background:linear-gradient(90deg,#07070c,#f3efe636,#07070c);width:7px;height:140px;position:absolute;top:100%}:where(:root[data-kaisei][data-sky=day]) .drive-billboard:before,:where(:root[data-kaisei][data-sky=day]) .drive-billboard:after{background:linear-gradient(90deg,#ffffffc7,#15122a36,#ffffffc7)}.drive-billboard:before{left:17%}.drive-billboard:after{right:17%}.drive-billboard__overline{color:var(--lilac);letter-spacing:.25em;font:8px/1.4 JetBrains Mono,monospace;display:block}.drive-billboard p{-webkit-line-clamp:3;letter-spacing:-.025em;text-wrap:balance;-webkit-box-orient:vertical;margin:14px 0;font-size:clamp(18px,2.2vw,36px);font-weight:800;line-height:1.5;display:-webkit-box;overflow:hidden}.drive-billboard__footer{color:#f3efe699;font:9px/1.5 JetBrains Mono,monospace;display:block}:where(:root[data-kaisei][data-sky=day]) .drive-billboard__footer{color:#15122a99}.drive-billboard>button{min-height:32px;color:var(--lilac);background:0 0;border:1px solid #c9a6ff66;border-radius:4px;margin-top:8px;padding:4px 8px;font-size:10px}:where(:root[data-kaisei][data-sky=day]) .drive-billboard>button{border:1px solid #6813ec66}.drive-console{bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:5;background:#07070cf2;border:1px solid #c9a6ff36;border-radius:15px;width:min(590px,100% - 32px);padding:12px 18px 8px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #07070c80}:where(:root[data-kaisei][data-sky=day]) .drive-console{background:#ffffffda;border:1px solid #6813ec36;box-shadow:0 8px 30px #ffffff73}.drive-console__track{align-items:center;gap:10px;min-width:0;display:flex}.drive-console__track>img{object-fit:cover;border-radius:5px;flex:none;width:38px;height:38px}.drive-console__track>div{flex:1;min-width:0}.drive-console__track label{color:#f3efe680;letter-spacing:.12em;font:8px/1.5 JetBrains Mono,monospace;display:block}:where(:root[data-kaisei][data-sky=day]) .drive-console__track label{color:#15122a80}.drive-console__track select{background:var(--night);width:100%;max-width:100%;min-height:29px;color:var(--ink);text-overflow:ellipsis;border:0;border-radius:0;padding:0 20px 0 0;font:650 15px/1.5 system-ui,sans-serif}.drive-console__quiet{min-height:40px;color:var(--lilac);background:0 0;border:0;flex:none;align-items:center;gap:8px;font-size:11px;display:flex}.drive-console__buttons{justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.drive-console__buttons>button,.drive-quiet-controls>button{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.drive-console__buttons>button.drive-play{background:var(--lilac);width:48px;height:48px;color:var(--night)}.drive-console__buttons .drive-repeat{color:var(--lilac);gap:1px;position:absolute;right:0}.drive-repeat>span{font-size:24px}.drive-repeat small{font:8px/1.4 JetBrains Mono,monospace}.drive-console__buttons .drive-language{color:var(--lilac);font:11px JetBrains Mono,monospace;position:absolute;left:0}.drive-progress{align-items:center;gap:9px;margin:7px 0 2px;display:flex}.drive-progress time{color:#f3efe699;font-variant-numeric:tabular-nums;flex:none;font:9px/1.4 JetBrains Mono,monospace}:where(:root[data-kaisei][data-sky=day]) .drive-progress time{color:#15122a99}.drive-progress input{width:100%;min-width:0;height:20px;accent-color:var(--lilac);cursor:pointer;margin:0}.drive-progress input:disabled{opacity:.45}.drive-console__scenes{border-top:1px solid #f3efe61c;flex-wrap:wrap;align-items:center;gap:3px;margin-top:5px;padding-top:3px;display:flex}:where(:root[data-kaisei][data-sky=day]) .drive-console__scenes{border-top:1px solid #15122a1c}.drive-console__scenes button{color:#f3efe680;background:0 0;border:0;border-radius:5px;min-height:32px;padding:4px 9px;font:10px/1.4 system-ui,sans-serif}:where(:root[data-kaisei][data-sky=day]) .drive-console__scenes button{color:#15122a80}.drive-console__scenes button[aria-pressed=true]{color:var(--lilac);background:#c9a6ff12}:where(:root[data-kaisei][data-sky=day]) .drive-console__scenes button[aria-pressed=true]{background:#6813ec12}.drive-console__scenes a{color:#f3efe6b3;align-items:center;gap:7px;min-height:32px;margin-left:auto;padding-left:5px;font:10px/1.4 system-ui,sans-serif;text-decoration:none;display:flex}:where(:root[data-kaisei][data-sky=day]) .drive-console__scenes a{color:#15122ab3}.drive-note{color:#f3efe6b3;margin:7px 0 2px;font-size:11px;line-height:1.5}:where(:root[data-kaisei][data-sky=day]) .drive-note{color:#15122ab3}.drive-note button{min-height:32px;color:var(--lilac);font:inherit;background:0 0;border:0;margin-left:8px}.drive-quiet-controls{bottom:max(20px,env(safe-area-inset-bottom,0px));z-index:6;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.drive-quiet-controls>button{background:#07070cdd;border:1px solid #c9a6ff66}:where(:root[data-kaisei][data-sky=day]) .drive-quiet-controls>button{background:#ffffffc7;border:1px solid #6813ec66}.drive-quiet-controls>button+button{white-space:nowrap;border-radius:23px;padding:0 16px;font:11px/1.4 system-ui,sans-serif}.drive-shell[data-quiet=true]>.site-header,.drive-shell[data-quiet=true] :is(.drive-top,.drive-console){display:none}.drive-shell[data-quiet=true] .bakeru-drive{height:100dvh;margin-top:0}.drive-shell:-webkit-full-screen{width:100%;height:100%;overflow:auto}.drive-shell:fullscreen{width:100%;height:100%;overflow:auto}.drive-shell:-webkit-full-screen .bakeru-drive{height:calc(100dvh - var(--drive-header))}.drive-shell:fullscreen .bakeru-drive{height:calc(100dvh - var(--drive-header))}.drive-shell:-webkit-full-screen[data-quiet=true] .bakeru-drive{height:100dvh}.drive-shell:fullscreen[data-quiet=true] .bakeru-drive{height:100dvh}.drive-shell :is(button,a,input,select):focus-visible{outline:2px solid var(--lilac);outline-offset:3px}.drive-shell button{touch-action:manipulation}.drive-shell :is(button,input,select){-webkit-tap-highlight-color:transparent}body:has(.bakeru-drive) .theme-mini{display:none}@keyframes drive-city-pass{to{transform:translate(-50%)}}@keyframes drive-lights-pass{to{transform:translate(35%)}}@media (max-width:700px){.bakeru-drive{min-height:630px}.drive-cabin img{object-fit:cover}.drive-top{inset:15px 16px auto}.drive-top h1{letter-spacing:.14em;margin-bottom:4px;font-size:10px}.drive-top>div>span{font-size:8px}.drive-top__tools button{min-height:32px;padding:6px 9px;font-size:9px}.drive-top__tools button:last-child{min-width:32px;font-size:20px}.drive-billboard{border-width:1px;width:74%;max-width:470px;padding:16px 12px;top:20%;transform:translate(-50%)perspective(900px)rotateY(-3deg);box-shadow:0 0 0 4px #07070ccc,0 0 20px #c9a6ff36}:where(:root[data-kaisei][data-sky=day]) .drive-billboard{box-shadow:0 0 0 4px #ffffffb8,0 0 20px #6813ec36}.drive-billboard p{margin:11px 0;font-size:clamp(18px,5vw,25px);line-height:1.55}.drive-billboard__overline{font-size:7px}.drive-billboard__footer{font-size:8px}.drive-console{bottom:max(9px,env(safe-area-inset-bottom,0px));border-radius:12px;width:calc(100% - 24px);padding:9px 12px 5px}.drive-console__track>img{width:32px;height:32px}.drive-console__track label{font-size:7px}.drive-console__track select{min-height:25px;font-size:13px}.drive-console__quiet{min-height:34px;font-size:10px}.drive-console__buttons{gap:16px}.drive-console__buttons>button.drive-play{width:44px;height:44px}.drive-progress{margin:3px 0 0}.drive-console__scenes{margin-top:2px}.drive-console__scenes button{min-height:30px;padding:4px 7px;font-size:9px}.drive-console__scenes a{font-size:9px}.drive-note{font-size:10px}.drive-quiet-controls{bottom:max(16px,env(safe-area-inset-bottom,0px))}}@media (max-height:620px) and (min-width:701px){.bakeru-drive{min-height:390px}.drive-billboard{width:38%;padding:10px 15px;top:23%}.drive-billboard p{margin:7px 0;font-size:20px}.drive-console{width:min(510px,100% - 32px);padding:7px 12px 3px;bottom:9px}.drive-console__track>img{width:29px;height:29px}.drive-console__track label{display:none}.drive-console__buttons>button.drive-play{width:40px;height:40px;min-height:40px}.drive-console__scenes{margin-top:0}.drive-progress{margin:2px 0 0}.drive-top{inset:12px 18px auto}}@media (prefers-reduced-motion:reduce){.drive-city__strip,.drive-road-lights{will-change:auto;animation:none!important}.drive-road-lights{display:none}}html[data-bakeru-motion=off] .drive-city__strip{will-change:auto;animation-play-state:paused!important}html[data-bakeru-motion=off] .drive-road-lights{opacity:0!important;animation-play-state:paused!important}