.oqf-page{max-width:1100px;margin-inline:auto}.oqf-intro{padding:10px 2px}.oqf-intro h2{margin:4px 0;font-size:clamp(1.6rem,3vw,2.4rem)}.oqf-intro p{margin:0;color:var(--muted)}.oqf-create{padding:16px}.oqf-create summary,.oqf-more summary{cursor:pointer;font-weight:800}.oqf-create form{margin-top:16px}.oqf-match{width:100%;display:grid;gap:8px;text-align:start;padding:18px;background:var(--bg2,#1d1d1d);color:var(--ink,#fff);border:1px solid var(--stroke,#444);border-radius:18px;cursor:pointer}.oqf-match:hover,.oqf-match:focus-visible{border-color:var(--accent,#d4ff3a)}.oqf-date{color:var(--muted);font-size:.85rem}.oqf-names{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.oqf-names b:last-child{text-align:end}.oqf-names strong{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--accent,#d4ff3a);white-space:nowrap}.oqf-open{font-size:.8rem;color:var(--muted)}.oqf-back{align-self:start}.oqf-live{padding:clamp(16px,3vw,28px)}.oqf-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin:18px 0}.oqf-score>div{min-width:0;display:grid;gap:5px;text-align:center}.oqf-score small{color:var(--muted)}.oqf-score b{overflow-wrap:anywhere;font-size:clamp(1rem,2.5vw,1.5rem)}.oqf-score strong{font-size:clamp(3rem,10vw,6rem);line-height:1;color:var(--accent,#d4ff3a)}.oqf-score>span{font-size:2rem;color:var(--muted)}.oqf-time{display:flex;gap:10px;align-items:baseline;justify-content:center;flex-wrap:wrap}.oqf-time strong{font-size:clamp(2.6rem,8vw,5rem);font-variant-numeric:tabular-nums;line-height:1.1}.oqf-time span{color:var(--muted)}.oqf-progress{height:8px;overflow:hidden;border-radius:99px;background:var(--stroke,#444);margin:12px 0}.oqf-progress i{display:block;height:100%;background:var(--accent,#d4ff3a);transition:width .5s}.oqf-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.oqf-controls button{min-height:48px}.oqf-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oqf-team{display:grid;gap:10px;padding:16px;background:var(--bg2,#1d1d1d);border:1px solid var(--stroke,#444);border-radius:16px;min-width:0}.oqf-team h3{margin:0;overflow-wrap:anywhere}.oqf-team button{min-height:46px}.oqf-fouls{font-size:.85rem;color:var(--muted)}.oqf-fouls b{color:var(--ink,#fff)}.oqf-more{padding:16px}.oqf-more .oqf-actions{margin-top:14px}.oqf-confirm{display:grid;gap:12px;padding:18px;border:2px solid var(--accent,#d4ff3a);border-radius:16px;background:var(--bg2,#1d1d1d)}.oqf-confirm .row{flex-wrap:wrap}.oqf-timeline{display:grid;gap:8px}.oqf-event{display:grid;grid-template-columns:minmax(95px,.6fr) minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--stroke,#444);padding:10px 0}.oqf-event span{color:var(--muted);font-size:.8rem}.oqf-event b{overflow-wrap:anywhere}.oqf-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}.oqf-summary>.panel{display:grid;gap:4px;text-align:center;padding:16px}.oqf-summary b{font-size:2rem;color:var(--accent,#d4ff3a)}.oqf-summary span{font-size:.85rem;color:var(--muted)}.oqf-library{min-width:0}.oqf-library>div>p{margin:5px 0}.oqf-exercises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oqf-exercise{display:grid;align-content:start;gap:10px;min-width:0;padding:14px}.oqf-exercise h4{font-size:1.05rem;margin:0}.oqf-exercise p{margin:0}.oqf-exercise small{color:var(--muted)}.oqf-exercise details summary{cursor:pointer}.oqf-exercise button{min-height:44px;margin-top:auto}@media(max-width:640px){.oqf-actions,.oqf-exercises{grid-template-columns:1fr}.oqf-score{gap:5px}.oqf-live{padding:14px}.oqf-event{grid-template-columns:minmax(0,1fr) auto}.oqf-event span{grid-column:1/-1}.oqf-names{gap:5px}.oqf-team{padding:12px}}@media(orientation:landscape) and (max-height:620px){.oqf-page{padding-bottom:84px}.oqf-score{margin:6px 0}.oqf-score strong{font-size:clamp(2.6rem,8vh,4rem)}.oqf-time strong{font-size:clamp(2.2rem,8vh,3.5rem)}}
@media(max-width:900px) and (orientation:portrait){.tbgrid:not(.focus):has(.tbpanes [data-v="seance"][aria-selected="true"]) .tbside{order:-1}.tbgrid:not(.focus):has(.tbpanes [data-v="seance"][aria-selected="true"]) .oqf-exercises{grid-template-columns:1fr}}.tbside .oqf-exercises{grid-template-columns:1fr}.oqf-library{scroll-margin-top:70px}
.oqf-top-actions{display:flex;flex-wrap:wrap;gap:8px}.oqf-top-actions .btn{min-height:44px}@media(max-width:520px){.oqf-top-actions .btn{flex:1 1 100%}}