.tourney-wizard [hidden], .ar117 [hidden], .modal-f [hidden], .wz117-step[hidden] { display: none !important; }
.switch-card { gap: 16px; padding: 14px 16px; align-items: center; }
.switch-card > span:first-child { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.switch-card > span:first-child > b { line-height: 1.3; }
.switch-card > span:first-child > .small, .switch-card > span:first-child > small { line-height: 1.45; }
.sw117-t { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sw117-t small { color: var(--ink-3, var(--muted, #64748b)); font-size: 13px; line-height: 1.45; }
.opt-head { display: flex; align-items: center; gap: 8px; margin: 4px 0 10px; }
.opt-head + .opt-grid, .opt-head + .pz116-tags, .opt-head + .cc116-rows { margin-top: 0; }
.pz116-tags, .cm116-tags, .wz117-awtags { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.cm116-tag span { padding: 0 14px; gap: 7px; }
.modal-b .col.gap-lg { gap: 18px; }
.modal-b fieldset.competition-rules { padding: 16px 16px 18px; }
.modal-b fieldset.competition-rules > legend { padding: 0 6px; }
.modal-b .field > span, .modal-b .field > label { margin-bottom: 6px; display: inline-flex; gap: 6px; align-items: center; }
.tourney-wizard .modal-b { scroll-behavior: auto; }
.wz117-bar { position: sticky; top: -1px; z-index: 3; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 6px; padding: 10px 2px 12px; margin: -6px 0 6px; background: linear-gradient(var(--surface-solid, #fff) 80%, transparent); }
.wz117-dot { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 0; text-align: center; color: var(--ink-3, #64748b); }
.wz117-dot span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--surface-2); border: 1.5px solid var(--line-2); font: 800 13px var(--font); transition: background-color .18s, border-color .18s, color .18s, transform .14s cubic-bezier(.2,.8,.2,1); }
.wz117-dot small { font-size: 11px; font-weight: 700; line-height: 1.2; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wz117-dot.done span { background: color-mix(in srgb, var(--q8-teal, #0e7c74) 14%, var(--surface-2)); border-color: var(--q8-teal, #0e7c74); color: var(--q8-teal, #0e7c74); }
.wz117-dot.on span { background: var(--q8-teal, #0e7c74); border-color: var(--q8-teal, #0e7c74); color: #fff; transform: scale(1.08); box-shadow: 0 6px 16px -8px var(--q8-teal, #0e7c74); }
.wz117-dot.on small { color: var(--ink); }
.wz117-dot:focus-visible span { outline: 2px solid var(--q8-teal, #0e7c74); outline-offset: 2px; }
@media (max-width: 720px) { .wz117-dot small { display: none; } }
.wz117-step { animation: wz117In .2s ease-out both; }
@keyframes wz117In { from { opacity: 0; } to { opacity: 1; } }
.wz117-sh { display: flex; align-items: center; gap: 14px; margin: 4px 0 18px; }
.wz117-sh h3 { margin: 2px 0 2px; font-size: 20px; letter-spacing: -.01em; }
.wz117-sh p { margin: 0; color: var(--ink-3, #64748b); font-size: 14px; }
.wz117-sh small { font: 800 11px var(--font); letter-spacing: .08em; text-transform: uppercase; color: var(--q8-teal, #0e7c74); }
.wz117-ic { display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 14px; background: color-mix(in srgb, var(--q8-teal, #0e7c74) 12%, var(--surface-2)); color: var(--q8-teal, #0e7c74); }
.wz117-in { display: flex; flex-direction: column; gap: 18px; }
.wz117-note { display: flex; gap: 12px; padding: 14px 16px; border-radius: 16px; background: color-mix(in srgb, var(--q8-teal, #0e7c74) 8%, var(--surface-2)); border: 1px solid color-mix(in srgb, var(--q8-teal, #0e7c74) 25%, var(--line)); }
.wz117-note > svg { flex: none; color: var(--q8-teal, #0e7c74); margin-top: 2px; }
.wz117-note b { display: block; margin-bottom: 4px; }
.wz117-note p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--ink-2); }
.wz117-rot { display: flex; flex-direction: column; gap: 14px; }
.wz117-btns { gap: 10px; }
.cc117-head, .cc117-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1.2fr) 36px; gap: 10px; align-items: center; }
.cc117-head small { font: 700 11.5px var(--font); color: var(--ink-3, #64748b); letter-spacing: .02em; }
.cc117-rows, .cc116-rows { display: flex; flex-direction: column; gap: 10px; }
.cc117-row input[data-cma], .cc117-row input[data-al] { font-weight: 700; }
@media (max-width: 560px) { .cc117-head { display: none; } .cc117-row { grid-template-columns: 40px 1fr 36px; } .cc117-row input[data-cml], .cc117-row input[data-lab] { grid-column: 2 / 3; } }
.wz117-tpl { display: flex; flex-wrap: wrap; gap: 8px; }
.wz117-tpl .chip { cursor: pointer; gap: 6px; }
.wz117-tpl .chip:hover { border-color: var(--q8-teal, #0e7c74); color: var(--q8-teal, #0e7c74); }
.wz117-aws { display: flex; flex-direction: column; gap: 12px; }
.wz117-aw { display: flex; flex-direction: column; gap: 12px; padding: 14px; border-radius: 18px; background: var(--surface-solid, #fff); border: 1px solid var(--line); box-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,.04)); }
.wz117-aw header { display: flex; align-items: center; gap: 10px; }
.wz117-aw header .input { font-weight: 800; }
.wz117-awic { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 12px; background: linear-gradient(135deg, #fde68a, #f59e0b); color: #7c2d12; }
.wz117-awgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: end; }
@media (max-width: 640px) { .wz117-awgrid { grid-template-columns: 1fr 1fr; } }
.wz117-hint { margin: 0 0 10px; }
.wz117-rws { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.wz117-rws .pz116-rw { width: 100%; }
.wz117-empty { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 16px; border: 1.5px dashed var(--line-2); color: var(--ink-3, #64748b); }
.wz117-empty p { margin: 0; }
.wz117-legacy { border: 1px solid var(--line); border-radius: 16px; padding: 12px 14px; background: var(--surface-2); }
.wz117-legacy > summary { cursor: pointer; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.wz117-legacy[open] > summary { margin-bottom: 12px; }
.wz117-rev { display: flex; flex-direction: column; gap: 8px; }
.wz117-hero { display: flex; gap: 14px; align-items: center; padding: 16px; border-radius: 18px; color: #fff; background: radial-gradient(120% 140% at 0% 0%, #13706a, #0b3537 70%); margin-bottom: 6px; }
.wz117-hero > span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: rgba(255,255,255,.12); color: #e8dc3a; }
.wz117-hero small { opacity: .75; font-weight: 700; }
.wz117-hero h3 { margin: 2px 0; font-size: 22px; }
.wz117-hero p { margin: 0; opacity: .8; font-size: 13.5px; }
.wz117-rr { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 14px; background: var(--surface-solid, #fff); border: 1px solid var(--line); }
.wz117-rr span { color: var(--ink-3, #64748b); font-size: 13px; font-weight: 700; }
.wz117-rr b { font-weight: 700; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 560px) { .wz117-rr { grid-template-columns: 1fr auto; } .wz117-rr span { grid-column: 1 / -1; } }
.tourney-wizard .modal-f { gap: 10px; align-items: center; }
.wz117-count { text-align: center; font: 700 12.5px var(--font); color: var(--ink-3, #64748b); }
.ar117-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
.ar117-top h3 { margin: 2px 0 0; }
.ar117-board { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); gap: 16px; align-items: start; }
@media (max-width: 1100px) { .ar117-board { grid-template-columns: 1fr; } }
.ar117-courts { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.ar117-court { position: relative; display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; background: var(--surface-solid, #fff); border: 1px solid var(--line); box-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05)); min-height: 210px; transition: border-color .18s, box-shadow .18s, transform .14s cubic-bezier(.2,.8,.2,1); }
.ar117-court header, .ar117-court footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; }
.ar117-court footer { margin-top: auto; border-top: 1px solid var(--line); min-height: 48px; }
.ar117-cn { font: 800 14px var(--font); letter-spacing: -.01em; }
.ar117-floor { position: relative; flex: 1; margin: 0 10px; border-radius: 14px; min-height: 104px; display: grid; place-items: center; background: linear-gradient(160deg, #1b5f4f, #0f3d36); color: #fff; overflow: hidden; }
.ar117-floor::before { content: ''; position: absolute; inset: 10px; border: 1.5px solid rgba(255,255,255,.28); border-radius: 4px; }
.ar117-floor::after { content: ''; position: absolute; top: 4px; bottom: 4px; left: 50%; border-left: 2px dashed rgba(255,255,255,.4); }
.ar117-court.free .ar117-floor { background: repeating-linear-gradient(135deg, var(--surface-2), var(--surface-2) 10px, color-mix(in srgb, var(--surface-2) 70%, var(--line)) 10px, color-mix(in srgb, var(--surface-2) 70%, var(--line)) 20px); color: var(--ink-3, #64748b); }
.ar117-court.free .ar117-floor::before, .ar117-court.free .ar117-floor::after { border-color: var(--line-2); }
.ar117-drop { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 14px; border-radius: 12px; background: var(--surface-solid, #fff); font-size: 12.5px; font-weight: 700; text-align: center; max-width: 85%; }
.ar117-court.drop { cursor: pointer; }
.ar117-court.drop:focus-visible { outline: 2px solid var(--q8-teal, #0e7c74); outline-offset: 2px; }
body.ar117-dragging .ar117-court.drop { border-color: color-mix(in srgb, var(--q8-teal, #0e7c74) 50%, var(--line)); border-style: dashed; }
.ar117-court.drop.over { border-color: var(--q8-teal, #0e7c74); box-shadow: 0 0 0 4px color-mix(in srgb, var(--q8-teal, #0e7c74) 22%, transparent); transform: translateY(-2px); }
.ar117-court.drop.over .ar117-drop { background: var(--q8-teal, #0e7c74); color: #fff; }
.ar117-court.calling { opacity: .7; }
.ar117-vs { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; width: 100%; padding: 12px 16px; }
.ar117-x { font: 900 13px var(--font); letter-spacing: .1em; color: #e8dc3a; text-shadow: 0 0 12px rgba(232,220,58,.6); }
.ar117-side { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; text-align: center; }
.ar117-side b { max-width: 100%; font-size: 13px; }
.ar117-avs { display: inline-flex; }
.ar117-avs > * + * { margin-left: -8px; }
.ar117-avs .avatar, .ar117-avs img { box-shadow: 0 0 0 2px var(--surface-solid, #fff); border-radius: 50%; }
.ar117-court.live { border-color: color-mix(in srgb, #f59e0b 55%, var(--line)); box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 35%, transparent), 0 14px 30px -18px rgba(245, 158, 11, .6); }
.ar117-court.live::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: conic-gradient(from var(--a117, 0deg), transparent 0 70%, rgba(245,158,11,.55) 80%, transparent 90%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 2px; animation: ar117Spin 5s linear infinite; }
@property --a117 { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes ar117Spin { to { --a117: 360deg; } }
.ar117-rib { position: absolute; z-index: 2; top: 10px; right: -34px; transform: rotate(35deg); display: flex; align-items: center; gap: 4px; padding: 3px 38px; background: linear-gradient(90deg, #f59e0b, #fde047, #f59e0b); background-size: 200% 100%; color: #451a03; font: 900 10px var(--font); letter-spacing: .12em; text-transform: uppercase; box-shadow: 0 4px 12px -4px rgba(245,158,11,.7); animation: ar117Rib 2.6s linear infinite; }
.ar117-rib svg { width: 12px; height: 12px; }
@keyframes ar117Rib { to { background-position: -200% 0; } }
.ar117-court.live .ar117-floor { animation: ar117Glow 2.8s ease-in-out infinite; }
@keyframes ar117Glow { 50% { box-shadow: inset 0 0 0 999px rgba(255,255,255,.04), inset 0 0 40px rgba(232,220,58,.18); } }
.tm117-live { position: relative; border-color: color-mix(in srgb, #f59e0b 50%, var(--line)) !important; box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 30%, transparent); }
.tm117-live::before { content: '⚔ TOURNAMENT'; position: absolute; top: -9px; left: 14px; padding: 2px 8px; border-radius: 99px; font: 900 9.5px var(--font); letter-spacing: .1em; color: #451a03; background: linear-gradient(90deg, #f59e0b, #fde047, #f59e0b); background-size: 200% 100%; animation: ar117Rib 2.6s linear infinite; }
body[data-afx="calm"] .ar117-court.live::after, body[data-afx="off"] .ar117-court.live::after, body[data-afx="calm"] .ar117-rib, body[data-afx="off"] .ar117-rib, body[data-afx="calm"] .ar117-court.live .ar117-floor, body[data-afx="off"] .ar117-court.live .ar117-floor, body[data-afx="calm"] .tm117-live::before, body[data-afx="off"] .tm117-live::before { animation: none; }
@media (prefers-reduced-motion: reduce) { .ar117-court.live::after, .ar117-rib, .ar117-court.live .ar117-floor, .tm117-live::before { animation: none; } }
.ar117-aside { display: flex; flex-direction: column; gap: 14px; }
.ar117-panel { border-radius: 20px; background: var(--surface-solid, #fff); border: 1px solid var(--line); padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.ar117-panel header { display: flex; flex-direction: column; gap: 4px; padding: 2px 4px; }
.ar117-panel h4 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 15px; }
.ar117-panel header small { font-size: 12px; display: inline-flex; align-items: center; gap: 4px; }
.ar117-ql { display: flex; flex-direction: column; gap: 8px; max-height: 560px; overflow: auto; padding: 2px; }
.ar117-batch { font: 800 11px var(--font); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3, #64748b); padding: 6px 4px 0; }
.ar117-q { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 10px; border-radius: 14px; background: var(--surface-2); border: 1.5px solid transparent; transition: border-color .15s, background-color .15s, transform .14s cubic-bezier(.2,.8,.2,1), opacity .15s; }
.ar117-q[draggable="true"] { cursor: grab; }
.ar117-q[draggable="true"]:hover { border-color: var(--line-2); }
.ar117-q.sel { border-color: var(--q8-teal, #0e7c74); background: color-mix(in srgb, var(--q8-teal, #0e7c74) 10%, var(--surface-2)); }
.ar117-q.dragging { opacity: .45; }
.ar117-q.over-q { border-top-color: var(--q8-teal, #0e7c74); transform: translateY(3px); }
.ar117-q.clash { opacity: .75; }
.ar117-q:focus-visible { outline: 2px solid var(--q8-teal, #0e7c74); outline-offset: 2px; }
.ar117-n { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: var(--surface-solid, #fff); font: 800 12px var(--font); }
.ar117-qm { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ar117-qm .ar117-side { flex-direction: row; justify-content: flex-start; text-align: left; }
.ar117-qx { font: 800 10px var(--font); letter-spacing: .1em; color: var(--ink-3, #64748b); text-transform: uppercase; padding-left: 4px; }
.ar117-warn { color: var(--warn, #b45309); font-size: 11.5px; display: inline-flex; align-items: center; gap: 4px; }
.ar117-qa { display: flex; align-items: center; gap: 2px; color: var(--ink-3, #64748b); }
.ar117-grip { display: grid; place-items: center; width: 22px; }
.ar117-more { margin: 0; padding: 0 4px; display: inline-flex; gap: 6px; align-items: center; }
.ar117-pst { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: 12px; padding: 0 4px; }
.ar117-pst span { display: inline-flex; align-items: center; gap: 5px; color: var(--ink-2); }
.ar117-pst i { width: 9px; height: 9px; border-radius: 50%; background: var(--c117, #94a3b8); }
.ar117-pst b { font-weight: 800; }
.ar117-pool { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 8px; max-height: 300px; overflow: auto; }
.ar117-pp { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 4px; border-radius: 12px; background: var(--surface-2); min-width: 0; font-size: 11.5px; box-shadow: inset 0 0 0 1.5px var(--c117, transparent); }
.ar117-pp b { max-width: 100%; }
.s-live { --c117: #16a34a; } .s-next { --c117: #f59e0b; } .s-wait { --c117: #94a3b8; } .s-done { --c117: #0e7c74; }
.ar117-pp.s-done { opacity: .6; }
.bd117-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; padding: 10px 14px; margin-bottom: 14px; border-radius: 16px; background: var(--surface-solid, #fff); border: 1px solid var(--line); }
.bd117-l { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; }
.bd117-g { display: inline-flex; align-items: center; gap: 8px; }
.bd117-g small { font-weight: 700; color: var(--ink-3, #64748b); }
.bd117-curtain { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 48px 20px 36px; background: radial-gradient(120% 120% at 50% 0%, #13706a, #0b3537 70%); color: #fff; border: 0; }
.bd117-curtain h3 { margin: 6px 0 0; font-size: 22px; }
.bd117-curtain p { margin: 0 0 10px; color: rgba(255,255,255,.75) !important; max-width: 46ch; }
.bd117-tr { position: relative; z-index: 1; display: grid; place-items: center; width: 74px; height: 74px; border-radius: 22px; background: linear-gradient(135deg, #fde68a, #f59e0b); color: #7c2d12; box-shadow: 0 16px 34px -16px #f59e0b; animation: bd117Float 4s ease-in-out infinite; }
.bd117-curtain > :not(.bd117-cur) { position: relative; z-index: 1; }
.bd117-cur { position: absolute; inset: 0; display: flex; pointer-events: none; }
.bd117-cur i { flex: 1; background: repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 12px, rgba(0,0,0,.05) 12px 24px); }
.bd117-cur i:first-child { animation: bd117L 6s ease-in-out infinite; } .bd117-cur i:last-child { animation: bd117R 6s ease-in-out infinite; }
@keyframes bd117Float { 50% { transform: translateY(-6px); } }
@keyframes bd117L { 50% { transform: translateX(-8px); } } @keyframes bd117R { 50% { transform: translateX(8px); } }
@media (prefers-reduced-motion: reduce) { .bd117-tr, .bd117-cur i { animation: none !important; } }
.rt117 + .rt117 { margin-top: 14px; }
.rt117-list { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.rt117-row { display: grid; grid-template-columns: 30px auto minmax(0, 1fr) repeat(4, 58px); gap: 10px; align-items: center; padding: 8px 10px; border-radius: 14px; background: var(--surface-2); }
.rt117-row.pod { background: color-mix(in srgb, #f59e0b 10%, var(--surface-2)); }
.rt117-row.p1 { box-shadow: inset 0 0 0 1.5px #f59e0b; }
.rt117-n { text-align: center; font: 900 15px var(--font); }
.rt117-row.p1 .rt117-n { color: #b45309; }
.rt117-bar { height: 5px; border-radius: 99px; background: var(--line); margin-top: 6px; overflow: hidden; }
.rt117-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--q8-teal, #0e7c74), #84cc16); }
.rt117-k { display: flex; flex-direction: column; align-items: center; line-height: 1.1; }
.rt117-k b { font: 800 15px var(--font); } .rt117-k small { font-size: 10.5px; color: var(--ink-3, #64748b); }
@media (max-width: 640px) { .rt117-row { grid-template-columns: 26px auto minmax(0, 1fr) 52px 52px; } .rt117-row .rt117-k:nth-last-child(-n+2) { display: none; } }
.reg117-int { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; padding: 10px 12px; margin: 10px 0; border-radius: 14px; background: color-mix(in srgb, #f59e0b 8%, var(--surface-2)); }
.reg117-avs { display: inline-flex; } .reg117-avs > * + * { margin-left: -6px; }
.reg-row .chip.xs { margin-top: 6px; }
.pr117 { display: flex; flex-direction: column; gap: 14px; }
.pr117-who { display: flex; align-items: center; gap: 12px; }
.pr117-who > div:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.pr117-due { text-align: right; } .pr117-due b { font: 900 22px var(--font); display: block; }
.pr117-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.pr117-grid > div { padding: 10px; border-radius: 12px; background: var(--surface-2); display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pr117-grid small { color: var(--ink-3, #64748b); font-size: 11.5px; } .pr117-grid b { overflow-wrap: anywhere; }
@media (max-width: 560px) { .pr117-grid { grid-template-columns: 1fr 1fr; } }
.pr117-img { display: block; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); max-height: 420px; }
.pr117-img img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: contain; background: var(--surface-2); }
.sh117-aud { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0; }
.sh117-aud button { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; border: 1.5px solid var(--line-2); background: var(--surface-2); transition: border-color .15s, background-color .15s; }
.sh117-aud button span { display: flex; flex-direction: column; min-width: 0; }
.sh117-aud button small { color: var(--ink-3, #64748b); font-size: 11.5px; }
.sh117-aud button.on { border-color: var(--q8-teal, #0e7c74); background: color-mix(in srgb, var(--q8-teal, #0e7c74) 10%, var(--surface-2)); }
.sh117-aud button:focus-visible { outline: 2px solid var(--q8-teal, #0e7c74); outline-offset: 2px; }
.aw117-codes { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 2px; }
.aw117-codes span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 99px; background: color-mix(in srgb, #f59e0b 14%, transparent); font-size: 12.5px; }
.aw117-codes svg { width: 14px; height: 14px; } .aw117-codes i { font-style: normal; opacity: .6; }
.reg-row > .grow { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; }
.reg-row > .grow > b { display: inline-flex; align-items: center; gap: 6px; }
.reg-row > .grow > p { margin: 0; }
.reg-row > .grow > .chip { width: auto; }
#tBody .bd117-curtain.card, .bd117-curtain.card { background: radial-gradient(120% 120% at 50% 0%, #13706a, #0b3537 70%) !important; color: #fff !important; border: 0 !important; }
.bd117-curtain.card h3 { color: #fff !important; }
.rt117-row > .grow { text-align: left; min-width: 0; } .rt117-row > .grow > b { display: block; }
.toasts { left: 18px !important; right: auto !important; bottom: 18px; align-items: flex-start; }
@media (min-width: 901px) { body:has(.sb108) .toasts { left: calc(var(--sb108-w, 248px) + 22px) !important; } }
@media (max-width: 900px) { .toasts { left: 12px !important; right: 12px !important; bottom: 92px; } }
#tBody .ev-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); grid-template-rows: auto 1fr; grid-template-areas: "ctl share" "mood share"; gap: 16px; align-items: start; }
#tBody .ev-top > .ev-control { grid-area: ctl; margin: 0; }
#tBody .ev-top > .ev-share { grid-area: share; align-self: stretch; margin: 0; }
#tBody .ev-top > .ev-mood { grid-area: mood; margin: 0; align-self: stretch; }
@media (max-width: 980px) { #tBody .ev-top { grid-template-columns: 1fr; grid-template-areas: "ctl" "share" "mood"; } }
.dc117-tlist { display: flex; flex-direction: column; gap: 10px; }
.dc117-twrap { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: center; }
.dc117-day { font: 800 12px var(--font); text-transform: uppercase; letter-spacing: .04em; color: var(--ink-3, #64748b); }
.dc117-t { border-left: 3px solid #f59e0b; }
.dc117-tc { gap: 4px; background: color-mix(in srgb, #f59e0b 14%, transparent); }
@media (max-width: 640px) { .dc117-twrap { grid-template-columns: 1fr; gap: 4px; } }
.ar117-court.movable { cursor: grab; }
.ar117-court.live.sel { outline: 3px solid var(--brand, #0ea5e9); outline-offset: 2px; }
.ar117-la { gap: 6px; }
.ar117-court.live > header { padding-right: 64px; }