:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--gap: max(10px, 2vmin);--btn: clamp(48px, 10vmin, 76px);--wheel: clamp(150px, 42vmin, 270px);--accel-w: clamp(64px, 17vmin, 110px);--accel-h: clamp(110px, 30vmin, 190px);--brake-w: clamp(72px, 19vmin, 124px);--brake-h: clamp(64px, 16vmin, 100px);--horn: clamp(56px, 14vmin, 92px);--arrow: clamp(76px, 22vmin, 150px);font-family:system-ui,-apple-system,Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;color:#2b2f38}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{position:fixed;inset:0;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;background:#8fd3ff}button{font:inherit;color:inherit;border:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.app,.drive,.home{position:absolute;inset:0}.loading{position:absolute;inset:0;display:grid;place-items:center;font-size:22vmin;animation:bounce .9s ease-in-out infinite alternate}.game-canvas{position:absolute!important;inset:0;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.topbar{position:absolute;top:calc(var(--sat) + var(--gap));left:calc(var(--sal) + var(--gap));right:calc(var(--sar) + var(--gap));display:flex;gap:var(--gap);align-items:center;pointer-events:none}.topbar>*{pointer-events:auto}.topbar .spacer{flex:1;pointer-events:none}.icon-btn{position:relative;width:var(--btn);height:var(--btn);border-radius:50%;background:#ffffffeb;box-shadow:0 4px #00000026;font-size:calc(var(--btn) * .52);display:grid;place-items:center;line-height:1;transition:transform .08s}.icon-btn:active{transform:translateY(3px) scale(.95);box-shadow:0 1px #00000026}.icon-btn.small{width:calc(var(--btn) * .72);height:calc(var(--btn) * .72);font-size:calc(var(--btn) * .36);opacity:.75}.icon-btn.big{width:calc(var(--btn) * 1.2);height:calc(var(--btn) * 1.2)}.fps{position:absolute;top:calc(var(--sat) + var(--gap) + var(--btn) + 6px);right:calc(var(--sar) + var(--gap));background:#0000008c;color:#fff;font:12px/1.4 ui-monospace,monospace;padding:2px 6px;border-radius:4px;pointer-events:none}.long-press-ring{position:absolute;inset:-4px;border-radius:50%;border:4px solid transparent;pointer-events:none}.long-press.pressing .long-press-ring{border-color:#ffd43b;animation:ring-fill 1.2s linear forwards}@keyframes ring-fill{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.wheel{position:absolute;left:calc(var(--sal) + var(--gap));bottom:calc(var(--sab) + var(--gap));width:var(--wheel);height:var(--wheel);border-radius:50%;touch-action:none;background:radial-gradient(circle,#ffffff59 0 60%,#fff0 62%)}.wheel-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 5px 0 rgba(0,0,0,.18));will-change:transform;pointer-events:none}.wheel.held .wheel-svg{filter:drop-shadow(0 2px 0 rgba(0,0,0,.18)) brightness(1.06)}.arrows{position:absolute;left:calc(var(--sal) + var(--gap));bottom:calc(var(--sab) + var(--gap));display:flex;gap:var(--gap)}.arrow-btn{width:var(--arrow);height:calc(var(--arrow) * 1.1);border-radius:26px;background:linear-gradient(#5aa9ff,#2f7be8);box-shadow:0 7px #1f5fb8;display:grid;place-items:center;transition:transform .06s,box-shadow .06s;touch-action:none}.arrow-btn svg{width:70%;height:70%;pointer-events:none}.arrow-btn.pressed{transform:translateY(5px);box-shadow:0 2px #1f5fb8;filter:brightness(1.12)}.pedals{position:absolute;right:calc(var(--sar) + var(--gap));bottom:calc(var(--sab) + var(--gap));display:flex;align-items:flex-end;gap:var(--gap)}.pedal-col{display:flex;flex-direction:column;align-items:center;gap:var(--gap)}.pedal{border-radius:22px;display:grid;place-items:center;box-shadow:0 7px #00000038;transition:transform .06s,box-shadow .06s;touch-action:none}.pedal svg{width:80%;height:80%;pointer-events:none}.pedal.pressed{transform:translateY(5px);box-shadow:0 2px #00000038;filter:brightness(1.1)}.pedal.accel{width:var(--accel-w);height:var(--accel-h);background:linear-gradient(#4cd47a,#22a956)}.pedal.brake{width:var(--brake-w);height:var(--brake-h);background:linear-gradient(#ff6b6b,#e03131)}.horn-btn{width:var(--horn);height:var(--horn);border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe680,#ffc61a);box-shadow:0 5px #0003;display:grid;place-items:center}.horn-btn svg{width:62%;height:62%;pointer-events:none}.horn-btn:active{transform:translateY(3px);box-shadow:0 2px #0003}.horn-btn.honk svg{animation:honk .5s ease-out}@keyframes honk{30%{transform:scale(1.25)}}.siren-btn{width:var(--horn);height:var(--horn);border-radius:50%;background:radial-gradient(circle at 40% 35%,#8ec5ff,#3d7bff);box-shadow:0 5px #0003;display:grid;place-items:center;font-size:calc(var(--horn) * .5);line-height:1}.siren-btn span{pointer-events:none}.siren-btn.on{background:radial-gradient(circle at 40% 35%,#ff9b9b,#ff2a2a);animation:siren-glow .5s ease-in-out infinite alternate}@keyframes siren-glow{0%{box-shadow:0 5px #0003,0 0 #ff3c3cb3}to{box-shadow:0 5px #0003,0 0 0 12px #ff3c3c00}}.praise{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;pointer-events:none!important;animation:praise-in 2.4s ease-out forwards}.praise-stars{font-size:18vmin;line-height:1;animation:spin 1.2s ease-out}.praise-text{font-size:7vmin;font-weight:900;color:#ff7b00;-webkit-text-stroke:1.5px #fff;paint-order:stroke;text-shadow:0 3px 0 #fff,0 6px 10px rgba(0,0,0,.2)}.praise-sub{font-size:5vmin}@keyframes praise-in{0%{opacity:0;transform:translate(-50%) scale(.4)}12%{opacity:1;transform:translate(-50%) scale(1.1)}20%{transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-4vmin)}}@keyframes spin{0%{transform:rotate(-180deg) scale(.3)}}.overlay{position:absolute;inset:0;background:#1e3c5a73;display:grid;place-items:center;padding:calc(var(--sat) + 12px) calc(var(--sar) + 12px) calc(var(--sab) + 12px) calc(var(--sal) + 12px);z-index:10}.picker{position:relative;display:grid;grid-template-columns:repeat(4,auto);gap:3vmin;background:#fff;border-radius:28px;padding:5vmin;box-shadow:0 8px #00000026}.picker-car{width:clamp(64px,17vmin,120px);height:clamp(64px,17vmin,120px);border-radius:24px;font-size:clamp(36px,10vmin,72px);display:grid;place-items:center;box-shadow:0 5px #0003}.picker-car span{background:#ffffffd9;border-radius:50%;width:78%;height:78%;display:grid;place-items:center}.picker-car.selected{outline:6px solid #ffd43b;outline-offset:3px}.picker-close{position:absolute;top:-18px;right:-18px;width:52px;height:52px;border-radius:50%;background:#ff6b6b;color:#fff;font-size:24px;box-shadow:0 4px #0003}.settings,.break{background:#fff;border-radius:20px;padding:20px 22px;width:min(560px,100%);max-height:100%;overflow-y:auto;touch-action:pan-y;box-shadow:0 8px #00000026}.settings h2{margin:0 0 12px;font-size:20px}.settings .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eee;font-size:15px}.settings input[type=checkbox]{width:28px;height:28px}.settings input[type=range]{width:45%;touch-action:pan-x}.seg{display:flex;gap:4px}.seg button{padding:8px 10px;border-radius:10px;background:#eef2f7;font-size:14px}.seg button.on{background:#4d96ff;color:#fff}.note{font-size:12px;color:#6b7280}.close-btn{margin-top:8px;width:100%;padding:14px;border-radius:14px;background:#4d96ff;color:#fff;font-size:18px;font-weight:700}.break{text-align:center;width:min(420px,100%)}.break-icon{font-size:22vmin}.break-text{font-size:26px;font-weight:800;margin-bottom:12px}.home{background:linear-gradient(#6ec6ff,#b8e6ff 60%,#d9f3ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vmin;overflow:hidden}.home-hills{position:absolute;left:-10%;right:-10%;bottom:-30vmin;height:60vmin;background:radial-gradient(ellipse at 30% 0%,#8fdc6a 0 60%,transparent 61%),radial-gradient(ellipse at 75% 10%,#74cf55 0 55%,transparent 56%);pointer-events:none}.home-sky .cloud{position:absolute;width:24vmin;height:9vmin;background:#fff;border-radius:999px;opacity:.95;animation:drift 40s linear infinite}.home-sky .cloud:before{content:"";position:absolute;width:11vmin;height:11vmin;left:4vmin;top:-5vmin;background:#fff;border-radius:50%}.home-sky .c1{top:10%;left:5%}.home-sky .c2{top:22%;left:60%;animation-duration:55s}.home-sky .c3{top:6%;left:85%;animation-duration:70s}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(110vw)}}.title{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;font-weight:900;line-height:1.05;color:#ff5a5f;-webkit-text-stroke:2px #fff;paint-order:stroke;text-shadow:0 5px 0 #fff,0 8px 14px rgba(0,0,0,.15)}.title span:first-child{font-size:7vmin;color:#ff9f1c}.title span:last-child{font-size:10vmin}.play-btn{position:relative;width:clamp(140px,36vmin,260px);height:clamp(140px,36vmin,260px);border-radius:50%;background:radial-gradient(circle at 40% 35%,#6ee08f,#22a956);box-shadow:0 10px #178a43,0 16px 24px #0003;display:grid;place-items:center;animation:pulse 1.6s ease-in-out infinite}.play-btn:active{transform:translateY(6px);box-shadow:0 4px #178a43}.play-car{font-size:clamp(64px,17vmin,120px);animation:bounce .8s ease-in-out infinite alternate}.play-tri{position:absolute;right:12%;bottom:12%;font-size:clamp(24px,6vmin,44px);color:#fff}.home-actions{position:relative;display:flex;gap:4vmin}.home-gear{position:absolute!important;top:calc(var(--sat) + var(--gap));right:calc(var(--sar) + var(--gap))}.banner{position:absolute;bottom:calc(var(--sab) + var(--gap));left:50%;transform:translate(-50%);background:#fff;border-radius:14px;padding:10px 14px;display:flex;gap:10px;align-items:center;font-size:14px;box-shadow:0 4px 12px #00000026;white-space:nowrap}.banner button{padding:8px 12px;border-radius:10px;background:#4d96ff;color:#fff}.banner button+button{background:#e5e7eb;color:#333}@keyframes pulse{50%{transform:scale(1.05)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-2.5vmin)}}@media(orientation:portrait){:root{--btn: clamp(46px, 12vw, 72px);--wheel: clamp(140px, 44vw, 250px);--accel-w: clamp(60px, 17vw, 100px);--accel-h: clamp(100px, 30vw, 170px);--brake-w: clamp(64px, 19vw, 110px);--brake-h: clamp(56px, 15vw, 90px);--horn: clamp(52px, 14vw, 84px);--arrow: clamp(66px, 23vw, 130px)}.title span:first-child{font-size:9vw}.title span:last-child{font-size:12vw}.picker{grid-template-columns:repeat(2,auto)}.praise{top:14%}}@media(prefers-reduced-motion:reduce){.play-btn,.play-car,.home-sky .cloud{animation:none}}