@charset "UTF-8";.color-red{color:#ff3e3e!important}.color-red.card-color,.color-red#color-dot{background-color:#ff3e3e!important;box-shadow:0 0 10px #ff3e3ecc,0 0 2px #fff3}.color-red.space.occupied{border-color:#ff3e3ecc;box-shadow:0 0 15px #ff3e3e4d}.color-red.space.occupied .car-icon{color:#ff3e3e}.mini-dot.color-red,.color-preview.color-red{background-color:#ff3e3e!important}.color-green{color:#0f8!important}.color-green.card-color,.color-green#color-dot{background-color:#0f8!important;box-shadow:0 0 10px #0f8c,0 0 2px #fff3}.color-green.space.occupied{border-color:#0f8c;box-shadow:0 0 15px #00ff884d}.color-green.space.occupied .car-icon{color:#0f8}.mini-dot.color-green,.color-preview.color-green{background-color:#0f8!important}.color-blue{color:#2e90ff!important}.color-blue.card-color,.color-blue#color-dot{background-color:#2e90ff!important;box-shadow:0 0 10px #2e90ffcc,0 0 2px #fff3}.color-blue.space.occupied{border-color:#2e90ffcc;box-shadow:0 0 15px #2e90ff4d}.color-blue.space.occupied .car-icon{color:#2e90ff}.mini-dot.color-blue,.color-preview.color-blue{background-color:#2e90ff!important}.color-yellow{color:#f9ca24!important}.color-yellow.card-color,.color-yellow#color-dot{background-color:#f9ca24!important;box-shadow:0 0 10px #f9ca24cc,0 0 2px #fff3}.color-yellow.space.occupied{border-color:#f9ca24cc;box-shadow:0 0 15px #f9ca244d}.color-yellow.space.occupied .car-icon{color:#f9ca24}.mini-dot.color-yellow,.color-preview.color-yellow{background-color:#f9ca24!important}.color-black{color:#000!important}.color-black.card-color,.color-black#color-dot{background-color:#000!important;box-shadow:0 0 10px #000c,0 0 2px #fff3}.color-black.space.occupied{border-color:#000c;box-shadow:0 0 15px #0000004d}.color-black.space.occupied .car-icon{color:#000}.mini-dot.color-black,.color-preview.color-black{background-color:#000!important}.color-white{color:#fff!important}.color-white.card-color,.color-white#color-dot{background-color:#fff!important;box-shadow:0 0 10px #fffc,0 0 2px #fff3}.color-white.space.occupied{border-color:#fffc;box-shadow:0 0 15px #ffffff4d}.color-white.space.occupied .car-icon{color:#fff}.mini-dot.color-white,.color-preview.color-white{background-color:#fff!important}.color-MIX{background:linear-gradient(45deg,#ff3e3e,#ff9a3e,#f9ca24,#00ff88,#2e90ff,#8e44ad,#ff3e3e)!important;background-size:100% 100%!important;animation:rainbow-flow 4s ease infinite!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 0 10px #ffffff4d!important}@keyframes rainbow-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Inter,sans-serif;-webkit-tap-highlight-color:transparent}body{min-height:100vh;background-color:#121415;background-image:linear-gradient(135deg,#121415 0%,#1e2124 100%),radial-gradient(circle at 2px 2px,rgba(255,255,255,.05) 1px,transparent 0);background-size:100% 100%,20px 20px;background-attachment:fixed;overflow-x:hidden;position:relative}body:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,rgba(225,6,0,.1) 0%,transparent 60%);pointer-events:none}#app{min-height:100vh;display:flex;flex-direction:column}.game-version{position:fixed;top:10px;left:10px;font-size:.7rem;color:#f1f2f6;opacity:.3;z-index:1000;font-weight:500;pointer-events:none;letter-spacing:1px}.game-header{display:flex;justify-content:center;padding:1rem}@media (max-width: 768px){.game-header{padding:.5rem}}.game-header .turn-pill{display:flex;gap:1rem;padding:.6rem 2rem;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:100px;color:#f1f2f6;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.game-header .turn-pill{font-size:.8rem;padding:.5rem 1.5rem}}.game-header .turn-pill .room-id{opacity:.6}.game-header .turn-pill .color-indicator{display:flex;align-items:center;gap:.5rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.1);font-size:.8rem;opacity:.8}.game-header .turn-pill .color-indicator #color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.5);box-shadow:0 0 5px currentColor}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-bottom:2rem;width:100%}#track-container{width:95%;max-width:1000px;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;padding:1rem}@media (min-width: 768px){#track-container{grid-template-columns:repeat(6,1fr);gap:1.2rem}}@media (min-width: 1024px){#track-container{grid-template-columns:repeat(8,1fr)}}.discard-pile{width:100px;height:156px;position:relative;margin:-20px 0;z-index:5;pointer-events:none}@media (min-width: 768px){.discard-pile{width:160px;height:250px;margin:-50px 0}}.discard-pile .card{position:absolute;top:0;left:0;margin:0;transition:all .6s cubic-bezier(.23,1,.32,1);scale:.6}.discard-pile .card.entering{transform:scale(1.5) translateY(-100px) rotate(var(--target-rot));opacity:0}.discard-pile .card .card-inner{box-shadow:0 4px 15px #0003}.discard-pile:before{content:"DISCARD";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:1.5rem;color:#ffffff0d;letter-spacing:5px;pointer-events:none}@media (min-width: 768px){.discard-pile:before{font-size:2.3rem}}.space{aspect-ratio:1/1;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;box-shadow:inset 0 0 10px #ffffff0d}.space:hover{background:rgba(255,255,255,.15);border-color:#fff6}@keyframes pulse-glow{0%{box-shadow:0 0 5px #ffffff4d}50%{box-shadow:0 0 20px #ffffffb3}to{box-shadow:0 0 5px #ffffff4d}}#hand-container{width:100%;height:220px;display:flex;gap:.8rem;padding:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:center}@media (min-width: 768px){#hand-container{height:350px;justify-content:center;align-items:flex-end;perspective:1000px;overflow:visible;padding-bottom:4rem;position:relative}}.card{width:100px;height:156px;flex-shrink:0;cursor:pointer;scroll-snap-align:center;position:relative}@media (min-width: 768px){.card{width:160px;height:250px;position:absolute;bottom:0;transition:z-index 0s}}.card .card-inner{width:100%;height:100%;background:linear-gradient(135deg,rgb(255,255,255),rgb(255,255,255));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(255,255,255,.8);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 5px 15px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@media (min-width: 768px){.card .card-inner{border-radius:20px;box-shadow:0 10px 30px #0000001a}}.card.selected-card .card-inner{transform:translateY(-40px) scale(1.1)!important;border-color:#fff!important;box-shadow:0 0 25px #fffc!important;background:rgb(255,255,255)}.card .card-type{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:#000;font-weight:700;margin-bottom:2.2rem;pointer-events:none;text-align:center}@media (min-width: 768px){.card .card-type{font-size:.9rem;letter-spacing:2px;margin-bottom:2.5rem}}.card .card-value{font-size:1.8rem;font-weight:800;color:#000;text-shadow:0 2px 5px rgba(0,0,0,.1);pointer-events:none}@media (min-width: 768px){.card .card-value{font-size:3rem;text-shadow:0 4px 10px rgba(0,0,0,.1)}}.card .card-color{width:12px;height:12px;border-radius:50%;border:1px solid rgb(180,180,180);position:absolute;left:10px;top:10px}.card:hover:not(.selected-card){z-index:100!important}.card:hover:not(.selected-card) .card-inner{transform:translateY(-30px) scale(1.05);background:rgb(255,255,255)}@media (min-width: 768px){.card:hover:not(.selected-card) .card-inner{transform:translateY(-60px) scale(1.1)}}.card:active .card-inner{transform:scale(.95)}.btn-primary,.btn-secondary{padding:1rem 2.5rem;background:#e10600;border:none;border-radius:12px;color:#fff;box-shadow:0 4px 15px #e106004d;font-weight:800;font-size:1.2rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s}.btn-primary:hover,.btn-secondary:hover{background:#ff0700;transform:translateY(-2px);box-shadow:0 6px 20px #e1060080}@media (min-width: 768px){.btn-primary,.btn-secondary{padding:1.5rem 4rem}}#start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}#start-screen h1{font-size:2.5rem;color:#fff;text-shadow:0 0 20px rgba(225,6,0,.2);line-height:1.1;margin-bottom:1rem}@media (min-width: 768px){#start-screen h1{font-size:5rem;text-shadow:0 0 40px rgba(225,6,0,.3)}}#start-screen p{color:#f1f2f6;opacity:.7;margin-bottom:2rem;font-size:1rem}@media (min-width: 768px){#start-screen p{margin-bottom:3rem;font-size:1.5rem}}#start-screen .input-group{width:100%;max-width:300px;margin:0 auto 2rem}#start-screen .actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:300px;margin:0 auto}#start-screen .divider{color:#f1f2f6;font-size:.8rem;font-weight:800;opacity:.5;letter-spacing:2px}#start-screen .join-group{display:flex;width:100%;gap:.5rem}.glass-input{flex:1;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.5);border-radius:50px;padding:.8rem 1.5rem;color:#f1f2f6;font-size:1rem;outline:none;transition:.3s;width:100%}.glass-input::placeholder{color:#fff3}.glass-input:focus{border-color:#fff;background:rgba(255,255,255,.2)}.btn-secondary{padding:.8rem 1.5rem;font-size:1rem;border-width:2px}#lobby-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}#lobby-screen h1{font-size:2.5rem;color:#f1f2f6;margin-bottom:2rem;text-transform:uppercase}#lobby-screen h1 span{opacity:.4;font-size:.6em;margin-left:.5rem}#lobby-screen #player-list{width:100%;max-width:400px;min-height:200px;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}#lobby-screen .player-item{color:#f1f2f6;font-size:1.2rem;font-weight:500;letter-spacing:1px;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);text-transform:capitalize}#lobby-screen .player-item:before{content:"•";margin-right:.5rem;color:#e10600}#results-screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;overflow-y:auto}#results-screen h1{font-size:3rem;color:#f1f2f6;margin-bottom:2rem;text-shadow:0 5px 15px rgba(0,0,0,.2)}#results-screen #results-container,#results-screen #reveal-container{width:100%;max-width:600px;margin-bottom:1.5rem;padding:2rem}#results-screen #results-container h3,#results-screen #reveal-container h3{color:#f1f2f6;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;font-size:1rem;opacity:.8}#results-screen .score-item,#results-screen .reveal-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05);color:#f1f2f6;font-size:1.2rem}#results-screen .score-item:last-child,#results-screen .reveal-item:last-child{border-bottom:none}#results-screen .reveal-item{flex-direction:column;align-items:flex-start;gap:.5rem}#results-screen .reveal-item .reveal-cars{display:flex;gap:.5rem}#results-screen .reveal-item .mini-dot{width:15px;height:15px;border-radius:50%;border:1px solid white}#results-screen .color-name{display:flex;align-items:center;gap:1rem;text-transform:capitalize}#results-screen .color-name .color-preview{width:20px;height:20px;border-radius:50%;border:1px solid white}#results-screen .points{font-weight:800;font-size:1.5rem}.glass-panel{background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:20px}.car-container{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:10}.car-node{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;cursor:pointer}.car-node .car-icon{width:80%;height:80%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 1px rgba(255,255,255,.3));rotate:180deg}.car-node .car-icon svg{width:100%;height:100%;fill:currentColor}.car-node.moving{z-index:20}.car-node.selectable-glow{cursor:pointer;border:2px solid #00e106;border-radius:12px;animation:selectable-pulse 1.5s infinite;z-index:15}.car-node.selectable-glow .car-icon{filter:drop-shadow(0 0 5px rgba(0,225,6,.5))}.voice-setup{margin:1.5rem 0;padding:1.2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background:rgba(255,255,255,.05)}.voice-setup .voice-status{font-weight:700;display:flex;align-items:center;gap:.5rem}.voice-setup .voice-status .status-off{color:#ff4d4d}.voice-setup .voice-status .status-on{color:#4dff4d;text-shadow:0 0 10px rgba(77,255,77,.5)}.voice-setup .btn-voice{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;width:100%}.voice-setup .btn-voice:hover{background:rgba(255,255,255,.2);border-color:#fff6}.voice-setup .btn-voice.active{background:#ff1e1e;border-color:#ff1e1e;box-shadow:0 0 15px #ff1e1e66}.voice-setup .error-msg{color:#ffbaba;font-size:.85rem}.hidden{display:none!important}@keyframes selectable-pulse{0%{box-shadow:0 0 #00e10699;border-color:#00e106}70%{box-shadow:0 0 0 8px #00e10600;border-color:#00e10680}to{box-shadow:0 0 #00e10699;border-color:#00e106}}@keyframes pulse-glow{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}#track-container,.space{position:relative}.played-card-meta{position:absolute;display:flex;flex-direction:row-reverse;align-items:center;gap:2px;z-index:10;pointer-events:none;width:100%;background:rgba(46,144,255,.6);bottom:0;left:0;border-radius:0 0 18px 18px;height:49px;justify-content:space-between;padding:0 8px}.mini-car{width:40px;height:40px;background:rgba(0,0,0,.7);border-radius:6px;padding:3px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #00000080;border:1px solid rgba(255,255,255,.2)}.mini-car svg{width:100%;height:100%}.mini-car svg path{fill:currentColor}.dice-result{color:#fff;font-size:14px;font-weight:900;padding:2px 6px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}.player-tag{background:rgba(0,0,0,.8);color:#fff;font-size:14px;font-weight:700;padding:2px 6px;border-radius:3px;white-space:nowrap;max-width:114px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;border:1px solid rgba(255,255,255,.1);position:absolute;top:8px;right:8px}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}