:root { --ui-red:#E4C07B; --ui-dark-red:#E4C07B; --ui-ink:#181818; --ui-muted:#565656; --ui-line:#DEDEDE; --ui-control-line:#767676; --ui-paper:#FFFFFF; --ui-space-1:8px; --ui-space-2:16px; --ui-space-3:24px; --ui-space-4:32px; }
[hidden]{display:none!important}
[data-theme=cap] .ui-entry input,[data-theme=cap] .ui-organizer input:not([type=checkbox]):not([type=radio]),[data-theme=cap] .ui-organizer select,[data-theme=cap] .ui-organizer textarea{border-color:#767676}
.ui-player .choice{border-color:#767676}.ui-player .choice i{background:#FFFFFF;color:#E4C07B;border:1px solid #767676}.ui-player .cap-question .bar{background:#DEDEDE}.ui-player tr.me td{background:#FFFFFF;border-left:2px solid #E4C07B}
.ui-organizer .islot>label{min-height:44px;display:flex;align-items:center;gap:8px}
.ui-organizer .card,.ui-player .card{padding:24px;border-radius:16px;margin-bottom:24px}
.ui-icon { width:20px; height:20px; flex-shrink:0; vertical-align:middle; }
.ui-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 20px; border:1px solid var(--ui-control-line); border-radius:10px; text-decoration:none; color:var(--ui-ink); font-size:14px; font-weight:800; background:#FFFFFF; cursor:pointer; }
.ui-button-primary { background:#E4C07B; color:#FFFFFF!important; border-color:#E4C07B; }.ui-button:hover { border-color:#E4C07B; }.ui-button-primary:hover { background:#E4C07B; }.ui-eyebrow { color:#E4C07B; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
[data-theme=cap] button.ui-command { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
[data-theme=cap] .ui-entry-page main { max-width:1120px; padding:48px 32px 64px; }
.ui-entry { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); border:1px solid var(--ui-line); border-radius:20px; overflow:hidden; }
.ui-entry-panel { position:relative; background:#E4C07B; color:#FFFFFF; padding:40px; display:flex; flex-direction:column; justify-content:space-between; gap:40px; min-width:0; }
.ui-entry-panel > .ui-icon { width:56px; height:56px; }
.ui-entry-panel .ui-eyebrow { color:#FFFFFF; }.ui-entry-panel h2 { font-size:clamp(32px,3.5vw,48px); line-height:1.12; letter-spacing:-.05em; margin:16px 0; font-weight:800; }.ui-entry-panel p { font-size:15px; line-height:1.65; margin:0; max-width:360px; }
.ui-entry-path { border-top:1px solid #FFFFFF80; padding-top:24px; display:flex; gap:16px; flex-wrap:wrap; font-size:12px; font-weight:750; }.ui-entry-path span { display:flex; align-items:center; gap:8px; }.ui-entry-path .ui-icon { width:16px; height:16px; }
[data-theme=cap] .ui-entry .card { border:0; border-radius:0; padding:40px; margin:0; box-shadow:none; min-width:0; }
[data-theme=cap] .ui-entry-form h1 { font-size:32px; margin:12px 0 16px; }.ui-entry-form > p { color:var(--ui-muted); font-size:14px; line-height:1.65; }.ui-entry-form label { margin:20px 0 4px; }.ui-entry-form button[type=submit] { width:100%; margin-top:12px; }.ui-entry-form .ui-form-footer { text-align:center; margin:20px 0 0; }.ui-entry-form .ui-form-footer a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; }
.ui-password { display:flex; align-items:stretch; gap:8px; }.ui-password input { min-width:0; margin-bottom:0!important; }.ui-password button { flex:0 0 auto; font-size:12px; margin-top:5px; }.ui-password .ui-icon { width:18px; height:18px; }
.ui-entry-form .ui-intro-meta { display:flex; gap:8px; flex-wrap:wrap; margin:24px 0 8px; }.ui-intro-meta span { font-size:12px; color:var(--ui-muted); border:1px solid var(--ui-line); border-radius:8px; padding:8px 12px; }
.ui-id-card { text-align:center; }.ui-id-card > .ui-icon { width:48px; height:48px; color:#E4C07B; margin-bottom:16px; }.ui-id-card .big { font-size:40px; color:#E4C07B; letter-spacing:.16em!important; margin:24px 0!important; overflow-wrap:anywhere; }.ui-id-card #xs { margin-top:24px; }
[data-theme=cap] .ui-organizer main { max-width:1280px; padding:32px 32px 64px; }
.ui-workspace-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:32px; }.ui-workspace-heading > div { min-width:0; flex:1; }[data-theme=cap] .ui-workspace-heading h1 { font-size:40px; margin:12px 0; }.ui-workspace-heading p { font-size:14px; color:var(--ui-muted); margin:0; }.ui-workspace-heading > a { font-size:12px; }
.ui-hunt-selector { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-end; margin-bottom:24px; }.ui-hunt-selector label { flex:1 1 240px; min-width:0; margin:0!important; }.ui-hunt-selector select { margin:8px 0 0!important; }.ui-quiz-actions { display:flex; flex-wrap:wrap; gap:8px; }.ui-hunt-selector button { flex-shrink:0; }.ui-delete-dialog .card { max-width:560px; }.ui-delete-dialog p { overflow-wrap:anywhere; }.ui-delete-dialog .row { gap:8px; flex-wrap:wrap; }.ui-delete-dialog button,.ui-quiz-actions button { min-width:44px; min-height:44px; white-space:normal!important; }.ui-empty-quizzes { padding:32px!important; }
.ui-admin-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:24px; border-block:1px solid var(--ui-line); }.ui-admin-metrics > div { display:flex; align-items:center; gap:16px; padding:20px 24px; min-width:0; }.ui-admin-metrics > div:first-child { padding-left:0; }.ui-admin-metrics > div+div { border-left:1px solid var(--ui-line); }.ui-admin-metrics .ui-icon { width:28px; height:28px; color:#E4C07B; }.ui-admin-metrics span { font-size:12px; color:var(--ui-muted); }.ui-admin-metrics strong { display:block; color:var(--ui-ink); font-size:24px; font-weight:800; }
[data-theme=cap] .ui-organizer .tabs { border-bottom:1px solid var(--ui-line); padding-bottom:16px; margin-bottom:24px; }[data-theme=cap] .ui-organizer .tabs button { flex:0 1 auto; font-size:14px; min-height:48px; padding:12px 20px; border-color:transparent; color:#565656; display:flex; align-items:center; gap:8px; }[data-theme=cap] .ui-organizer .tabs button.on { background:#E4C07B; color:#FFFFFF; border-color:#E4C07B; }
.ui-session { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); border:1px solid var(--ui-line); border-radius:16px; margin-bottom:24px; overflow:hidden; }.ui-session-main { padding:24px; background:#E4C07B; color:#FFFFFF; }.ui-session-main .ui-eyebrow { color:#FFFFFF; }[data-theme=cap] .ui-session-main h2 { font-size:28px; margin:12px 0; overflow-wrap:anywhere; }.ui-session-main p { font-size:14px; margin:8px 0 20px; }.ui-session-main .ui-state { display:inline-block; border:1px solid #FFFFFF; border-radius:8px; padding:4px 8px; font-size:11px; margin-left:8px; font-weight:750; }.ui-session-main .row { gap:8px; flex-wrap:wrap; }.ui-session-main .row > button { flex:1 1 140px; min-width:0; }[data-theme=cap] .ui-session-main button { background:#FFFFFF; color:#E4C07B; border:1px solid #FFFFFF; }[data-theme=cap] .ui-session-main button.sec,[data-theme=cap] .ui-session-main #rst { background:#E4C07B; color:#FFFFFF; border:1px solid #FFFFFF; }.ui-session-main button:focus-visible { outline-color:#FFFFFF; }.ui-session-main .ui-code { font-size:20px; letter-spacing:.12em; font-weight:800; }.ui-invite { padding:24px; min-width:0; }.ui-invite label { margin:12px 0 4px!important; }.ui-invite input { font-size:13px!important; }.ui-invite-actions { display:flex; flex-wrap:wrap; gap:8px; }.ui-invite-actions button { font-size:13px; }.ui-invite .ui-button { margin-top:16px; width:100%; }.ui-invite #invite-feedback { font-size:12px; color:#246647; }
.ui-config-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; margin-bottom:24px; }.ui-config-grid > .card { margin:0!important; }.ui-config-grid > .card > h2 { font-size:23px; margin:0 0 20px; }.ui-config-grid > .card > br { display:none; }
.ui-checkbox { display:flex!important; align-items:flex-start; gap:12px; min-height:44px; font-size:13px!important; line-height:1.55; padding:8px 0; margin:8px 0!important; }.ui-checkbox input { flex:0 0 20px; margin-top:2px; }.ui-config-grid .row { flex-wrap:wrap; gap:12px; }.ui-config-grid .row > label { flex:1 1 120px; }.ui-config-grid .mut { font-size:12px; line-height:1.65; }.ui-config-grid #answer-seconds { max-width:200px; }
[data-theme=cap] .ui-organizer .cap-editor-guide { border-top:0; border-left:4px solid #E4C07B; border-radius:12px; margin-bottom:24px; padding:24px; }.ui-organizer .cap-target-label { margin:16px 0; }.ui-organizer .cap-format-actions { gap:8px; margin:16px 0 0; }.ui-organizer .cap-format-actions button { display:inline-flex; gap:8px; align-items:center; }
[data-theme=cap] .ui-organizer .step { padding:24px; border-radius:16px; margin-bottom:24px; }.ui-step-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }.ui-step-head > b { font-size:20px; }.ui-step-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }.ui-step-actions button { min-width:44px; min-height:44px!important; font-size:12px; }.ui-step-actions button[data-rm] { color:#FFE3A1; border-color:#FFE3A1; }.ui-organizer .ty { max-width:300px; }.ui-organizer .cap-preview-btn { margin-left:12px; font-size:12px; }.ui-organizer .q { font-size:18px!important; min-height:64px!important; font-weight:700; }.ui-organizer .step > .row { flex-wrap:wrap; gap:16px; }.ui-organizer .step > .row > label { flex:1 1 140px; }.ui-organizer .sq .row { gap:12px; }.ui-answer-radio { display:grid!important; place-items:center; margin:0!important; min-width:44px; min-height:48px; flex:0 0 44px!important; }.ui-answer-radio .cr { width:24px!important; height:24px; flex-basis:24px!important; }.ui-organizer .ch { margin:4px 0!important; }.ui-organizer .cap-save-panel { bottom:16px; padding:16px; border-radius:12px; box-shadow:0 8px 24px #18181814; margin:24px 0 8px; }.ui-organizer .cap-save-panel button { display:flex; align-items:center; justify-content:center; gap:8px; }
.ui-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }.ui-settings-grid .card { margin:0!important; }.ui-settings-grid .card h2 { font-size:22px!important; margin:0 0 16px!important; display:flex; align-items:center; gap:12px; }.ui-settings-grid .card h2 .ui-icon { color:#E4C07B; }.ui-settings-grid .card p { font-size:13px; }.ui-settings-grid .card:last-child { border-color:#FFE3A1; }
.ui-table-wrap { max-width:100%; overflow-x:auto; border-top:1px solid var(--ui-line); margin-top:16px; }.ui-table-wrap table { min-width:520px; }.ui-table-wrap th { font-size:12px; color:var(--ui-muted); font-weight:650; }.ui-table-wrap td { padding:16px 8px; font-size:14px; overflow-wrap:anywhere; }.ui-table-wrap .mut { overflow-wrap:anywhere; }.ui-table-wrap button { min-width:44px; min-height:44px; padding:8px!important; }
[data-theme=cap] .ui-player main { max-width:840px; padding:32px 24px 64px; }.ui-player-heading { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:24px; }[data-theme=cap] .ui-player-heading h1 { font-size:32px; margin:8px 0; overflow-wrap:anywhere; }.ui-player-heading p { font-size:14px; color:var(--ui-muted); margin:0; }.ui-player .tabs { margin-bottom:24px; }.ui-player .tabs button { display:flex; align-items:center; justify-content:center; gap:8px; }
[data-theme=cap] .ui-player .cap-question { padding:32px; border-radius:16px; }.ui-player .cap-score-strip { background:#E4C07B; color:#FFFFFF; padding:24px; border-radius:12px; margin-bottom:20px; }.ui-player .cap-score-strip .cap-eyebrow,.ui-player .cap-score-strip .cap-score,.ui-player .cap-score-strip .cap-score small { color:#FFFFFF; }.ui-player .cap-rank { color:#FFFFFF; border-color:#FFFFFF; background:#E4C07B; border-radius:8px; font-size:13px; }.ui-player .cap-score { font-size:36px; }.ui-player .cap-question-type { font-size:11px; margin-top:24px; }.ui-player .cap-question h2 { font-size:28px; line-height:1.25; margin:16px 0 24px; }.ui-player .choice { margin:12px 0; padding:16px 20px; font-size:16px; box-shadow:none; }.ui-player .choice:hover:not(:disabled) { background:#FFFFFF; box-shadow:inset 4px 0 0 #E4C07B; }.ui-player .choice i { font-weight:800; border-color:#767676; }.ui-player .choice.right { border-color:#246647; background:#FFFFFF; outline:2px solid #246647; }.ui-player .choice.right::after { content:'✓'; margin-left:auto; font-size:20px; color:#246647; }.ui-player .choice.wrong { opacity:.65; }.ui-player .cap-answer-clock { padding:16px; }.ui-player .igrid { gap:16px; }.ui-player .imgc { flex-direction:column; padding:12px; height:auto; }.ui-player .imgc img { max-height:220px; }.ui-player .imgc span { display:block; }.ui-player .cap-auto-actions { gap:8px; }.ui-player .cap-auto-actions button { min-width:160px; }
.ui-waiting,.ui-result { text-align:center; }.ui-waiting > .ui-icon,.ui-result > .ui-icon { color:#E4C07B; width:48px; height:48px; margin:16px auto; }.ui-waiting h2 { overflow-wrap:anywhere; }.ui-waiting p { color:var(--ui-muted); font-size:14px; }.ui-waiting .ui-wait-label { display:inline-block; padding:8px 16px; color:#E4C07B; border:1px solid #E4C07B; border-radius:8px; font-size:12px; margin-top:16px; }.ui-result-score { background:#E4C07B; color:#FFFFFF; padding:24px; border-radius:12px; margin:24px 0; font-size:64px; line-height:1.1; font-weight:800; overflow-wrap:anywhere; }.ui-result-score small { display:block; font-size:14px; margin-top:8px; }.ui-result .ui-button { width:100%; margin-top:16px; }.ui-result .mut { margin-top:24px; }.ui-player .podium { gap:12px; }.ui-player .podium .blk { background:transparent; }.ui-player .podium .nm { overflow-wrap:anywhere; }.ui-player .podium .p1 { border-top:4px solid #E4C07B; }.ui-player .podium .ui-icon { width:24px; height:24px; }.ui-player .podium .p1 .ui-icon { color:#E4C07B; }
dialog.ui-dialog { background:#FFFFFF!important; color:#181818; border:1px solid var(--ui-line); border-radius:16px; padding:24px; width:min(480px,calc(100% - 32px)); max-height:90dvh; margin:auto; overflow:auto; position:fixed; inset:0; display:block; }dialog.ui-dialog:not([open]) { display:none; }dialog.ui-dialog::backdrop { background:#18181899; }dialog.ui-dialog .card { padding:0!important; border:0!important; margin:0!important; }dialog.ui-dialog .qrbox { margin:24px auto; }dialog.ui-dialog h2 { font-size:28px; }dialog.ui-dialog #askv { margin:16px 0; }.ui-dialog .ui-qr-code { font-size:28px; letter-spacing:.12em; color:#E4C07B; font-weight:800; }
@media(max-width:1023px) { [data-theme=cap] .ui-entry-page main { padding:32px 24px 48px; }.ui-entry-panel { padding:32px; }.ui-entry .card { padding:32px!important; }.ui-config-grid { grid-template-columns:minmax(0,1fr); }.ui-session { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.ui-settings-grid { gap:16px; } }
@media(max-width:600px) { [data-theme=cap] .ui-entry-page main { padding:24px 16px 48px; }.ui-entry { grid-template-columns:minmax(0,1fr); border-radius:16px; }.ui-entry-panel { padding:24px; gap:16px; }.ui-entry-panel > .ui-icon { display:none; }.ui-entry-panel h2 { font-size:32px; margin:12px 0; }.ui-entry-panel p { font-size:13px; }.ui-entry-path { padding-top:16px; gap:16px; }.ui-entry .card { padding:24px!important; }.ui-entry-form h1 { font-size:27px!important; }.ui-entry-form label { margin-top:16px!important; }.ui-entry-form .ui-intro-meta { margin:16px 0 8px; }[data-theme=cap] .ui-organizer main,[data-theme=cap] .ui-player main { padding:24px 16px 48px; }.ui-workspace-heading { gap:16px; margin-bottom:24px; }[data-theme=cap] .ui-workspace-heading h1 { font-size:32px; }.ui-hunt-selector { flex-direction:column; align-items:stretch; gap:12px; }.ui-admin-metrics { margin-bottom:16px; }.ui-admin-metrics > div { padding:16px 12px; flex-direction:column; align-items:flex-start; gap:8px; }.ui-admin-metrics strong { font-size:22px; }.ui-admin-metrics .ui-icon { width:24px; height:24px; }.ui-organizer .tabs { overflow-x:auto; flex-wrap:nowrap!important; }.ui-organizer .tabs button { flex:0 0 auto!important; padding:12px 16px!important; white-space:nowrap; }.ui-session { grid-template-columns:minmax(0,1fr); }.ui-session-main,.ui-invite { padding:24px; }.ui-config-grid { gap:16px; }.ui-settings-grid { grid-template-columns:minmax(0,1fr); }.ui-step-head { align-items:flex-start; flex-wrap:wrap; gap:12px; }.ui-step-actions { width:100%; }.ui-organizer .step { padding:20px!important; }.ui-organizer .cap-preview-btn { margin-left:0; margin-bottom:12px; width:100%; }.ui-organizer .ty { max-width:none; }.ui-organizer .cap-save-panel { bottom:8px; padding:12px; gap:8px; }.ui-organizer .cap-save-panel button { font-size:12px; padding:12px!important; }.ui-player-heading h1 { font-size:28px!important; }.ui-player .cap-question { padding:20px!important; }.ui-player .cap-question h2 { font-size:24px; }.ui-player .cap-score-strip { padding:20px 16px; gap:12px; }.ui-player .cap-score { font-size:32px; }.ui-player .cap-rank { padding:8px; font-size:11px; }.ui-player .choice { padding:16px!important; font-size:15px!important; }.ui-player .igrid { gap:12px; }.ui-player .imgc { padding:12px!important; }.ui-player .imgc span { font-size:13px; }.ui-player .ui-result-score { font-size:52px; }.ui-player .podium .sc { font-size:24px; }.ui-player .podium .nm { font-size:14px; }.ui-password button span { display:none; }.ui-table-wrap table { min-width:440px; } }
@media(prefers-reduced-motion:reduce) { .ui-entry,.ui-session,.ui-player .cap-question { animation:none!important; } }
.ui-delete-dialog .row .sec:focus-visible { outline:3px solid #E4C07B; outline-offset:4px; }
@media(max-width:600px) { .ui-hunt-selector label { flex:0 1 auto; }.ui-quiz-actions { flex-direction:column; }.ui-quiz-actions button { width:100%; }.ui-empty-quizzes { padding:24px!important; } }