*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body,html{width:100%;height:100%;overflow:hidden;background-color:#080d14;color:#f1f5f9}#game-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0f172ae0,#030712fa);display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .4s ease,visibility .4s ease;overflow-y:auto;padding:20px}.overlay-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.menu-modal{background:#1e293bcc;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:36px 40px;max-width:960px;width:100%;box-shadow:0 30px 60px -15px #000c,0 0 50px #38bdf826;display:flex;flex-direction:column;gap:24px}.menu-header{text-align:center}.badge-tag{display:inline-block;padding:5px 14px;background:#22c55e33;color:#4ade80;border:1px solid rgba(74,222,128,.3);border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-bottom:10px}.menu-header h1{font-size:2.5rem;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 20%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#94a3b8;font-size:.95rem;margin-top:4px}.section-title{font-size:.95rem;font-weight:800;letter-spacing:.1em;color:#38bdf8;margin-bottom:12px;display:flex;align-items:center;gap:8px}.selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#0f172ab3;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);border-color:#38bdf880;box-shadow:0 12px 24px -6px #00000080,0 0 20px #38bdf833;background:#16243dd9}.card.active{border-color:#22c55e;background:#14532d59;box-shadow:0 0 25px #22c55e59}.card.active:after{content:"✓ WYBRANE";position:absolute;top:10px;right:12px;font-size:.65rem;font-weight:800;color:#4ade80;background:#22c55e33;padding:3px 8px;border-radius:6px}.card-icon{font-size:2.2rem;margin-bottom:6px}.card-name{font-size:1.15rem;font-weight:800;color:#fff}.card-sub{font-size:.75rem;color:#94a3b8;margin-bottom:12px}.card-desc{font-size:.82rem;color:#cbd5e1;line-height:1.4;margin-top:6px}.card-badge{display:inline-block;align-self:flex-start;padding:3px 8px;background:#22c55e33;color:#4ade80;border-radius:6px;font-size:.65rem;font-weight:800;margin-bottom:8px}.card-badge.ice{background:#38bdf833;color:#38bdf8}.card-badge.race{background:#ef444433;color:#f87171}.stats-bars{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.stat-row{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#94a3b8}.stat-row .bar{width:90px;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.stat-row .fill{height:100%;background:linear-gradient(90deg,#38bdf8,#22c55e);border-radius:999px}.card-tag{font-size:.7rem;font-weight:700;color:#64748b;margin-top:auto}.card-tag.highlight{color:#f59e0b}.menu-footer{display:flex;flex-direction:column;gap:14px;align-items:center;margin-top:8px}.controls-hint-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;font-size:.8rem;color:#94a3b8}.controls-hint-bar kbd{background:#334155;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:700;margin-right:3px}.glow-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 25px -5px #22c55e66;transition:all .2s ease}.glow-button.large{padding:18px 48px;font-size:1.15rem;width:100%;max-width:480px}.glow-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #22c55e99}.secondary-button{background:#334155;color:#fff;border:1px solid rgba(255,255,255,.15);padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.secondary-button:hover{background:#475569}.danger-button{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4);padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.danger-button:hover{background:#ef444459}.pause-card,.finish-card{background:#1e293be6;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:36px;max-width:460px;width:90%;text-align:center;box-shadow:0 25px 50px #000c}.pause-buttons,.finish-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.trophy-icon{font-size:3.5rem;margin-bottom:8px}.finish-position{font-size:1.6rem;font-weight:900;color:#f59e0b;margin:10px 0}.finish-stats{background:#0f172a99;padding:14px;border-radius:10px;margin:16px 0;font-size:.9rem;color:#cbd5e1;display:flex;flex-direction:column;gap:6px}.countdown-container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:80;pointer-events:none}.countdown-container.hidden{display:none}.countdown-text{font-size:7rem;font-weight:900;color:#f59e0b;text-shadow:0 0 40px rgba(245,158,11,.8),0 10px 30px rgba(0,0,0,.9);animation:countdownPop .8s ease-out}@keyframes countdownPop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:24px}#hud.hidden{display:none}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.hud-card{background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 18px;box-shadow:0 10px 20px #0006}.hud-menu-btn{pointer-events:auto;background:#1e293bd9;border:1px solid rgba(255,255,255,.15);color:#f1f5f9;padding:10px 18px;border-radius:12px;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0006}.hud-menu-btn:hover{background:#3b82f6;transform:translateY(-2px)}.minimap-card{padding:10px;display:flex;flex-direction:column;align-items:center}#minimap{border-radius:10px;background:#0f172a;border:1px solid rgba(255,255,255,.15)}.minimap-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:#94a3b8;margin-top:6px}.compass-bar{background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:8px 24px;border-radius:999px;color:#e2e8f0;font-size:.85rem;font-weight:700;letter-spacing:.15em}.quest-card{text-align:right;min-width:180px}.quest-title{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#38bdf8}.quest-status{font-size:1.25rem;font-weight:800;color:#fff;margin:4px 0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.fire-icon{font-size:1.2rem;filter:drop-shadow(0 0 8px #f97316)}.quest-hint{font-size:.75rem;color:#94a3b8}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.controls-reminder{background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:14px;font-size:.8rem;color:#94a3b8}.controls-reminder kbd{background:#334155;color:#f1f5f9;padding:2px 6px;border-radius:4px;font-weight:700;margin-right:4px;font-size:.75rem}.controls-reminder strong{color:#4ade80}.badge-auto{background:#38bdf833;color:#38bdf8;padding:3px 8px;border-radius:6px;font-weight:800}.speedo-container{display:flex;align-items:center;gap:12px}.speedo-dial{position:relative;width:140px;height:140px;background:radial-gradient(circle,#0f172acc,#030712f2);border-radius:50%;border:2px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #00000080,inset 0 0 20px #000c;display:flex;justify-content:center;align-items:center}.speedo-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.speedo-bg{fill:none;stroke:#ffffff14;stroke-width:8;stroke-dasharray:440;stroke-dashoffset:110;stroke-linecap:round}.speedo-fill{fill:none;stroke:#22c55e;stroke-width:8;stroke-dasharray:440;stroke-dashoffset:440;stroke-linecap:round;transition:stroke-dashoffset .1s ease-out;filter:drop-shadow(0 0 6px rgba(34,197,94,.6))}.speedo-text{display:flex;flex-direction:column;align-items:center;z-index:2}.speed-num{font-size:2.5rem;font-weight:800;color:#f8fafc;line-height:1}.speed-unit{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#64748b;margin-top:4px}.gear-badge{background:#1e293be6;border:1px solid rgba(255,255,255,.15);border-radius:10px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;color:#38bdf8}.toast{position:absolute;top:100px;left:50%;transform:translate(-50%) translateY(0);background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #f97316;border-radius:14px;padding:14px 24px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 30px #f973164d;z-index:50;transition:opacity .4s ease,transform .4s ease}.toast.hidden{opacity:0;transform:translate(-50%) translateY(-20px);pointer-events:none}.toast-icon{font-size:2rem}.toast-title{font-weight:800;font-size:1.05rem;color:#fb923c}.toast-desc{font-size:.85rem;color:#cbd5e1}@media (max-width: 860px){.selection-grid{grid-template-columns:1fr}.controls-reminder{display:none}}