:root{--bg-dark: #1a0e06;--bg-mid: #2d1a0e;--bg-surface: rgba(45, 26, 14, .92);--gold: #ffd700;--gold-dark: #b8860b;--sand-light: #e8d5a3;--sand-mid: #c8a070;--sand-dark: #8b6340;--green-ride: #2d6a2d;--green-bright: #4a9a4a;--brown-collect: #7a3b10;--brown-bright: #b05a20;--text-primary: #fff8e8;--text-muted: #b8956a;--font: "Outfit", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}#app{display:flex;flex-direction:column;height:100dvh}#game-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-mid);border-bottom:1px solid rgba(255,215,0,.2);flex-shrink:0;min-height:52px}#player-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-dark);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:20px}.balance-display{display:flex;align-items:center;gap:6px;background:#0000004d;border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-md);padding:5px 12px}.balance-icon{font-size:14px}#balance-amount{font-size:1.1rem;font-weight:700;color:var(--gold);min-width:70px;text-align:center}.balance-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}#history-btn{display:none;width:36px;height:36px;padding:0;border-radius:50%;border:2px solid var(--gold);background:var(--bg-dark);color:inherit;font:inherit;font-size:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;align-items:center;justify-content:center}#game-area{flex:1;position:relative;overflow:hidden;min-height:0}#game-canvas{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}#game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#140a04e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px 16px;overflow-y:auto;transition:opacity .3s ease;z-index:10}#game-overlay.hidden{opacity:0;pointer-events:none}.overlay-content{text-align:center}.overlay-icon{font-size:3.5rem;display:block;margin-bottom:8px}.overlay-content h2{font-size:1.6rem;font-weight:900;letter-spacing:2px;color:var(--text-primary)}.overlay-content p{font-size:.9rem;color:var(--text-muted);margin-top:4px}.overlay-content.win h2{color:var(--gold)}.overlay-content.lose h2{color:#ef4444}#overlay-controls{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.control-section{background:#ffffff0f;border:1px solid rgba(255,215,0,.15);border-radius:var(--radius-md);padding:12px}.control-label{display:block;font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.difficulty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.diff-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:#ffffff0d;border:2px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font);cursor:pointer;transition:all .15s ease}.diff-btn:hover:not(:disabled){background:#ffd70014;border-color:#ffd7004d}.diff-btn.active{border-color:var(--gold);background:#ffd7001f;color:var(--text-primary)}.diff-btn:disabled{opacity:.4;cursor:not-allowed}.diff-icon{font-size:1rem}.diff-name{font-size:.7rem;font-weight:700}.diff-lanes{font-size:.55rem;color:var(--text-muted)}.bet-input-group{display:flex;align-items:center;gap:6px;margin-bottom:8px}.bet-adjust-btn{width:34px;height:34px;border-radius:var(--radius-sm);background:#ffffff12;border:1px solid rgba(255,215,0,.2);color:var(--text-primary);font-size:1.2rem;cursor:pointer;font-family:var(--font);display:flex;align-items:center;justify-content:center;transition:background .15s}.bet-adjust-btn:hover{background:#ffd7001f}#bet-amount{flex:1;height:34px;background:#ffffff12;border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-sm);color:var(--gold);font-family:var(--font);font-size:1rem;font-weight:700;text-align:center;outline:none;-moz-appearance:textfield}#bet-amount::-webkit-inner-spin-button,#bet-amount::-webkit-outer-spin-button{-webkit-appearance:none}#bet-amount:focus{border-color:var(--gold)}#bet-amount:disabled{opacity:.4}.bet-presets{display:flex;gap:4px}.preset-btn{flex:1;padding:4px 2px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-family:var(--font);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s}.preset-btn:hover{background:#ffd7001a;color:var(--gold)}.history-container{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-height:60px;overflow-y:auto;width:100%;max-width:360px}.history-empty{font-size:.75rem;color:var(--text-muted);font-style:italic}.history-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;animation:fadeInScale .3s ease}.history-badge.win{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.history-badge.lose{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}#action-bar{display:flex;gap:8px;padding:10px 12px;background:var(--bg-mid);border-top:1px solid rgba(255,215,0,.15);flex-shrink:0}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border:2px solid transparent;border-radius:var(--radius-md);font-family:var(--font);font-size:1rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.ride-btn{background:var(--green-ride);color:#fff;border-color:var(--green-bright)}.ride-btn:hover:not(:disabled){background:var(--green-bright);transform:translateY(-1px)}.collect-btn{background:var(--brown-collect);color:#fff;border-color:var(--brown-bright)}.collect-btn:hover:not(:disabled){background:var(--brown-bright);transform:translateY(-1px)}.action-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.action-btn:not(:disabled):after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skew(-20deg);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-60%}50%{left:120%}to{left:120%}}.btn-icon{font-size:1.1rem}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.shake{animation:shake .5s ease-in-out}