:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#0f1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#facc151f,#0000 34vw),linear-gradient(#151b25 0%,#0f1115 48%,#090b10 100%);min-width:320px;margin:0}button,input{font:inherit}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 12px;font-weight:700}.app{max-width:1180px;min-height:100vh;margin:0 auto;padding:24px}.navigation{border-bottom:1px solid #303948;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding-bottom:18px;display:flex}.brand{color:#facc15;letter-spacing:0;text-transform:uppercase;font-size:1.35rem;font-weight:800}.navigation__links,.race-controls,.pagination{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{color:#f8fafc;cursor:pointer;background:#202631;border:1px solid #3a4556;border-radius:8px;min-height:38px;padding:8px 14px;transition:background .16s,border-color .16s,transform .16s}.button:hover:not(:disabled){background:#293241;border-color:#64748b;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button--active,.button--primary{color:#111827;background:#facc15;border-color:#facc15;font-weight:800}.button--success{color:#f8fafc;background:#16a34a;border-color:#22c55e}.button--danger{color:#f8fafc;background:#dc2626;border-color:#ef4444}.button--small{min-width:38px;min-height:30px;padding:4px 10px}.view{gap:20px;display:grid}.view__header{justify-content:space-between;align-items:flex-end;display:flex}.view__header h1,.view__header p{margin:0}.view__header h1{color:#f8fafc;text-transform:uppercase;font-size:clamp(2rem,7vw,4rem);line-height:1}.view__header p{color:#94a3b8;margin-top:8px;font-weight:700}.panel{background:#171b22f0;border:1px solid #303948;border-radius:8px;align-items:center;gap:14px;padding:16px;display:grid;box-shadow:0 18px 40px #00000047}.car-form{grid-template-columns:minmax(180px,1fr) 48px auto;gap:10px;display:grid}.input,.color-input{color:#f8fafc;background:#0f141d;border:1px solid #3a4556;border-radius:8px;min-height:38px}.input::placeholder{color:#64748b}.input{padding:8px 12px}.color-input{cursor:pointer;width:48px;padding:4px}.garage-list{gap:14px;display:grid}.car-row{background:#171b22f5;border:1px solid #303948;border-radius:8px;gap:10px;padding:12px;display:grid;box-shadow:0 14px 30px #00000038}.car-row__toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.car-row__name{color:#f8fafc;overflow-wrap:anywhere;min-width:140px}.track{background:repeating-linear-gradient(90deg,#0000,#0000 34px,#facc1538 34px 38px),linear-gradient(#ffffff0f,#0000),#111827;border:1px solid #303948;border-radius:8px;height:74px;position:relative;overflow:hidden}.track__car{left:var(--car-progress);transition:left var(--race-duration) linear;z-index:2;width:clamp(64px,15vw,82px);position:absolute;top:13px}.track__finish{background:conic-gradient(#f8fafc 25%, #111827 0 50%, #f8fafc 0 75%, #111827 0) 0 / 14px 14px;color:#0000;text-transform:uppercase;writing-mode:vertical-rl;justify-content:center;align-items:center;width:54px;height:100%;font-size:.78rem;font-weight:800;display:flex;position:absolute;top:0;right:0}.car-icon{width:100%;height:auto;display:block}.car-row__result,.empty-state,.pagination__text{color:#94a3b8;font-weight:700}.winner-banner{color:#111827;text-align:center;z-index:10;background:#facc15;border:2px solid #111827;border-radius:8px;width:min(92vw,520px);padding:16px 22px;font-size:1.2rem;font-weight:900;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 54px #0000006b}.table-wrap{overflow-x:auto}.winners-table{border-collapse:collapse;color:#f8fafc;background:#171b22;border-radius:8px;width:100%;overflow:hidden}.winners-table th,.winners-table td{text-align:left;border-bottom:1px solid #303948;padding:12px}.winners-table th{color:#facc15;text-transform:uppercase;background:#202631}.winners-table tbody tr:hover{background:#facc150f}.winners-table .car-icon{width:82px}.table-button{color:#facc15;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:800}.table-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:620px){.app{padding:16px}.navigation{flex-direction:column;align-items:flex-start;gap:14px}.navigation__links,.race-controls,.pagination{align-items:stretch;width:100%}.navigation__links .button,.race-controls .button,.pagination .button{flex:140px}.view__header{flex-direction:column;align-items:flex-start}.car-form{grid-template-columns:1fr 48px}.car-form .button{grid-column:1/-1}.track__car{width:70px}.track__finish{width:44px}}

