.study-entry{border:1px solid var(--border,#b1cab84d);color:inherit;cursor:pointer;background:0 0;border-radius:11px;align-items:center;gap:8px;min-height:44px;padding:10px 13px;font-size:13px;display:inline-flex}.table-study-dialog{overscroll-behavior:contain;gap:18px;max-height:min(88dvh,1000px);overflow-y:auto;width:min(760px,100vw - 24px)!important;max-width:760px!important;padding:25px!important}.table-study-body{min-width:0;font-size:14px;line-height:1.65}.table-study-body h3{margin:8px 0 18px;font-size:20px;line-height:1.35}.table-study-body p{margin:0 0 14px}.table-study-body details{border:1px solid var(--border,#b1cab840);border-radius:13px;min-width:0;margin:16px 0;padding:13px 15px}.table-study-body summary{cursor:pointer;min-height:30px;padding:3px 0;font-weight:650;list-style-position:inside}.table-study-body summary svg{vertical-align:middle;margin-right:5px;display:inline-block}.table-study-body details[open]>summary{margin-bottom:14px}.table-study-body button:not(.button){border:1px solid var(--border,#b1cab84d);min-height:44px;color:inherit;font:inherit;cursor:pointer;white-space:normal;background:#7b9e8514;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:13px;line-height:1.45;display:inline-flex}.table-study-body button:disabled{opacity:.45;cursor:default}.table-study-body button:focus-visible,.table-study-body input:focus-visible,.table-study-body select:focus-visible,.table-study-body summary:focus-visible,.study-entry:focus-visible{outline:2px solid var(--gold,#e7c66e);outline-offset:3px}.table-study-body .button{white-space:normal;max-width:100%;min-height:44px}.study-note,.study-muted{color:var(--muted,#a7bdb0);font-size:12px;line-height:1.65}.study-note svg{vertical-align:middle;margin-right:6px;display:inline-block}.study-error{color:#ffd3cd;background:#822d231f;border:1px solid #c98278;border-radius:10px;padding:12px}.study-empty{text-align:center;color:var(--muted,#a7bdb0);padding:24px 14px}.study-empty svg{margin:auto auto 12px}.study-empty h3{color:var(--text,#f7f4e8)}.study-lessons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.table-study-body .study-lessons button{text-align:center;flex-direction:column;gap:9px;min-width:0;padding:18px 12px;display:flex}.study-lessons strong{font-size:13px;line-height:1.5}.study-lessons small{color:var(--muted,#a7bdb0);font-size:11px}.study-record-picker{margin-top:20px}.study-record-picker label,.study-scrub label{gap:8px;font-size:12px;font-weight:600;display:grid}.study-record-picker select{width:100%;min-width:0;min-height:44px;color:inherit;background:var(--input-bg,#0a241c);border:1px solid var(--border,#b1cab84d);font:inherit;border-radius:10px;padding:10px 12px}.study-record-picker option{color:#f7f4e8;background:#10382a}.study-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.study-actions button{flex:170px}.study-shared{border:1px solid var(--border,#b1cab84d);background:#80a18409;border-radius:16px;margin:18px 0;padding:20px}.study-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.study-heading small{color:var(--muted,#a7bdb0);font-size:11px}.study-label{text-transform:uppercase;letter-spacing:.12em;color:var(--gold,#e7c66e);font-size:10px;font-weight:700}.study-cards{flex-wrap:wrap;align-items:center;gap:7px;min-height:72px;margin:12px 0;display:flex}.study-cards .playing-card.small{flex:0 0 45px;width:45px;height:63px}.study-players{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:18px 0;display:grid}.study-player{background:#729a7f12;border-radius:12px;min-width:0;padding:13px}.study-player>strong{overflow-wrap:anywhere;font-size:13px}.study-player small{color:var(--muted,#a7bdb0);font-size:11px;display:block}.study-player .study-cards{min-height:63px}.study-lesson{border-left:3px solid var(--gold,#e7c66e);background:#b8a45612;border-radius:0 10px 10px 0;padding:12px 15px}.study-scrub{border:1px solid var(--border,#b1cab833);border-radius:11px;margin:15px 0;padding:13px}.study-scrub input{width:100%;min-height:36px;accent-color:var(--gold,#e7c66e)}.study-timeline{gap:8px;max-height:300px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.study-timeline li{border-left:2px solid var(--border,#b1cab84d);gap:3px;padding:7px 12px;display:grid}.study-timeline li[aria-current=step]{border-color:var(--gold,#e7c66e);background:#b8a45612}.study-timeline span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#a7bdb0);font-size:10px}.study-timeline strong{font-size:12px}.study-timeline small{color:var(--muted,#a7bdb0);font-size:11px}.study-quiz-options{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.study-quiz-options button{flex:120px}.study-quiz-options button[aria-pressed=true]{border-color:var(--gold,#e7c66e);opacity:1;background:#b8a45624}.study-quiz-result{border:1px solid var(--gold,#e7c66e);border-radius:12px;align-items:flex-start;gap:12px;margin-top:16px;padding:15px;display:flex}.study-quiz-result svg{color:var(--gold,#e7c66e);flex-shrink:0}.study-quiz-result p{margin:7px 0 0;font-size:12px}.study-close-session{width:100%}.study-warning{border-left:3px solid var(--gold,#e7c66e);background:#b5863e1a;padding:12px;font-size:12px}.study-consent{align-items:flex-start;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.study-consent input{width:18px;height:18px;accent-color:var(--gold,#e7c66e);flex:none;margin-top:4px}@media (width<=540px){.table-study-dialog{max-height:92dvh;width:calc(100vw - 16px)!important;padding:20px 15px!important}.study-lessons{grid-template-columns:1fr}.table-study-body .study-lessons button{text-align:left;grid-template-columns:26px 1fr;padding:13px;display:grid}.study-lessons button svg{grid-row:span 2}.study-lessons button strong,.study-lessons button small{grid-column:2}.study-shared{padding:14px}.study-heading{align-items:flex-start}.study-cards{gap:5px}.study-cards .playing-card.small{flex-basis:39px;width:39px;height:55px}.study-players{grid-template-columns:repeat(2,minmax(0,1fr))}.study-player{padding:10px}.study-record-picker select{font-size:16px}.study-timeline{max-height:240px}}
