:root{font-family:Inter,Arial,system-ui,sans-serif;color:#fff;background:#111522}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{display:flex;align-items:center;justify-content:center;background:#111522}button,input{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game{width:100%;max-width:1440px;overflow:hidden;background:#171b2a;box-shadow:0 24px 75px #0008}.topbar{height:55px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#383c54}.wordmark{margin:0;font-size:30px;font-weight:1000;letter-spacing:-.045em;white-space:nowrap;line-height:1;text-shadow:0 2px 0 #202337}.egg{display:inline-flex;align-items:center;justify-content:center;width:.83em;height:1em;margin:0 .01em;color:transparent;vertical-align:-.055em;border-radius:55% 50% 50% 50%;background:linear-gradient(135deg,#ffeb74,#f0b72b 70%,#df8812);transform:rotate(12deg);box-shadow:inset -4px -2px 0 #d47b1e}.topbar-right{display:flex;align-items:center;gap:15px}.topbar-right .help,.balance{height:35px;border:0;border-radius:8px;color:#f2f3fb;background:#454a64}.help{padding:0 18px;font-size:13px;font-weight:700}.balance{display:flex;align-items:center;justify-content:center;gap:14px;min-width:155px;padding:0 15px;font-size:15px;font-variant-numeric:tabular-nums}.coin{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e5e9f2;color:#4b5065;font-size:13px}.menu-icon{font-size:20px;color:#b9bfd4}.scene{height:390px;position:relative;overflow:hidden;background:#3d4361 url('./assets/road.png') center center/100% 100% no-repeat}.demo-label{position:absolute;z-index:5;top:12px;left:14px;display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:5px;background:#20263bbb;font-size:11px;font-weight:800;letter-spacing:.05em;text-shadow:0 1px 2px #0009}.demo-dot{width:8px;height:8px;border-radius:50%;background:#42de82;box-shadow:0 0 8px #42de82}.stage{position:absolute;inset:0 auto 0 0;width:2500px;transform:translateX(0);transition:transform .42s ease-out}.steps{position:absolute;inset:0}.step-token{position:absolute;top:30%;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;border:7px solid #303957;color:#f5f4fc;background:radial-gradient(circle at 33% 20%,#8797d2 0,#7383c0 28%,#58689d 63%,#44527f 100%);box-shadow:inset 0 0 0 5px #6679b2,inset 0 0 0 13px #536396,0 9px 0 #252d47,0 12px 10px #11172c80;text-shadow:2px 3px 0 #364777,0 0 8px #e7e8ff88;font-size:clamp(13px,2vw,28px);font-weight:1000;white-space:nowrap;transition:background .22s,transform .25s}.step-token:before{content:"";position:absolute;inset:4px;border-radius:50%;border-top:5px solid #9ba8e9aa;pointer-events:none}.step-token.current{background:radial-gradient(circle at 33% 20%,#64fa67 0,#29c44b 34%,#079341 80%);box-shadow:inset 0 0 0 5px #25c94b,inset 0 0 0 13px #188a44,0 9px 0 #223950,0 12px 10px #11172c80;text-shadow:2px 3px 0 #12683a,0 0 9px white}.step-token.lost{background:radial-gradient(circle at 33% 20%,#ff9ba4,#e54d69 47%,#b52c65 90%);box-shadow:inset 0 0 0 5px #e65b76,inset 0 0 0 13px #a92258,0 9px 0 #223950}.step-token.passed{filter:brightness(.72)}.chicken{position:absolute;bottom:5%;left:35px;width:110px;height:auto;filter:drop-shadow(0 6px 2px #141a2899);transition:left .42s cubic-bezier(.2,.9,.25,1),transform .25s;transform-origin:bottom center}.chicken.hop{transform:translateY(-35px) rotate(-9deg)}.chicken.crash{transform:rotate(65deg) scale(.85);filter:grayscale(.5) drop-shadow(0 6px 2px #141a2899)}.scene-message{position:absolute;z-index:6;top:18px;left:50%;transform:translateX(-50%);padding:8px 15px;border-radius:8px;color:#fff;background:#1d2441e8;font-weight:800;box-shadow:0 4px 15px #0005;opacity:0;pointer-events:none;transition:opacity .2s}.scene-message.show{opacity:1}.control-wrap{padding:34px 27px 18px;background:#171b2a}.controls{display:grid;grid-template-columns:260px minmax(270px,1fr) 340px;gap:18px;align-items:end;padding:18px;border:1px solid #4a4f67;border-radius:16px;background:#383d55;box-shadow:inset 0 0 0 3px #ffffff06}.stake-area{min-width:0}.stake-entry{height:49px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:4px;padding:5px;border-radius:8px;background:#50556d}.stake-entry button,.quick-bets button{border:0;border-radius:7px;color:#f5f6fc;background:#656b83;font-weight:900;box-shadow:inset 0 2px 0 #ffffff1e,0 3px 4px #21263c55}.stake-entry button{height:36px;font-size:13px}.stake-entry button:disabled,.quick-bets button:disabled{opacity:.45;cursor:not-allowed}.stake-entry label{min-width:0}.stake-entry input{width:100%;height:36px;padding:0 4px;border:0;outline:0;color:#fff;background:transparent;text-align:center;font-weight:900;font-size:16px;font-variant-numeric:tabular-nums}.quick-bets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.quick-bets button{height:40px;font-size:14px}.difficulty-area{min-width:0}.difficulty-heading{display:flex;justify-content:space-between;gap:8px;height:48px;padding-top:5px;font-size:13px;font-weight:700}.difficulty-heading span:last-child{color:#c7c9d7;font-weight:500}.difficulty-options{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:2px;height:42px;padding:4px;background:#50556d;border-radius:8px}.difficulty-options button{height:33px;padding:4px;border:0;border-radius:6px;background:transparent;color:#c8c9d6;font-size:13px;font-weight:800}.difficulty-options button.selected{color:#fff;background:#666b83;box-shadow:0 1px 2px #272c45}.difficulty-options button:disabled{cursor:not-allowed}.action-area{display:grid;grid-template-columns:1fr 1fr;gap:13px}.action-area button{height:93px;border:0;border-radius:12px;color:#fff;font-size:22px;font-weight:1000;box-shadow:0 5px 0 #232a3f55;text-shadow:0 2px 0 #0002}.action-area button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.4)}.cashout{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffbf21;color:#292423!important}.cashout span{font-size:17px}.cashout strong{font-size:23px}.play{background:#36c856}.play:active:not(:disabled),.cashout:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #232a3f55}.status-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 4px 0;color:#b6bfd0;font-size:12px}.status-row button{border:0;background:transparent;color:#d2d8e8;text-decoration:underline;white-space:nowrap}button:focus-visible,input:focus-visible{outline:3px solid #f9dc75;outline-offset:2px}dialog{width:min(440px,calc(100% - 24px));border:1px solid #737c9d;border-radius:15px;color:#fff;background:#303953;box-shadow:0 20px 65px #0008}dialog::backdrop{background:#0b1121be}dialog form{position:relative;padding:12px}dialog h2{margin-top:0}dialog p{line-height:1.55;color:#d8dfef}.close{position:absolute;right:0;top:-4px;border:0;background:transparent;color:#fff;font-size:30px}.dialog-ok{border:0;border-radius:8px;padding:10px 20px;background:#38c95d;color:#fff;font-weight:800}@media(max-width:950px){.controls{grid-template-columns:240px 1fr;gap:12px}.action-area{grid-column:1/-1}.action-area button{height:62px}.difficulty-heading{height:49px}}@media(max-width:600px){.topbar{height:50px;padding:0 10px;gap:8px}.wordmark{font-size:18px}.topbar-right{gap:6px}.help{font-size:0;padding:0;width:30px}.help::first-letter{font-size:16px}.balance{height:31px;min-width:90px;gap:4px;padding:0 7px;font-size:11px}.coin{width:15px;height:15px;font-size:10px}.menu-icon{display:none}.scene{height:350px;background-size:auto 100%;background-position:left center}.step-token{top:26%;font-size:17px;border-width:5px}.chicken{width:77px;bottom:6%}.control-wrap{padding:12px 9px 9px}.controls{display:grid;grid-template-columns:1fr;padding:10px;border-radius:12px;gap:10px}.stake-area{order:1}.difficulty-area{order:0}.action-area{order:2;grid-column:auto}.difficulty-heading{height:22px;font-size:12px}.difficulty-options{height:40px}.difficulty-options button{font-size:12px}.quick-bets button{height:36px}.action-area button{height:58px;font-size:18px}.cashout span{font-size:12px}.cashout strong{font-size:17px}.status-row{font-size:10px}.demo-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}