/* Stadium workspace — frosted charcoal, luminous edges and calm ice accents. */
.arena-shell {
  border:1px solid var(--glass-border); border-radius:32px; overflow:hidden;
  background:linear-gradient(140deg,rgba(214,236,248,.065),rgba(17,26,32,.28) 58%,rgba(191,226,243,.045));
  box-shadow:var(--glass-shadow); backdrop-filter:none; -webkit-backdrop-filter:none;
}
.arena-header {
  height:auto; min-height:94px; padding:23px 28px; gap:24px;
  border-bottom:1px solid rgba(225,243,253,.10); background:transparent;
}
.arena-title { gap:14px; min-width:0; }
.arena-title h3 { color:var(--white); font-size:18px; font-weight:500; letter-spacing:-.035em; margin:0 0 6px; }
.arena-title p { color:var(--muted); font-size:11px; line-height:1.5; }
.arena-symbol {
  width:45px; height:45px; border-radius:15px; border-color:rgba(221,242,254,.25);
  color:var(--accent); background:linear-gradient(145deg,#e4f5ff17,#e4f5ff04);
  box-shadow:inset 0 1px #ffffff26; flex-shrink:0;
}
.arena-symbol svg { width:28px; height:28px; }
.arena-actions { gap:12px; flex-shrink:0; }
.arena-shell .model-live { display:flex; gap:7px; color:var(--muted); font-size:9px; }
.arena-shell .model-live i { box-shadow:0 0 10px #c7e9f766; }
.arena-shell .icon-button {
  border:1px solid rgba(227,244,254,.22); border-radius:50%;
  background:linear-gradient(145deg,rgba(223,241,252,.15),rgba(28,43,52,.38));
  color:#e4edf2; box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px #00000016;
  transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
.arena-shell .icon-button { width:44px; height:44px; flex-shrink:0; }
.arena-shell .icon-button svg { width:19px; height:19px; }
.arena-shell .icon-button:hover:not(:disabled) {
  border-color:rgba(227,246,255,.49); background:linear-gradient(145deg,#e3f5ff2e,#a1cce71a);
  color:#fff; box-shadow:inset 0 1px #ffffff4d,0 6px 20px #0000001f;
}
.arena-shell .icon-button[aria-pressed="true"] {
  background:linear-gradient(135deg,#e7f5ffdb,#b5dcedb5); color:#13232d; border-color:#e7f6ffbd;
}

.arena-workspace { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:20px; padding:20px; align-items:stretch; }
.viewer-column { min-width:0; background:transparent; gap:0; }
.arena-shell .viewer {
  min-height:550px; border:1px solid rgba(232,248,255,.19); border-radius:25px;
  background-color:#131d24; box-shadow:0 10px 26px #00000029,inset 0 1px #ffffff1f;
  isolation:isolate;
}
.viewer>canvas { border-radius:inherit; }
.arena-shell .view-tabs {
  left:18px; top:18px; z-index:4; padding:5px; gap:4px; border-radius:30px;
  border:1px solid rgba(236,248,255,.30);
  background:linear-gradient(140deg,rgba(210,231,244,.19),rgba(17,30,39,.56));
  backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:inset 0 1px #ffffff4a,0 7px 24px #00000026;
}
.arena-shell .view-tabs button {
  min-height:42px; padding:10px 14px; gap:8px; border:1px solid transparent; border-radius:24px;
  background:transparent; color:#e0ebf1; font-size:11px; font-weight:500; white-space:nowrap;
  transition:background .18s,box-shadow .18s,color .18s;
}
.arena-shell .view-tabs button svg { width:16px; height:16px; }
.arena-shell .view-tabs button:hover:not(:disabled) { background:#e6f5ff19; }
.arena-shell .view-tabs button.is-active,.arena-shell .view-tabs button[aria-pressed="true"] {
  background:linear-gradient(155deg,rgba(238,249,255,.90),rgba(193,223,239,.79)); color:#152630;
  border-color:#effaff7d; box-shadow:inset 0 1px #ffffffa1,0 2px 8px #00000017;
}
.arena-shell .view-tools { right:18px; top:18px; z-index:4; gap:8px; }
.arena-shell .view-tools .icon-button {
  width:44px; height:44px; background:linear-gradient(145deg,rgba(210,233,246,.24),rgba(22,34,43,.54));
  backdrop-filter:blur(15px) saturate(130%); -webkit-backdrop-filter:blur(15px) saturate(130%);
}
.arena-shell .view-tools .icon-button[aria-pressed="true"] { background:linear-gradient(135deg,#e7f5ffdf,#b5dcedc2); }
.arena-shell .view-tools>span { height:2px; }
.arena-shell .viewer-status,.arena-shell .viewer-hint {
  bottom:17px; padding:10px 13px; border:1px solid rgba(227,244,254,.25); border-radius:30px;
  background:linear-gradient(145deg,rgba(211,234,246,.14),rgba(15,28,37,.60));
  color:#e8f1f5; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px #ffffff1f,0 4px 18px #00000018; font-size:10px; line-height:1.5;
}
.arena-shell .viewer-status { left:17px; max-width:62%; }
.arena-shell .viewer-hint { right:17px; gap:7px; }
.arena-shell .seat-perspective {
  top:89px; left:20px; padding:13px 16px; border:1px solid #ffb8c23d; border-left:2px solid #f36979;
  border-radius:17px; background:linear-gradient(130deg,rgba(58,35,43,.65),rgba(20,33,42,.48));
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:inset 0 1px #ffffff1a;
  max-width:calc(100% - 92px); pointer-events:none;
}
.arena-shell .seat-perspective>span { color:#ffc1c9; font-size:8px; letter-spacing:.13em; }
.arena-shell .seat-perspective strong { color:#fff; font-size:12px; line-height:1.5; }
.arena-shell .camera-motion {
  border-color:rgba(226,246,255,.29); border-radius:30px;
  background:linear-gradient(145deg,#9cc2da26,#14252cd6); color:#f0f7fb;
  box-shadow:inset 0 1px #ffffff29,0 7px 25px #00000024;
  backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); pointer-events:none;
}
.arena-shell .you-are-here {
  background:linear-gradient(145deg,rgba(240,91,113,.96),rgba(172,36,56,.94)); border-color:#ffd4d8a6;
  border-radius:16px; padding:10px 15px; box-shadow:inset 0 1px #ffffff42,0 7px 24px #641b3380;
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); pointer-events:none;
}
.arena-shell .map-attribution { padding:11px 5px; border:0; background:transparent; color:var(--dim); font-size:9px; gap:5px 12px; }
.arena-shell .map-attribution a { color:var(--muted); text-decoration-color:#b3c9d359; }
.arena-shell .viewer-bottom {
  gap:12px; padding:18px 19px; margin-top:3px; border:1px solid rgba(228,244,253,.12); border-radius:21px;
  background:linear-gradient(140deg,#c4e3f311,#101d243b); box-shadow:inset 0 1px #ffffff0c;
}
.arena-shell .viewer-bottom .sub-label { color:var(--dim); font-size:8px; margin-bottom:7px; }
.arena-shell .viewer-bottom strong { color:var(--white); font-size:12px; font-weight:500; line-height:1.4; }
.arena-shell .sector-badge { padding:7px 10px; border-color:#d6efff2e; border-radius:12px; background:#d2edfa0c; color:var(--accent); font-size:10px; }
.arena-shell .viewer-bottom-right>span:last-child { color:var(--muted); font-size:10px; }
.arena-shell .view-export { gap:7px; margin-left:auto; }
.arena-shell .view-export .icon-button { width:42px; height:42px; }
.arena-shell .stand-selector { padding:14px 0 0; gap:9px; border:0; background:transparent; grid-template-columns:repeat(4,minmax(0,1fr)); }
.arena-shell .stand-selector button {
  padding:13px 10px; gap:9px; min-height:65px; border:1px solid #e5f3ff21; border-radius:18px;
  background:linear-gradient(140deg,#d0e8f414,#14212c22); color:var(--muted);
  box-shadow:inset 0 1px #ffffff14; transition:background .18s,border-color .18s,transform .18s;
}
.arena-shell .stand-selector button:hover { border-color:#e3f4ff50; background:#e2f4ff17; }
.arena-shell .stand-selector button>span { width:30px; height:33px; border-radius:11px; background:#daeaf111; color:var(--accent); font-size:11px; }
.arena-shell .stand-selector b { color:inherit; font-size:11px; font-weight:500; }
.arena-shell .stand-selector small { color:var(--dim); font-size:9px; margin-top:4px; }
.arena-shell .stand-selector button.is-selected,.arena-shell .stand-selector button[aria-pressed="true"] {
  background:linear-gradient(140deg,#c3e7fa26,#95bbd314); border-color:#c7e9f77d; color:#f3faff;
  box-shadow:inset 0 1px #ffffff3b,0 4px 16px #00000018;
}
.arena-shell .stand-selector button.is-selected>span,.arena-shell .stand-selector button[aria-pressed="true"]>span { background:#dceff8d9; color:#122631; }
.seat-panel {
  position:relative; min-width:0; padding:26px; border:1px solid var(--glass-border); border-radius:26px;
  background:var(--glass-bg); box-shadow:var(--glass-shadow);
  backdrop-filter:blur(22px) saturate(125%); -webkit-backdrop-filter:blur(22px) saturate(125%);
}
.seat-panel::before {
  content:""; position:absolute; height:1px; top:-1px; left:15%; right:15%; pointer-events:none;
  background:linear-gradient(90deg,transparent,#f1fbffb3 38%,#d9effa66 68%,transparent);
}
.seat-panel .panel-top .sub-label { color:var(--muted); font-size:9px; letter-spacing:.14em; }
.seat-panel .catalog-badge { padding:6px 9px; border-color:#e4f6ff26; border-radius:20px; color:#c7dbe7; background:#d4edfb08; font-size:8px; }
.seat-panel h3 { color:#f2f8fa; font-size:30px; line-height:1.14; font-weight:400; letter-spacing:-.05em; margin:20px 0 25px; }
.seat-panel .seat-search label { color:#d6e2e9; font-size:11px; line-height:1.6; margin-bottom:10px; }
.seat-panel .search-input-wrap { padding:5px; border-color:#e3f6ff30; border-radius:18px; background:#0b171e40; box-shadow:inset 0 1px 5px #0000000c; }
.seat-panel .search-input-wrap:focus-within { border-color:#c9ecffc4; box-shadow:0 0 0 3px #c7e9f714,inset 0 1px #ffffff12; }
.seat-panel .search-input-wrap input { padding:10px 9px; font-size:16px; color:#f8fbfd; }
.seat-panel .search-input-wrap input::placeholder { color:#9fb5c1; font-size:13px; }
.seat-panel .search-input-wrap input[aria-invalid="true"] { box-shadow:inset 0 -2px #f5a0a9; }
.seat-panel .search-input-wrap button {
  width:44px; min-height:44px; border:1px solid #f0fbff52; border-radius:13px;
  background:linear-gradient(150deg,#edf9ffd9,#b6dcecd1); color:#152b35;
  box-shadow:inset 0 1px #ffffff8c,0 3px 10px #00000016;
}
.seat-panel .search-input-wrap button:hover { background:linear-gradient(150deg,#fff,#d1edf9); }
.seat-panel .seat-search p { color:var(--dim); font-size:10px; line-height:1.7; margin-top:11px; }
.seat-panel .search-message { color:#d1e6f0; font-size:11px; margin-top:13px; line-height:1.7; }
.seat-panel .search-results { max-height:210px; gap:6px; padding:6px; border-color:#e0f1fb26; border-radius:16px; background:#111e2633; scrollbar-color:#8aa8b66b transparent; }
.seat-panel .search-results button { min-height:44px; padding:11px 12px; border:1px solid transparent; border-radius:11px; background:#d5eaf20b; color:#dcebf2; font-size:11px; }
.seat-panel .search-results button:hover,.seat-panel .search-results button:focus-visible { background:#c1e5f623; border-color:#d4f0ff40; color:#fff; }
.seat-panel .panel-divider { color:var(--dim); margin:21px 0; font-size:9px; gap:12px; }
.seat-panel .panel-divider:before,.seat-panel .panel-divider:after { background:#d6eaf31f; }
.seat-panel .vip-shortcuts { gap:10px; margin-bottom:22px; }
.seat-panel .vip-shortcuts button {
  position:relative; padding:14px 15px; border:1px solid #e4f3ff21; border-radius:17px;
  background:linear-gradient(140deg,#d7edfa12,#d7edfa05); color:#d8e7ef; font-size:14px; font-weight:500;
  box-shadow:inset 0 1px #ffffff14; transition:background .18s,border-color .18s;
}
.seat-panel .vip-shortcuts button span { color:var(--dim); font-size:10px; margin-top:6px; }
.seat-panel .vip-shortcuts button:hover { border-color:#e6f7ff55; background:#e1f5ff17; }
.seat-panel .vip-shortcuts button[aria-pressed="true"] { border-color:#cfefff91; color:#fff; background:linear-gradient(135deg,#bedff33b,#acd6ed12); box-shadow:inset 0 1px #ffffff47,0 4px 18px #00000014; }
.seat-panel .vip-shortcuts button[aria-pressed="true"] span { color:#d1e7f3; }
.seat-panel .locator-fields { grid-template-columns:minmax(0,1fr) 92px; gap:12px; margin-bottom:20px; }
.seat-panel .locator-fields:has(#rowField[hidden]) { grid-template-columns:1fr; }
.seat-panel .locator-fields .field-label { font-size:9px; color:#a9c1ce; margin-bottom:9px; letter-spacing:.12em; }
.seat-panel select { min-height:46px; padding:12px; border:1px solid #e2f4ff2b; border-radius:14px; background-color:#d9ecf00b; color:#edf6fa; font-size:13px; }
.seat-panel select option,.seat-panel select optgroup { background:#1a262e; color:#edf6fa; }
.seat-panel .row-heading { font-size:11px; margin-bottom:14px; color:#d4e4ed; }
.seat-panel .row-heading span:last-child { color:var(--dim); font-size:10px; }
.seat-panel .pitch-edge { border-top-color:#c7e9f74f; margin:0 5px; padding:7px 0 13px; }
.seat-panel .pitch-edge span { color:#91aab8; letter-spacing:.19em; font-size:8px; }
.seat-panel .seat-map { grid-template-columns:repeat(8,minmax(0,1fr)); gap:7px; max-height:263px; padding:4px 3px 8px; scrollbar-width:thin; scrollbar-color:#9fbdcc66 transparent; }
.seat-panel .seat-button {
  height:36px; min-width:0; border:1px solid #d9f1ff36; border-radius:10px 10px 7px 7px;
  background:linear-gradient(150deg,#bfdef329,#9fc9de0d); color:#e5f3fa; font-size:10px;
  box-shadow:inset 0 1px #ffffff26,inset 0 -3px #0c19243b;
}
.seat-panel .seat-button:after { height:1px; left:5px; right:5px; bottom:4px; background:#c8ebff40; }
.seat-panel .seat-button:not(:disabled):hover { background:linear-gradient(140deg,#c3e9ff60,#b8dcf229); border-color:#d6f3ff96; transform:translateY(-1px); color:#fff; }
.seat-panel .seat-button.is-active,.seat-panel .seat-button[aria-pressed="true"],.seat-panel .seat-button.is-active:not(:disabled):hover,.seat-panel .seat-button[aria-pressed="true"]:not(:disabled):hover {
  background:linear-gradient(145deg,#f07484,#cd354e); border-color:#ffc7cf; color:#fff;
  box-shadow:inset 0 1px #ffffff52,inset 0 -3px #8d193549,0 0 0 2px #ef677c1c;
}
.seat-panel .seat-button.is-active:after { background:#ffd0d6; }
.seat-panel .seat-button:disabled { color:#6f8794; background:#9bb8ca08; border-color:#bfdeee16; box-shadow:none; opacity:.65; }
.seat-panel .seat-legend { margin-top:13px; gap:20px; }
.seat-panel .seat-legend>span { color:var(--muted); font-size:10px; gap:6px; }
.seat-panel .seat-legend i { width:8px; height:8px; border-radius:3px; }
.seat-panel .legend-free { background:#a9cfe3; }
.seat-panel .legend-selected { background:#ed647b; }
.seat-panel .seat-hint { font-size:11px; line-height:1.7; color:var(--dim); margin:14px 0 18px; }
.seat-panel .current-seat {
  margin:0 0 15px; padding:14px; gap:10px; border:1px solid #f3a5b332; border-radius:16px;
  background:linear-gradient(130deg,#ba607b12,#cf738d04); box-shadow:inset 0 1px #ffffff10;
}
.seat-panel .current-seat strong { color:#f3f8fb; font-size:11px; line-height:1.5; }
.seat-panel .current-seat .sub-label { font-size:8px; color:#f0afbb; margin-bottom:5px; }
.seat-panel .current-seat .icon-button { width:36px; height:36px; margin-left:auto; }
.seat-panel .selected-dot { background:#ef7486; box-shadow:0 0 0 4px #ef74861c; }
.seat-panel .button-full {
  min-height:49px; padding:13px 17px; border:1px solid #eaf7ff82; border-radius:16px;
  background:linear-gradient(145deg,#e4f4ffe8,#b8ddebde); color:#162a34; font-size:12px;
  box-shadow:inset 0 1px #ffffff8c,0 5px 16px #00000018; font-weight:600;
}
.seat-panel .button-full:hover:not(:disabled) { background:linear-gradient(145deg,#fff,#d1edf9); transform:translateY(-1px); }
.seat-panel .button-full:disabled { opacity:.36; box-shadow:inset 0 1px #ffffff28; }
.seat-panel .catalog-note { color:var(--dim); font-size:10px; line-height:1.8; margin-top:16px; }
.seat-panel .catalog-note b { color:#d0e3ed; font-weight:500; }

.arena-note { align-items:flex-start; justify-content:flex-start; padding:17px 28px 20px; gap:10px; border-top:1px solid #e0f2fa10; background:transparent; color:var(--dim); font-size:10px; line-height:1.8; }
.arena-note .note-dot { width:5px; height:5px; border-color:#a8c0ce; margin-top:6px; }
.arena-note a { color:var(--accent); text-decoration-color:#b6d9ec5e; }
.arena-shell :is(button,select,input,canvas):focus-visible { outline:2px solid #cdefff; outline-offset:3px; }
.arena-shell #stadiumCanvas:focus-visible { outline-offset:-4px; }
.arena-shell .search-input-wrap input:focus-visible { outline:none; }

/* Keep the desktop workspace in proportion; the seat panel owns its scroll. */
@media (min-width:901px) {
  .seat-panel { max-height:820px; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:#9dbfce66 transparent; }
  .seat-panel .seat-map { max-height:none; overflow:visible; }
}

@media (min-width:1500px) {
  .arena-workspace { grid-template-columns:minmax(0,1fr) 390px; gap:24px; padding:24px; }
  .seat-panel { padding:28px; }
  .arena-shell .viewer { min-height:630px; }
}
@media (max-width:1150px) {
  .arena-workspace { grid-template-columns:minmax(0,1fr) 335px; padding:16px; gap:16px; }
  .seat-panel { padding:21px; }
  .seat-panel h3 { font-size:28px; }
  .seat-panel .seat-map { gap:5px; }
  .arena-shell .stand-selector button { gap:7px; padding:12px 7px; }
  .arena-shell .stand-selector b { font-size:10px; }
  .arena-shell .stand-selector small { display:none; }
  .arena-shell .view-tabs { top:14px; left:14px; }
  .arena-shell .view-tabs button { padding:10px; font-size:10px; }
  .arena-shell .view-tools { top:14px; right:14px; }
  .arena-shell .viewer-bottom { padding:15px; gap:9px; }
  .arena-shell .viewer-bottom-right { display:none; }
  .arena-shell .viewer-hint { display:none; }
  .arena-shell .viewer-status { max-width:calc(100% - 35px); }
}
@media (max-width:900px) {
  .arena-workspace { display:flex; flex-direction:column; padding:18px; gap:22px; }
  .arena-shell .viewer { flex:none; height:490px; min-height:490px; }
  .seat-panel { padding:27px; border:1px solid var(--glass-border); }
  .seat-panel .seat-map { grid-template-columns:repeat(8,minmax(0,1fr)); gap:9px; max-height:265px; }
  .seat-panel .seat-button { height:44px; font-size:12px; }
  .seat-panel .vip-shortcuts button { padding:17px; }
  .seat-panel .locator-fields { grid-template-columns:minmax(0,1fr) 120px; }
  .arena-shell .stand-selector small { display:block; }
  .arena-shell .stand-selector b { font-size:11px; }
  .arena-shell .view-tabs { top:17px; left:17px; }
  .arena-shell .view-tabs button { padding:10px 14px; font-size:11px; }
  .arena-shell .view-tools { top:17px; right:17px; }
  .arena-shell .viewer-bottom-right { display:block; }
  .arena-shell .model-live { display:none; }
}
@media (max-width:650px) {
  .arena-shell { border-radius:25px; }
  .arena-header { padding:19px 16px; min-height:88px; gap:10px; }
  .arena-title { gap:10px; }
  .arena-title h3 { font-size:13px; line-height:1.35; margin-bottom:4px; }
  .arena-title p { font-size:9px; max-width:145px; }
  .arena-symbol { width:37px; height:40px; border-radius:13px; }
  .arena-symbol svg { width:25px; height:25px; }
  .arena-actions { gap:6px; }

  .arena-shell .arena-actions .icon-button { width:42px; height:42px; }
  .arena-workspace { padding:10px; gap:18px; }
  .arena-shell .viewer { height:410px; min-height:410px; border-radius:20px; scroll-margin-top:12px; }
  .arena-shell .view-tabs { left:10px; top:11px; padding:4px; gap:2px; border-radius:27px; max-width:calc(100% - 72px); }
  .arena-shell .view-tabs button { min-height:42px; padding:10px 9px; font-size:9px; gap:5px; }
  .arena-shell .view-tabs button svg { width:14px; height:14px; }
  .arena-shell .view-tools { right:10px; top:11px; gap:7px; }
  .arena-shell .view-tools .icon-button { width:44px; height:44px; }
  .arena-shell .view-tools .icon-button svg { width:18px; height:18px; }
  .arena-shell .seat-perspective { left:12px; top:79px; border-radius:14px; padding:11px 12px; max-width:calc(100% - 80px); }
  .arena-shell .seat-perspective>span { font-size:7px; }
  .arena-shell .seat-perspective strong { font-size:10px; }
  .arena-shell .viewer-status { left:12px; bottom:12px; padding:9px 12px; font-size:9px; max-width:calc(100% - 24px); }
  .arena-shell .viewer-hint { display:none; }
  .arena-shell .camera-motion { bottom:60px; font-size:9px; padding:11px 12px; }
  .arena-shell .map-attribution { padding:10px 5px; font-size:8px; gap:5px 9px; line-height:1.6; }
  .arena-shell .viewer-bottom { padding:14px 12px; gap:8px; border-radius:18px; align-items:center; flex-wrap:wrap; }
  .arena-shell .viewer-bottom strong { font-size:10px; }
  .arena-shell .viewer-bottom .sub-label { font-size:7px; margin-bottom:5px; }
  .arena-shell .sector-badge { font-size:9px; padding:7px 8px; }
  .arena-shell .viewer-bottom-right { display:none; }
  .arena-shell .view-export { gap:5px; }
  .arena-shell .view-export .icon-button { width:42px; height:42px; }
  .arena-shell .view-export .icon-button svg { width:17px; height:17px; }
  .arena-shell .stand-selector { padding-top:10px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  .arena-shell .stand-selector button { padding:11px 3px; flex-direction:column; gap:7px; text-align:center; min-height:74px; border-radius:16px; }
  .arena-shell .stand-selector button>span { width:28px; height:30px; border-radius:10px; font-size:10px; }
  .arena-shell .stand-selector b { font-size:9px; }
  .arena-shell .stand-selector small { display:none; }
  .seat-panel { padding:22px 17px; border-radius:22px; scroll-margin-top:14px; }
  .seat-panel h3 { font-size:30px; margin:20px 0 23px; }
  .seat-panel .seat-search label { font-size:11px; }
  .seat-panel .search-input-wrap input { font-size:16px; padding:10px 8px; }
  .seat-panel .seat-search p,.seat-panel .catalog-note { font-size:10px; }
  .seat-panel .vip-shortcuts { gap:9px; }
  .seat-panel .vip-shortcuts button { padding:14px; font-size:14px; }
  .seat-panel .vip-shortcuts button span { font-size:10px; }
  .seat-panel .locator-fields { grid-template-columns:minmax(0,1fr) 94px; gap:10px; }
  .seat-panel select { font-size:16px; min-height:47px; padding:12px 10px; }
  .seat-panel .seat-map { grid-template-columns:repeat(auto-fit,minmax(44px,1fr)); gap:7px; max-height:268px; padding:4px 2px 8px; }
  .seat-panel .seat-button { height:44px; font-size:11px; border-radius:11px 11px 8px 8px; }
  .seat-panel .row-heading { font-size:11px; }
  .seat-panel .seat-hint { font-size:11px; }
  .seat-panel .current-seat { padding:13px 11px; }
  .seat-panel .current-seat .icon-button { width:42px; height:42px; }
  .seat-panel .button-full { min-height:49px; font-size:12px; }
  .arena-note { padding:16px 20px 20px; font-size:9px; line-height:1.8; }
}
@media (max-width:370px) {
  .arena-symbol { display:none; }
  .arena-shell .view-tabs button { padding:10px 7px; font-size:8px; }
  .arena-shell .view-tabs button svg { width:12px; height:12px; }
  .arena-shell .viewer-bottom { gap:8px; }
  .arena-shell .viewer-bottom>div:first-child { flex:1 1 52%; }
  .arena-shell .view-export { margin-left:0; }
  .seat-panel { padding-inline:14px; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .seat-panel { background:linear-gradient(140deg,#26343b,#19262d); }
  .arena-shell .view-tabs,.arena-shell .view-tools .icon-button,.arena-shell .viewer-status,.arena-shell .viewer-hint { background:#24343ded; }
}
@media (prefers-reduced-motion:reduce) {
  .arena-shell :is(button,.icon-button) { transition:none; }
  .arena-shell .seat-button:not(:disabled):hover,.seat-panel .button-full:hover:not(:disabled) { transform:none; }
}