:root{--color-arequipa-crimson:#a91223;--color-arequipa-gold:#f59e0b;--color-arequipa-amber:#d97706;--color-sillar-white:#f8fafc;--color-volcano-dark:#1e1b18;--color-accent-blue:#0284c7;--color-accent-orange:#ea580c;--color-accent-purple:#c026d3;--color-ui-bg:#120f14bf;--color-ui-border:#ffffff40;--font-display:"Montserrat", sans-serif;--font-racing:"Teko", sans-serif;--font-fun:"Chango", cursive}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-display);color:var(--color-sillar-white);touch-action:none;background-color:#0c0a09;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#webgl-canvas{width:100%;height:100%;display:block}#speedlines-canvas{pointer-events:none;z-index:2;opacity:0;width:100%;height:100%;transition:opacity .15s ease-out;position:absolute;top:0;left:0}#loading-screen{z-index:100;background:radial-gradient(circle,#2e1014 0%,#110507 70%,#080203 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.loading-content{text-align:center;flex-direction:column;align-items:center;max-width:500px;padding:24px;display:flex}.misti-silhouette{width:140px;height:90px;margin-bottom:20px;position:relative}.volcano-cone{border-bottom:75px solid #451a1d;border-left:60px solid #0000;border-right:60px solid #0000;width:0;height:0;position:absolute;bottom:0;left:10px}.volcano-snow{opacity:.9;border-bottom:22px solid #fff;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;top:15px;left:52px}.fumarole-puff{background:#f0f0f0b3;border-radius:50%;width:12px;height:12px;animation:2.5s ease-out infinite fumaroleRise;position:absolute;top:4px;left:64px}.fumarole-puff.p2{animation-delay:1.2s}@keyframes fumaroleRise{0%{opacity:.8;transform:translate(0)scale(.6)}50%{opacity:.5;transform:translate(-8px,-18px)scale(1.4)}to{opacity:0;transform:translate(-18px,-36px)scale(2.2)}}.game-logo{font-family:var(--font-racing);letter-spacing:2px;color:#fff;text-shadow:0 4px 15px #dc2626cc,0 0 30px #f59e0b99;margin-bottom:6px;font-size:clamp(3.2rem,8vw,5.5rem);font-style:italic;font-weight:700;line-height:.9;transform:skew(-6deg)}.game-logo span{color:var(--color-arequipa-gold);text-shadow:0 4px 15px #f59e0be6}.subtitle{color:#fca5a5;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;font-size:1rem;font-weight:700}.loading-bar-container{border:2px solid var(--color-arequipa-gold);background:#0009;border-radius:8px;width:280px;height:14px;margin-bottom:12px;overflow:hidden;box-shadow:0 0 12px #f59e0b66}.loading-bar-fill{background:linear-gradient(90deg,#dc2626,#f59e0b,#fbbf24);width:0%;height:100%;transition:width .3s}.loading-text{color:#cbd5e1;letter-spacing:.5px;font-size:.85rem;font-weight:700}.loading-credits{color:#94a3b8;text-align:center;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 16px;font-size:.75rem;display:flex;position:absolute;bottom:20px}.start-pulse{animation:1.2s infinite alternate startPulse}@keyframes startPulse{0%{transform:scale(1);box-shadow:0 0 15px #f59e0b99}to{transform:scale(1.06);box-shadow:0 0 30px #ef4444e6}}.btn-primary{color:#fff;font-family:var(--font-display);letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:2px solid #fef08a;border-radius:30px;padding:14px 32px;font-size:1.15rem;font-style:italic;font-weight:900;transition:all .2s;box-shadow:0 6px 20px #b91c1c99}.btn-primary:hover{border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #ef4444cc}.btn-secondary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #fff6;border-radius:8px;padding:10px 18px;font-weight:800;transition:all .2s}.btn-text{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-weight:700;text-decoration:underline}.hud-overlay{pointer-events:none;z-index:10;width:100%;height:100%;padding:env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;left:0}.hud-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.hud-left-group{align-items:center;gap:12px;display:flex}.position-badge{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border:3px solid #fff;border-radius:12px;align-items:baseline;padding:4px 14px;display:flex;transform:skew(-6deg);box-shadow:0 6px 16px #0009}.pos-num{font-family:var(--font-racing);color:#111827;text-shadow:0 1px #fffc;font-size:3rem;font-weight:700;line-height:1}.pos-suffix{font-family:var(--font-racing);color:#111827;margin-left:2px;font-size:1.8rem;font-weight:700}.lap-counter{background:var(--color-ui-bg);border:2px solid var(--color-ui-border);backdrop-filter:blur(8px);border-radius:10px;flex-direction:column;align-items:center;padding:6px 14px;display:flex;transform:skew(-6deg)}.lap-counter .label{color:var(--color-arequipa-gold);letter-spacing:1px;font-size:.65rem;font-weight:900}.lap-numbers{font-family:var(--font-racing);font-size:1.8rem;font-weight:700;line-height:1}.hud-center-group{flex-direction:column;align-items:center;display:flex}.section-indicator{backdrop-filter:blur(8px);background:#0f172acc;border:1px solid #f59e0b99;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;display:flex;box-shadow:0 4px 12px #0006}.section-icon{font-size:1rem}.section-title{text-transform:uppercase;letter-spacing:.8px;color:#fef08a;font-size:.85rem;font-weight:800}.toast-container{flex-direction:column;align-items:center;gap:6px;margin-top:10px;display:flex}.game-toast{letter-spacing:1px;background:linear-gradient(135deg,#ef4444f2,#b91c1cf2);border:2px solid #fef08a;border-radius:16px;padding:8px 20px;font-size:1.1rem;font-style:italic;font-weight:900;animation:.3s cubic-bezier(.175,.885,.32,1.275) toastPop;box-shadow:0 4px 20px #dc2626b3}@keyframes toastPop{0%{opacity:0;transform:scale(.7)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.hud-right-group{align-items:center;gap:14px;display:flex}.item-slot-wrapper{position:relative}.item-box-frame{background:radial-gradient(circle at 35% 35%,#3b82f6 0%,#1e3a8a 70%,#0f172a 100%);border:3px solid #93c5fd;border-radius:16px;justify-content:center;align-items:center;width:68px;height:68px;display:flex;overflow:hidden;transform:skew(-4deg);box-shadow:0 4px 15px #3b82f680,inset 0 0 10px #ffffff4d}.item-box-frame.has-item{border-color:#facc15;animation:.4s ease-out itemBounce;box-shadow:0 0 20px #facc15cc}@keyframes itemBounce{0%{transform:skew(-4deg)scale(.8)}50%{transform:skew(-4deg)scale(1.15)}to{transform:skew(-4deg)scale(1)}}.item-icon-display{justify-content:center;align-items:center;font-size:2.2rem;display:flex}.item-placeholder{font-family:var(--font-fun);color:#ffffff4d;font-size:2rem}.item-badge-count{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:10px;padding:1px 6px;font-size:.8rem;font-weight:900;position:absolute;bottom:-4px;right:-4px}.hud-tools{pointer-events:auto;flex-direction:column;gap:6px;display:flex}.hud-btn{background:var(--color-ui-bg);border:1px solid var(--color-ui-border);color:#fff;cursor:pointer;backdrop-filter:blur(6px);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.hud-btn:hover{background:#fff3;border-color:#fff}.speedometer-container{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:24px;right:24px}.speed-dial{width:120px;height:120px;position:relative}.speed-svg{width:100%;height:100%;transform:rotate(-90deg)}.speed-bg-ring{fill:none;stroke:#ffffff26;stroke-width:10px}.speed-progress-ring{fill:none;stroke:url(#speedGradient);stroke-width:10px;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440px;transition:stroke-dashoffset 50ms linear}.speed-readout{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.speed-digits{font-family:var(--font-racing);color:#fff;text-shadow:0 0 10px #ffffff80;font-size:2.8rem;font-weight:700;line-height:.9}.speed-unit{color:var(--color-arequipa-gold);letter-spacing:1px;font-size:.65rem;font-weight:900}.turbo-indicator{gap:8px;margin-top:6px;display:flex}.turbo-spark-dot{background:#fff3;border-radius:50%;width:10px;height:10px;transition:all .2s}.turbo-spark-dot.tier-1.active{background:#38bdf8;transform:scale(1.3);box-shadow:0 0 12px #38bdf8}.turbo-spark-dot.tier-2.active{background:#fb923c;transform:scale(1.3);box-shadow:0 0 14px #fb923c}.turbo-spark-dot.tier-3.active{background:#e879f9;transform:scale(1.4);box-shadow:0 0 16px #e879f9}.minimap-container{background:var(--color-ui-bg);border:2px solid var(--color-ui-border);backdrop-filter:blur(8px);pointer-events:none;border-radius:16px;padding:8px;position:absolute;bottom:24px;left:24px}#minimap-canvas{width:140px;height:140px;display:block}.minimap-legend{justify-content:space-around;margin-top:4px;font-size:.65rem;font-weight:700;display:flex}.corgi-dot{color:#facc15}.combi-dot{color:#ef4444}.toro-dot{color:#8b5cf6}.touch-controls{pointer-events:none;z-index:15;justify-content:space-between;align-items:flex-end;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.touch-zone-left{pointer-events:auto;justify-content:center;align-items:center;width:180px;height:180px;display:flex}.virtual-joystick-base{touch-action:none;background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.virtual-joystick-stick{pointer-events:none;background:radial-gradient(circle at 35% 35%,#fff 0%,#94a3b8 100%);border-radius:50%;width:60px;height:60px;transition:transform 50ms ease-out;position:absolute;box-shadow:0 4px 10px #00000080}.touch-zone-center{pointer-events:auto;gap:12px;margin-bottom:16px;display:flex}.touch-circle-btn{color:#fff;cursor:pointer;background:#1e293bd9;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;display:flex;box-shadow:0 4px 12px #0006}.touch-circle-btn:active{background:#f59e0bcc;transform:scale(.92)}.touch-zone-right{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:12px;display:flex}.touch-pill-btn{color:#fff;font-family:var(--font-display);letter-spacing:1px;cursor:pointer;border:2px solid #fff;border-radius:28px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:900;display:flex;box-shadow:0 4px 14px #00000080}.btn-drift{background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%);border-color:#fef08a}.btn-drift.active,.btn-drift:active{background:linear-gradient(135deg,#c026d3 0%,#7e22ce 100%);transform:scale(.95);box-shadow:0 0 20px #e879f9}.btn-item{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#bae6fd}.btn-item:active{background:#0284c7;transform:scale(.95)}.pedals-group{gap:12px;display:flex}.touch-pedal-btn{width:76px;height:90px;font-family:var(--font-display);letter-spacing:1px;cursor:pointer;border:2px solid #fff;border-radius:16px;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex;box-shadow:0 6px 16px #0009}.btn-accel{color:#fff;background:linear-gradient(#22c55e 0%,#15803d 100%)}.btn-accel:active{background:#16a34a;transform:scale(.95)}.btn-brake{color:#fff;background:linear-gradient(#ef4444 0%,#b91c1c 100%)}.btn-brake:active{background:#dc2626;transform:scale(.95)}.modal-backdrop{backdrop-filter:blur(10px);z-index:50;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.modal-card{background:#18181b;border:2px solid #f59e0b80;border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #000c}.modal-card.modal-large{max-width:820px}.modal-header{background:#27272a;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h2{color:var(--color-arequipa-gold);font-size:1.25rem;font-weight:800}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.modal-body{color:#e2e8f0;padding:20px 24px;font-size:.9rem;line-height:1.5;overflow-y:auto}.modal-intro{color:#cbd5e1;margin-bottom:16px}.modal-footer{background:#27272a;border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.billboard-list-table{flex-direction:column;gap:10px;max-height:220px;margin-bottom:20px;padding-right:4px;display:flex;overflow-y:auto}.billboard-row-item{background:#27272ab3;border:1px solid #ffffff26;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.bb-info h4{color:#fef08a;font-size:.95rem}.bb-info p{color:#94a3b8;font-size:.75rem}.billboard-add-form{background:#27272a66;border:1px dashed #f59e0b80;border-radius:12px;padding:14px}.billboard-add-form h3{color:var(--color-arequipa-gold);margin-bottom:10px;font-size:.95rem}.form-row{gap:10px;margin-bottom:10px;display:flex}.form-row input,.form-row select{color:#fff;background:#09090b;border:1px solid #fff3;border-radius:8px;flex:1;padding:8px 12px;font-size:.85rem}.compare-intro{color:#cbd5e1;margin-bottom:16px}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:20px;display:grid}.compare-card{background:#27272a;border:1px solid #ffffff26;border-radius:12px;padding:14px}.compare-card .card-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.compare-card h3{color:#fef08a;font-size:.9rem}.score-pill{color:#fff;background:#16a34a;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:800}.compare-card p{margin-bottom:6px;font-size:.8rem}.feature-tag-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:6px;padding:2px 6px;font-size:.7rem;font-weight:700}.blind-vote-box{border:2px solid var(--color-arequipa-gold);text-align:center;background:linear-gradient(135deg,#dc262633,#f59e0b33);border-radius:12px;padding:14px}.blind-vote-box h3{color:#fef08a;margin-bottom:6px;font-size:1.1rem}.verdict-text{font-size:.9rem;line-height:1.4}.victory-card{text-align:center;max-width:480px}.victory-title{font-family:var(--font-racing);color:#fef08a;text-shadow:0 4px 20px #f59e0bcc;font-size:3rem}.victory-subtitle{color:#fca5a5;font-weight:700}.podium-display{padding:20px 0}.podium-badge{font-family:var(--font-racing);color:#111;background:linear-gradient(135deg,#fde047,#ca8a04);border:3px solid #fff;border-radius:12px;margin-bottom:16px;padding:6px 20px;font-size:2.2rem;display:inline-block;box-shadow:0 6px 20px #ca8a0499}.race-stats{text-align:left;background:#27272a;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.stat-item{flex-direction:column;display:flex}.stat-lbl{color:#94a3b8;font-size:.75rem}.stat-val{font-family:var(--font-racing);color:#fff;font-size:1.4rem;font-weight:700}@media (orientation:portrait){.hud-tools .btn-lbl{display:none}.minimap-container{transform-origin:0 100%;bottom:120px;left:16px;transform:scale(.85)}.speedometer-container{transform-origin:100% 100%;bottom:120px;right:16px;transform:scale(.85)}.touch-zone-left{width:140px;height:140px}.virtual-joystick-base{width:110px;height:110px}.virtual-joystick-stick{width:48px;height:48px}.pedals-group{gap:8px}.touch-pedal-btn{width:60px;height:75px}}@media (width<=600px){.section-indicator{padding:4px 10px}.section-title{font-size:.75rem}.position-badge{padding:2px 10px}.pos-num{font-size:2.2rem}}