.seat-picker{width:100%;max-width:420px;padding:18px;background:#11151c;color:#f4f6f8;border:1px solid #303944;border-radius:16px;box-shadow:0 18px 42px #10151d33;font-family:system-ui,-apple-system,Segoe UI,sans-serif;animation:seat-arrive .55s cubic-bezier(.2,.8,.2,1) both}.seat-picker .ticket-types{display:flex;gap:8px;margin-bottom:17px;flex-wrap:wrap}.seat-picker .ticket-types input{position:absolute;opacity:0;pointer-events:none}.seat-picker .ticket-types label{padding:8px 15px;border:1px solid #39434e;border-radius:8px;color:#b6c0ca;font-size:13px;font-weight:650;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.seat-picker .ticket-types input:checked+label{background:#ddff69;border-color:#ddff69;color:#18200e;box-shadow:0 0 18px #ddff6925}.seat-picker .ticket-types label:hover{border-color:#ddff69;color:#f4f6f8}.seat-picker .ticket-types input:checked+label:hover{color:#18200e}.seat-picker .ticket-types input:focus-visible+label{outline:2px solid #fff;outline-offset:3px}.seat-picker .stand-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.seat-picker .stand-tab{padding:6px 12px;border:1px solid #39434e;border-radius:7px;background:transparent;color:#b6c0ca;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.seat-picker .stand-tab:hover{border-color:#ddff69;color:#f4f6f8}.seat-picker .stand-tab.active{background:#ddff69;border-color:#ddff69;color:#18200e}.seat-picker .stand{padding:14px 13px 15px;background:#191f28;border:1px solid #303944;border-radius:12px}.seat-picker .block-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#8b95a0;text-transform:uppercase;margin:14px 0 8px}.seat-picker .block-label:first-child{margin-top:0}.seat-picker .stand-top{display:flex;justify-content:center;padding-bottom:12px;border-bottom:1px solid #343e48}.seat-picker .field{width:174px;padding:6px 0 8px;border-radius:0 0 50% 50%;border-bottom:3px solid #ddff69;color:#dce3e9;text-align:center;font-size:10px;font-weight:750;letter-spacing:.16em}.seat-picker .seat-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px 7px;padding-top:15px}.seat-picker .seat{position:relative}.seat-picker .seat input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.seat-picker .seat span{display:grid;place-items:center;aspect-ratio:1;background:#29323c;border:1px solid #52606d;border-radius:6px;color:#e3e8ed;font-size:10px;font-weight:650;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.seat-picker .seat.available{cursor:pointer}.seat-picker .seat.available:hover span{border-color:#ddff69;background:#343f46}.seat-picker .seat.available:active span{transform:scale(.92)}.seat-picker .seat input:checked+span{background:#ddff69;border-color:#ddff69;color:#18200e;box-shadow:0 0 13px #ddff6960}.seat-picker .seat input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}.seat-picker .seat.held span{background:#4c405b;border-color:#78638e;color:#e5d9f0}.seat-picker .seat.sold span,.seat-picker .seat.used span{background:#222831;border-color:#303944;color:#717c88}.seat-picker .seat input:disabled{cursor:not-allowed}.seat-picker .seat-legend{display:flex;gap:14px;margin-top:15px;flex-wrap:wrap;font-size:11px;color:#9aa4ae}.seat-picker .seat-legend .dot{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:5px;vertical-align:middle}.seat-picker .legend-available{background:#29323c;border:1px solid #52606d}.seat-picker .legend-selected{background:#ddff69}.seat-picker .legend-held{background:#4c405b;border:1px solid #78638e}.seat-picker .legend-sold{background:#222831;border:1px solid #303944}.seat-picker .hold-timer{margin-top:12px;padding:8px 12px;background:#ddff6910;border:1px solid #ddff6930;border-radius:8px;color:#ddff69;font-size:12px;font-weight:600;text-align:center}@keyframes seat-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
