:root{
  --bg:#fbf8f2;
  --bg-deep:#f2ede4;
  --surface:rgba(255,255,255,.72);
  --surface-strong:#fff;
  --surface-soft:rgba(255,255,255,.62);
  --text:#665f55;
  --ink:#443f38;
  --muted:#797167;
  --line:rgba(151,137,118,.22);
  --line-strong:rgba(151,137,118,.29);
  --a1:#cbbba5;
  --a2:#aa9a84;
  --accent:#87957f;
  --accent-dark:#6f816a;
  --accent-soft:#eef2eb;
  --danger:#a36f67;
  --danger-soft:#fff7f5;
  --warning:#a7875e;
  --shadow:4px 4px 1px rgba(91,77,59,.10),0 12px 28px rgba(91,77,59,.055);
  --soft-shadow:0 10px 30px rgba(91,77,59,.07);
  --radius:12px;
  --radius-sm:9px;
  --pill:999px;
  --content:980px;
  --theme-action-icon:var(--muted);
}

/* Organizer workspace: one path from creation to sessions and results. */
.creator-workspace{width:min(100%,1180px);margin:0 auto;display:grid;gap:14px}
.workspace-head{padding:22px;border:1px solid var(--line);border-radius:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 72%,var(--surface-strong)),var(--surface-strong));box-shadow:var(--soft-shadow)}
.workspace-head>div:first-child{max-width:720px}.workspace-head h1{margin:3px 0 0;color:var(--ink);font-size:clamp(27px,4vw,42px);font-weight:370;letter-spacing:-.035em}.workspace-head p{max-width:650px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.workspace-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.workspace-contexts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.workspace-contexts article{min-height:82px;padding:13px;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;background:var(--surface)}
.workspace-contexts article>b{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--accent-dark);background:var(--accent-soft);font-size:12px}.workspace-contexts article>div{min-width:0;display:grid;gap:3px}.workspace-contexts strong{color:var(--ink);font-size:13px}.workspace-contexts span{color:var(--muted);font-size:10px;line-height:1.45}
.workspace-tabs{padding:5px;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:var(--surface-soft)}
.workspace-tabs button{min-height:42px;padding:7px 12px;border:0;border-radius:10px;color:var(--muted);background:transparent;font:inherit;font-size:11px;font-weight:650;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.workspace-tabs button:hover{color:var(--ink);background:var(--surface)}.workspace-tabs button.is-active{color:var(--ink);background:var(--surface-strong);box-shadow:0 5px 15px rgba(65,54,42,.08)}.workspace-tabs button b{min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;color:var(--accent-dark);background:var(--accent-soft);font-size:9px}
.workspace-panel{min-height:340px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--soft-shadow)}.workspace-panel[hidden]{display:none}
.workspace-panel-head{margin-bottom:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.workspace-panel-head>div{min-width:0}.workspace-panel-head h2{margin:3px 0 0;color:var(--ink);font-size:22px;font-weight:450}.workspace-panel-head p{max-width:700px;margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.workspace-search{height:43px;margin-bottom:10px;padding:0 13px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;background:var(--surface-soft)}.workspace-search>span{color:var(--muted);font-size:17px}.workspace-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:inherit;font-size:11px}.workspace-search input::placeholder{color:var(--muted)}
.workspace-session-list,.workspace-activity-list{display:grid;gap:8px}.workspace-session-list>article{min-height:82px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:13px;background:var(--surface-strong)}
.workspace-session-state{display:flex;align-items:center;gap:6px;color:var(--accent-dark);font-size:9px;font-weight:800;letter-spacing:.08em}.workspace-session-state>span{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.workspace-session-copy,.workspace-activity-copy{min-width:0;display:grid}.workspace-session-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px}.workspace-session-copy small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.workspace-session-actions,.workspace-activity-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.workspace-empty{min-height:235px;padding:25px;display:flex;align-items:center;justify-content:center;gap:16px;text-align:left}.workspace-empty>b{width:52px;height:52px;flex:0 0 auto;border-radius:17px;display:grid;place-items:center;color:var(--accent-dark);background:var(--accent-soft);font-size:22px}.workspace-empty>div{max-width:520px}.workspace-empty h3{margin:0;color:var(--ink);font-size:18px;font-weight:500}.workspace-empty p{margin:5px 0 12px;color:var(--muted);font-size:10px;line-height:1.55}
.workspace-activity-list>article{min-height:98px;padding:11px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--surface-strong)}.workspace-activity-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--accent-dark);background:var(--accent-soft);font-size:17px;font-weight:750}.workspace-activity-copy>div{margin-bottom:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.workspace-activity-copy>div span{color:var(--accent-dark);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.workspace-activity-copy>div small{padding:2px 6px;border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:8px}.workspace-activity-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px}.workspace-activity-copy>p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}
.workspace-public-list{max-height:min(62dvh,650px);padding-right:4px;overflow:auto}.workspace-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-tool-grid>button{min-height:112px;padding:17px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;color:var(--ink);background:var(--surface-strong);text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.workspace-tool-grid>button:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--surface-soft)}.workspace-tool-grid>button>b{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--accent-dark);background:var(--accent-soft);font-size:18px}.workspace-tool-grid>button>span{min-width:0;display:grid;gap:4px}.workspace-tool-grid strong{font-size:13px}.workspace-tool-grid small{color:var(--muted);font-size:9px;line-height:1.5}.workspace-tool-grid>button>i{font-style:normal;color:var(--muted);font-size:17px}
.activity-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-create-choice,.activity-copy-choice{width:100%;min-height:92px;padding:14px;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.activity-create-choice:hover,.activity-copy-choice:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--surface-soft)}.activity-create-choice>b{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--accent-dark);background:var(--accent-soft);font-size:18px}.activity-create-choice>span,.activity-copy-choice>span{min-width:0;display:grid;gap:5px}.activity-create-choice strong,.activity-copy-choice strong{font-size:13px}.activity-create-choice small,.activity-copy-choice small{color:var(--muted);font-size:10px;line-height:1.5}.activity-create-choice>i,.activity-copy-choice>i{font-style:normal;color:var(--muted);font-size:18px}.activity-copy-choice{min-height:72px;margin-top:10px;grid-template-columns:minmax(0,1fr) auto;border-style:dashed}.activity-copy-choice>span{padding-left:3px}
html[data-theme="dark"] :is(.workspace-head,.workspace-contexts article,.workspace-tabs,.workspace-panel,.workspace-session-list>article,.workspace-activity-list>article,.workspace-tool-grid>button,.activity-create-choice,.activity-copy-choice){border-color:var(--line);background:var(--surface)}html[data-theme="dark"] .workspace-head{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 60%,var(--surface)),var(--surface-strong))}html[data-theme="dark"] .workspace-tabs button.is-active{background:var(--surface-strong);box-shadow:0 5px 18px rgba(0,0,0,.28)}html[data-theme="dark"] :is(.workspace-tool-grid>button,.activity-create-choice,.activity-copy-choice):hover{background:var(--surface-strong);border-color:var(--line-strong)}

@media(max-width:820px){.workspace-head{align-items:flex-start;flex-direction:column}.workspace-head-actions{width:100%;justify-content:flex-start}.workspace-contexts{grid-template-columns:1fr}.workspace-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.workspace-tabs button{min-width:max-content;flex:1}.workspace-session-list>article{grid-template-columns:1fr}.workspace-session-state{order:-1}.workspace-session-actions{justify-content:flex-start}.workspace-activity-list>article{grid-template-columns:42px minmax(0,1fr)}.workspace-activity-actions{grid-column:1/-1;justify-content:flex-end}.workspace-tool-grid{grid-template-columns:1fr}}
@media(max-width:560px){.workspace-head,.workspace-panel{padding:14px;border-radius:15px}.workspace-head-actions{display:grid;grid-template-columns:1fr 1fr}.workspace-head-actions .btn{padding-inline:10px}.workspace-panel-head{align-items:stretch;flex-direction:column}.workspace-panel-head>.btn{width:100%}.workspace-contexts article{min-height:70px}.workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.workspace-tabs button{min-width:0;padding-inline:7px;font-size:10px}.activity-create-grid{grid-template-columns:1fr}.activity-create-choice,.activity-copy-choice{grid-template-columns:42px minmax(0,1fr) auto;min-height:86px;padding:13px}.activity-create-choice>b{width:42px;height:42px;font-size:16px}.workspace-session-actions{display:grid;grid-template-columns:1fr 1fr}.workspace-session-actions .btn:first-child{grid-column:1/-1}.workspace-session-actions .btn{width:100%}.workspace-activity-list>article{align-items:start}.workspace-activity-actions{display:grid;grid-template-columns:1fr 1fr auto}.workspace-empty{padding:18px 4px;align-items:flex-start;flex-direction:column}.workspace-tool-grid>button{grid-template-columns:40px minmax(0,1fr) auto}.workspace-tool-grid>button>b{width:40px;height:40px}}

.workspace-activity-footer{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px}.workspace-activity-footer .btn{flex:0 0 auto}

.workspace-pending-results{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.workspace-pending-results>header{margin-bottom:9px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.workspace-pending-results>header>div{display:grid;gap:3px}.workspace-pending-results>header strong{color:var(--ink);font-size:13px}.workspace-pending-results>header small{color:var(--muted);font-size:9px;line-height:1.45}.workspace-closed-list{display:grid;gap:7px}.workspace-closed-list>article{min-height:66px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--surface-strong)}.workspace-closed-list>article>div:first-child{min-width:0;display:grid;gap:3px}.workspace-closed-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:11px}.workspace-closed-list small{color:var(--muted);font-size:8px}.workspace-closed-list>article>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:6px}.workspace-closed-empty{padding:12px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);background:var(--surface-soft);font-size:9px;text-align:center}
html[data-theme="dark"] .workspace-closed-list>article{border-color:var(--line);background:var(--surface)}
@media(max-width:560px){.workspace-closed-list>article{grid-template-columns:1fr}.workspace-closed-list>article>div:last-child{display:grid;grid-template-columns:1fr 1fr}.workspace-closed-list .btn{width:100%}}

/* Assessment workflow: persistent rooms, written responses, and report archive. */
.written-answer{display:grid;gap:.65rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}
.written-answer>span{font-weight:800;color:var(--text)}
.written-answer>small{color:var(--muted)}
.written-answer .textarea{min-height:9rem;resize:vertical;line-height:1.55}
.live-written-answer .btn{justify-self:end}
.text-response-rule{display:grid;gap:.8rem}
.text-response-rule .field{max-width:18rem;margin:0}
.assessment-room-row{grid-template-columns:minmax(0,1fr) auto auto auto;gap:.7rem;align-items:center}
.assessment-room-row .pill.success{color:var(--accent-dark);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.assessment-report-dashboard .report-result-head{align-items:flex-start}
.report-head-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.written-response-list{display:grid;gap:.65rem;margin-top:.8rem}
.written-response-row{padding:.85rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.written-response-row strong{display:block;margin-bottom:.35rem;color:var(--accent)}
.written-response-row p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}

@media (max-width:760px){
  .assessment-room-row{grid-template-columns:1fr auto}
  .assessment-room-row>div{grid-column:1/-1}
  .assessment-room-row .btn{width:100%}
  .report-head-actions{width:100%;justify-content:stretch}
  .report-head-actions .btn{flex:1}
}

/* Activity formats 2.5.1: keep the public gateway minimal and survey states neutral. */
.route-public .gateway-field{gap:0}
.route-public .gateway-secondary-row button{min-height:34px;padding:7px 8px;font-size:11px;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
.route-public .gateway-secondary-row button:hover{text-decoration:underline}
.survey-rule-note{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent-soft) 62%,var(--surface-strong))}
.survey-open-host .host-lobby-access{margin-block:18px}
.survey-open-host .kpis{width:min(640px,100%)}
.survey-focus{border-color:var(--line-strong);background:var(--surface-soft);color:var(--ink)}
.distribution-row.survey-answer{border-color:var(--line);background:var(--surface-strong)}
.player-result-pill.is-neutral,.review-state.neutral{color:var(--accent-dark);background:var(--accent-soft);border-color:var(--line-strong)}
.survey-response-focus{min-height:0;height:auto;box-shadow:none}
.survey-player-finish{gap:14px}
.report-distribution{display:grid;gap:7px;margin-top:10px}
.report-distribution-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.report-distribution-row span{min-width:0;overflow-wrap:anywhere}
@media(max-width:520px){
  .route-public .gateway-secondary-row button{font-size:12px;padding-inline:6px}
  .survey-player-result .player-reveal-question{font-size:clamp(17px,5vw,22px)}
  .survey-response-focus>strong{font-size:clamp(15px,4.5vw,19px)}
}
*{box-sizing:border-box}
.app-transition{position:fixed;z-index:900;inset:0;display:grid;place-items:center;padding:24px;color:var(--ink);background:var(--bg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .28s}
.app-transition.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.app-transition.is-revealing{opacity:0;pointer-events:none}
.app-transition-scene{width:min(360px,calc(100vw - 48px));display:grid;justify-items:center;gap:11px;text-align:center}
.app-transition-mark{width:78px;height:78px;padding:15px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#d3c6b3,#a99a83);box-shadow:0 12px 28px rgba(91,77,59,.16)}
.app-transition-mark svg{width:100%;height:100%;fill:none;stroke:currentColor}.app-transition-scene strong{font-size:22px;font-weight:350;letter-spacing:-.02em}
.app-transition-line{width:100%;height:2px;overflow:hidden;border-radius:999px;background:var(--line)}.app-transition-line i{display:block;width:48%;height:100%;background:linear-gradient(90deg,transparent,var(--a2),var(--accent),transparent);animation:app-transition-line .9s cubic-bezier(.4,0,.2,1) infinite}
html[data-theme="dark"] .app-transition{color:var(--ink);background:var(--bg)}html[data-theme="dark"] .app-transition-mark{color:#dff6ff;background:linear-gradient(145deg,#1b537b,#071b2c);box-shadow:0 12px 30px rgba(0,0,0,.36),0 0 20px rgba(49,185,255,.10)}
html.app-booting{overflow-y:auto!important}html.app-booting body{overflow:hidden!important}html.app-booting body>:not(#appTransition):not(.brand-svg-defs):not(.ui-dialog){visibility:hidden!important}
@media(min-width:761px) and (hover:hover) and (pointer:fine){html{scrollbar-gutter:stable}}
@media(max-width:760px),(hover:none) and (pointer:coarse){html,body{scrollbar-gutter:auto;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}}
@keyframes app-transition-line{from{transform:translateX(-110%)}to{transform:translateX(220%)}}
@media(prefers-reduced-motion:reduce){.app-transition,.app-transition-line i{transition:none!important;animation:none!important}}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:
  radial-gradient(circle at 30% 10%,transparent 0 27%,rgba(187,171,149,.10) 27.1% 27.25%,transparent 27.35%),
  radial-gradient(circle at 80% 80%,transparent 0 32%,rgba(187,171,149,.08) 32.1% 32.25%,transparent 32.35%),
  radial-gradient(circle at 14% 16%,rgba(205,191,171,.13) 0 7px,transparent 8px),
  radial-gradient(circle at 89% 18%,rgba(205,191,171,.13) 0 9px,transparent 10px),
  linear-gradient(135deg,rgba(255,255,255,.76),rgba(242,237,228,.88));
  font-family:"Tomorrow","Segoe UI",Arial,sans-serif;line-height:1.45;overflow-x:hidden}
body.dialog-open,body.confirm-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid rgba(151,135,112,.35);outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3,h4,p{margin-top:0}

/* Shell */
.topbar{position:sticky;top:10px;z-index:50;width:min(calc(100% - 28px),var(--content));height:52px;margin:10px auto 0;padding:0 8px 0 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,249,.78);box-shadow:var(--soft-shadow);backdrop-filter:blur(16px)}
.brand{min-width:0;display:flex;align-items:center;gap:8px;color:var(--ink)}
.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#918371;background:linear-gradient(145deg,#faf6f0,#ece4d8);font-size:12px;font-weight:600;box-shadow:inset 0 0 0 1px rgba(151,137,118,.11)}
.brand>span:last-child{display:grid;line-height:1.02}.brand strong{font-size:13px;font-weight:550;letter-spacing:.02em}.brand small{margin-top:3px;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.16em}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.nav a,.nav button{border:0;cursor:pointer}
.nav-quiet{height:31px;padding:0 10px;border-radius:var(--pill)!important;color:var(--muted);background:transparent;font-size:9px;font-weight:650;letter-spacing:.03em}.nav-quiet:hover{color:var(--ink);background:rgba(255,255,255,.7)}
.nav-primary{height:31px;padding:0 12px;border-radius:var(--pill);display:inline-flex;align-items:center;color:#fff;background:linear-gradient(90deg,var(--a1),var(--a2));font-size:9px;font-weight:700;letter-spacing:.04em;box-shadow:3px 3px 1px rgba(92,80,63,.10)}
.nav-create{width:31px;height:31px;padding:0;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--a1),var(--a2));font-size:18px;line-height:1}
.account-chip{height:33px;max-width:190px;padding:0 9px 0 4px;border-radius:var(--pill)!important;display:flex;align-items:center;gap:7px;color:var(--ink);background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px var(--line)}
.account-dot{width:25px;height:25px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:9px;font-weight:700}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650}
.app{width:min(calc(100% - 28px),var(--content));min-height:calc(100vh - 105px);margin:0 auto;padding:24px 0 48px}

/* Type */
.eyebrow{display:block;margin-bottom:6px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 15px}.page-head>div{max-width:720px}.page-head h1{margin:0;color:var(--ink);font-size:clamp(23px,3.7vw,34px);font-weight:320;line-height:1.15;letter-spacing:-.022em}.page-head p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.compact-head{align-items:flex-end}
.back-link{display:block;margin:0 0 6px;padding:0;border:0;color:var(--muted);background:transparent;font-size:9px;font-weight:650;cursor:pointer}.back-link:hover{color:var(--ink)}
.subtle{color:var(--muted);font-size:9px;line-height:1.5}

/* Controls */
.btn{position:relative;min-height:36px;padding:0 14px;border-radius:var(--pill);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:700;letter-spacing:.045em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}
.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}
.btn-primary{border:0;color:#fff;background:linear-gradient(90deg,var(--a1),var(--a2));box-shadow:var(--shadow)}
.btn-accent{border:0;color:#fff;background:linear-gradient(90deg,#98a690,#7c8e76);box-shadow:var(--shadow)}
.btn-secondary{border:1px solid var(--line);color:var(--ink);background:rgba(255,255,255,.72)}.btn-secondary:hover:not(:disabled){background:#fff;border-color:var(--line-strong)}
.btn-danger{border:1px solid rgba(163,111,103,.24);color:var(--danger);background:var(--danger-soft)}
.btn-small{min-height:30px;padding:0 11px;font-size:8px}.btn-block{width:100%}
.icon-btn{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:rgba(255,255,255,.7);font-size:11px;font-weight:700;cursor:pointer}.icon-btn:hover:not(:disabled){color:var(--ink);background:#fff;border-color:var(--line-strong)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}
.text-danger{padding:7px 0;border:0;color:var(--danger);background:transparent;font-size:9px;font-weight:650;cursor:pointer}.text-danger:disabled{opacity:.35;cursor:not-allowed}
.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:10px;outline:none;color:var(--ink);background:rgba(255,255,255,.72);box-shadow:1px 2px 0 rgba(91,77,59,.055);font-size:12px;transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.input::placeholder,.textarea::placeholder{transition:color .18s ease}
.input,.select{height:41px;padding:0 13px}.textarea{min-height:92px;padding:11px 13px;resize:vertical}.compact-textarea{min-height:70px}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(151,135,112,.38);background:#fff;box-shadow:0 0 0 3px rgba(151,135,112,.07)}
.field{display:grid;gap:5px;min-width:0}.field-label{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.field-label em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0}.span-2{grid-column:1/-1}
.form-grid,.dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.compact-form{display:grid;gap:11px}.inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.input-unit{position:relative}.input-unit .input{padding-right:58px}.input-unit span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:8px}
.check{min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:flex-start;gap:9px;color:var(--ink);background:rgba(255,255,255,.56);font-size:9px;line-height:1.45}.check input{margin:2px 0 0;accent-color:var(--accent)}.check span{display:grid;gap:1px}.check strong{font-size:9px}.check small{color:var(--muted);font-size:8px}.check-list{display:grid;gap:7px}
.status{min-height:16px;margin:2px 0 0;color:var(--muted);font-size:9px}.status.error{color:var(--danger)}.status.success{color:var(--accent-dark)}
.pill,.mini-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--pill);color:var(--muted);background:rgba(255,255,255,.62);font-size:7px;font-weight:700;letter-spacing:.08em}.pill{min-height:25px;padding:0 9px}.mini-badge{height:19px;padding:0 7px}.pill-public,.mini-badge{color:var(--accent-dark);border-color:rgba(113,129,109,.18);background:var(--accent-soft)}.mini-badge.is-live{color:#a36f67;background:#fff5f3;border-color:rgba(163,111,103,.16)}

/* Home */
.home-intro{padding:26px 28px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(247,242,234,.74));box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.75fr);gap:25px;align-items:end}
.home-copy h1{max-width:650px;margin:0;color:var(--ink);font-size:clamp(27px,4.5vw,43px);font-weight:300;line-height:1.08;letter-spacing:-.035em}.home-copy p{max-width:620px;margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.home-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.join-bar{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.64);display:flex;align-items:end;gap:8px}.join-bar label{min-width:0;flex:1}.join-bar label span{display:block;margin:0 0 5px;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.14em}.join-bar input{width:100%;height:36px;padding:0 10px;border:0;border-bottom:1px solid var(--line-strong);outline:none;color:var(--ink);background:transparent;font-size:18px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.join-bar .btn{flex:0 0 auto}
.catalog-shell{margin-top:17px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.52)}.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.catalog-head h2{margin:0;color:var(--ink);font-size:17px;font-weight:400}.live-counter{height:27px;padding:0 9px;border-radius:var(--pill);display:flex;align-items:center;gap:5px;color:var(--muted);background:rgba(255,255,255,.64);font-size:8px}.live-counter i{width:6px;height:6px;border-radius:50%;background:#8ca383;box-shadow:0 0 0 3px rgba(140,163,131,.11)}.live-counter strong{color:var(--ink)}
.segmented{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:var(--pill);width:max-content;max-width:100%;margin-bottom:12px;background:rgba(247,243,236,.78);overflow-x:auto}.segmented button{height:27px;padding:0 10px;border:0;border-radius:var(--pill);display:flex;align-items:center;gap:5px;color:var(--muted);background:transparent;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer}.segmented button span{opacity:.7;font-size:7px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 4px 10px rgba(91,77,59,.07)}
.game-list{display:grid;gap:7px}.game-item{min-height:78px;padding:10px 10px 10px 9px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;background:rgba(255,255,255,.65);transition:background .16s,border-color .16s,transform .16s}.game-item:hover{background:#fff;border-color:var(--line-strong);transform:translateY(-1px)}
.game-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#9d8d79;background:linear-gradient(145deg,#faf7f2,#eee6db);font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(151,137,118,.09)}.game-symbol.live{color:var(--accent-dark);font-size:10px}.game-copy{min-width:0}.game-title-line{display:flex;align-items:center;gap:6px;min-width:0}.game-title-line h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:var(--ink);font-size:12px;font-weight:600}.game-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;color:var(--muted);font-size:8px}.game-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:7px}.game-actions{display:flex;align-items:center;gap:5px}.creator-summary{margin:-5px 0 10px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:8px}.creator-summary strong{color:var(--ink)}

/* Empty / cards */
.empty{padding:36px 18px;border:1px dashed var(--line-strong);border-radius:14px;text-align:center;color:var(--muted);background:rgba(255,255,255,.38);font-size:10px}.empty.compact{padding:20px 14px}.empty h3{margin-bottom:5px;color:var(--ink);font-size:14px}.empty p{margin-bottom:12px}
.panel{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.65);box-shadow:var(--soft-shadow)}.panel-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.panel-title h2,.panel-title h3{margin:0;color:var(--ink);font-size:15px;font-weight:450}.panel-title .eyebrow{margin-bottom:3px}

/* Auth */
.auth-wrap{width:min(100%,410px);margin:28px auto 0;text-align:center}.auth-mark{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;color:#938674;background:linear-gradient(145deg,#faf6f0,#ece4d8);font-size:15px;font-weight:600;box-shadow:var(--shadow)}.auth-wrap h1{margin:0;color:var(--ink);font-size:29px;font-weight:320}.auth-lead{margin:7px auto 15px;max-width:370px;color:var(--muted);font-size:9px;line-height:1.6}.auth-card{padding:15px;border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;text-align:left;background:rgba(255,255,255,.7);box-shadow:var(--soft-shadow)}.auth-links{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:8px}.auth-links button{padding:2px;border:0;color:inherit;background:transparent;font-size:inherit;cursor:pointer}.auth-links button:hover{color:var(--ink)}.otp-input,.room-code-input{text-transform:uppercase;letter-spacing:.14em}.join-wrap{margin-top:36px}

/* Dialogs */
.ui-dialog,.credit-dialog{position:fixed;inset:0;z-index:300;padding:18px;display:grid;place-items:center;background:rgba(78,68,56,.22);backdrop-filter:blur(7px);opacity:0;transition:opacity .16s ease}.ui-dialog{z-index:1000}.ui-dialog.is-open{opacity:1}.credit-dialog{opacity:1}
.ui-dialog-card,.credit-dialog-card{width:min(100%,440px);max-height:min(86vh,760px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong);box-shadow:0 24px 70px rgba(69,58,45,.17);transform:translateY(6px) scale(.99);transition:transform .18s ease}.ui-dialog.is-open .ui-dialog-card{transform:none}.ui-dialog-card.is-wide{width:min(100%,720px)}
.ui-dialog-head,.credit-dialog-head{padding:15px 15px 11px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.ui-dialog-head h2,.credit-dialog-head h3{margin:0;color:var(--ink);font-size:17px;font-weight:450}.ui-dialog-head p,.credit-dialog-head p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.5}.ui-dialog-head .eyebrow{margin-bottom:3px}.ui-dialog-body{max-height:calc(86vh - 80px);padding:14px;overflow:auto}.credit-dialog-card{padding-bottom:15px}.credit-dialog-card>p,.credit-dialog-card>.btn{margin-left:15px;margin-right:15px}.credit-dialog-close{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:#fff;font-size:18px;cursor:pointer}.credit-donate-number{margin-top:14px;margin-bottom:10px;color:var(--ink);font-size:10px}
.dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:3px}.dialog-footer{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.dialog-footer.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-list{display:grid;gap:6px}.menu-row{width:100%;min-height:52px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;color:var(--ink);background:rgba(255,255,255,.68);text-align:left;cursor:pointer}.menu-row:hover{background:#fff;border-color:var(--line-strong)}.menu-row span{font-size:10px;font-weight:650}.menu-row small{color:var(--muted);font-size:8px}.menu-row.is-danger{color:var(--danger);background:var(--danger-soft)}.info-strip{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.info-strip span{height:24px;padding:0 8px;border:1px solid var(--line);border-radius:var(--pill);display:inline-flex;align-items:center;color:var(--muted);background:var(--surface-soft);font-size:7px}

/* Builder */
.builder-shell{display:grid;gap:10px}.builder-overview,.question-shell{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.61)}.builder-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:11px;align-items:end}.builder-title .input{font-size:15px;font-weight:550}.setting-summary{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:1px}.setting-summary span{height:23px;padding:0 8px;border:1px solid var(--line);border-radius:var(--pill);display:inline-flex;align-items:center;color:var(--muted);font-size:7px;background:rgba(255,255,255,.52)}.setting-summary button{padding:2px 4px;border:0;color:var(--accent-dark);background:transparent;font-size:8px;font-weight:700;cursor:pointer}
.question-list{display:grid;gap:6px}.question-row{min-height:58px;padding:6px 7px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:7px;align-items:center;background:rgba(255,255,255,.65)}.question-number{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:var(--surface-soft);font-size:8px;font-weight:700}.question-row-main{min-width:0;padding:4px 5px;border:0;display:grid;gap:3px;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.question-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.question-row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:7px}.question-row-main b{color:var(--accent-dark);font-weight:600}.question-row-actions{display:flex;gap:3px}.question-row-actions .icon-btn{width:27px;height:27px;font-size:9px}
.builder-savebar{position:sticky;bottom:10px;z-index:20;padding:8px 8px 8px 11px;border:1px solid var(--line);border-radius:var(--pill);display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,253,249,.9);box-shadow:0 10px 35px rgba(91,77,59,.12);backdrop-filter:blur(13px)}.builder-savebar .status{margin:0;min-height:0}.question-dialog{display:grid;gap:12px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-select{padding:9px 10px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink);background:var(--surface-soft);font-size:8px}.answer-select strong{font-size:8px}.answer-select label{display:flex;align-items:center;gap:4px}.answer-select input{accent-color:var(--accent)}

/* Room create */
.room-create-shell{width:min(100%,600px);margin:0 auto}.room-create-card{padding:15px;border:1px solid var(--line);border-radius:14px;display:grid;gap:11px;background:rgba(255,255,255,.66);box-shadow:var(--soft-shadow)}.setting-button{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);background:rgba(255,255,255,.56);text-align:left;cursor:pointer}.setting-button span{min-width:0;display:grid;gap:2px}.setting-button strong{font-size:9px}.setting-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:7px}.setting-button b{color:var(--accent-dark);font-size:8px}
.session-close-card{padding:11px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.65fr);gap:10px;align-items:end;background:var(--surface-soft)}.session-close-card>div:first-child{align-self:center;display:grid;gap:3px}.session-close-card>div:first-child strong{color:var(--ink);font-size:9px}.session-close-card>div:first-child small{color:var(--muted);font-size:7px;line-height:1.45}.session-close-card #roomCloseSchedule{grid-column:1/-1}

/* Quiz */
.quiz-shell,.room-stage,.result-shell,.report-shell{width:min(100%,860px);margin:0 auto}.quiz-header,.host-bar,.player-bar{min-height:52px;margin-bottom:10px;padding:8px 10px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.64)}.quiz-header>div{min-width:0;flex:1}.quiz-header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:var(--ink);font-size:15px;font-weight:500}.quiz-header .eyebrow{margin-bottom:2px}.timer{min-width:54px;height:31px;padding:0 9px;border-radius:var(--pill);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:#fff;border:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.03em}.quiz-progress{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin:9px 3px;color:var(--muted);font-size:8px}.progress{height:4px;border-radius:var(--pill);overflow:hidden;background:rgba(150,135,115,.12)}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--a1),var(--accent))}
.question-card,.host-main,.player-question{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:var(--soft-shadow)}.question-card h2,.player-question h1{max-width:760px;margin:3px auto 18px;color:var(--ink);font-size:clamp(20px,3.4vw,31px);font-weight:380;line-height:1.25;text-align:center}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-btn{min-height:58px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:9px;color:var(--ink);background:rgba(255,255,255,.74);font-size:10px;font-weight:550;text-align:left;cursor:pointer;transition:transform .14s,border-color .14s,background .14s}.answer-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--line-strong);background:#fff}.answer-btn>span{width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:#8f816f;background:var(--surface-soft);font-size:9px;font-weight:700}.answer-btn.selected{border-color:rgba(113,129,109,.34);background:var(--accent-soft);box-shadow:0 0 0 2px rgba(113,129,109,.07)}.answer-btn.correct{border-color:rgba(113,129,109,.32);background:var(--accent-soft)}.answer-btn.correct>span{color:#fff;background:var(--accent)}.answer-btn.answered{opacity:.62}.quiz-actions,.host-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.explanation{margin:13px 0 0;padding:10px 12px;border-radius:10px;color:var(--ink);background:var(--surface-soft);font-size:9px;line-height:1.6}

/* Host */
.host-bar{position:sticky;top:72px;z-index:30;background:rgba(255,253,249,.88);backdrop-filter:blur(13px)}.host-bar-actions{display:flex;align-items:center;gap:5px}.room-code{display:grid;gap:1px}.room-code small{color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.13em}.room-code strong{color:var(--ink);font-size:18px;letter-spacing:.12em}.compact-code strong{font-size:16px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#c7bbb0;box-shadow:0 0 0 3px rgba(199,187,176,.12)}.connection-dot.online{background:#88a17f;box-shadow:0 0 0 3px rgba(136,161,127,.12)}
.host-main{min-height:360px;display:flex;flex-direction:column;justify-content:center}.host-main.waiting{text-align:center;align-items:center}.waiting-mark{width:46px;height:46px;margin-bottom:9px;display:grid;place-items:center;border-radius:50%;color:var(--accent-dark);background:var(--accent-soft);font-size:16px}.host-main h1{margin:0;color:var(--ink);font-size:clamp(25px,4.8vw,46px);font-weight:330;line-height:1.12}.host-main.waiting p{margin:8px 0 15px;color:var(--muted);font-size:9px}.lobby-count{display:grid;gap:1px;margin-bottom:15px}.lobby-count strong{color:var(--ink);font-size:28px;font-weight:350}.lobby-count span{color:var(--muted);font-size:8px}.host-question-title{max-width:820px;margin:15px auto 20px!important;text-align:center}.host-question-title.small{font-size:clamp(20px,3.4vw,32px)!important}.host-answers .answer-btn{cursor:default}.answer-count{color:var(--muted);font-size:8px}.answer-count strong{color:var(--ink);font-size:15px}.distribution{display:grid;gap:7px}.distribution-row{padding:7px 8px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:27px minmax(0,1fr) 34px;gap:8px;align-items:center;background:rgba(255,255,255,.6)}.distribution-row>strong{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--surface-soft);font-size:8px}.distribution-row>div>span{display:block;margin-bottom:4px;color:var(--ink);font-size:8px}.distribution-row>b{text-align:right;color:var(--ink);font-size:10px}.distribution-row.correct{border-color:rgba(113,129,109,.3);background:var(--accent-soft)}.distribution-bar{height:4px;border-radius:var(--pill);overflow:hidden;background:rgba(145,129,107,.11)}.distribution-bar i{display:block;height:100%;border-radius:inherit;background:var(--a2)}.distribution-row.correct .distribution-bar i{background:var(--accent)}
.mini-leaderboard{max-width:510px;width:100%;margin:13px auto 0;padding:8px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.54)}.mini-leaderboard>span{display:block;margin:0 2px 5px;color:var(--muted);font-size:7px;font-weight:700}.mini-leaderboard>div{min-height:28px;padding:3px 4px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;border-top:1px solid rgba(142,126,105,.10)}.mini-leaderboard>div:first-of-type{border-top:0}.mini-leaderboard b{color:var(--muted);font-size:8px}.mini-leaderboard span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:8px}.mini-leaderboard strong{color:var(--ink);font-size:8px}.dialog-player-list{max-height:52vh;overflow:auto}.player-list{display:grid;gap:4px}.player-row{min-height:35px;padding:5px 7px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.55);font-size:8px}.player-row span{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.player-row span b{width:20px;color:var(--muted)}.player-row strong{color:var(--ink)}.player-row-actions{display:flex;align-items:center;gap:6px}.player-presence{width:6px;height:6px;border-radius:50%;flex:0 0 6px;background:#c7bbb0}.player-presence.online{background:#72a76d;box-shadow:0 0 0 2px rgba(114,167,109,.12)}.player-kick{width:25px;height:25px;min-width:25px;color:var(--muted)}

/* Player */
.player-bar>div:first-child{display:grid;gap:1px}.player-bar small{color:var(--muted);font-size:7px}.player-bar>div:first-child strong{color:var(--ink);font-size:10px}.player-stage{width:min(100%,760px)}.player-question{min-height:420px;display:flex;flex-direction:column;justify-content:center}.player-question .quiz-top{margin-bottom:12px}.answer-received{margin-top:11px;padding:10px;border-radius:10px;display:grid;gap:1px;text-align:center;color:var(--accent-dark);background:var(--accent-soft)}.answer-received strong{font-size:9px}.answer-received span{font-size:7px}.player-waiting,.player-finish{min-height:420px;padding:28px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.player-waiting h1,.player-finish h1{margin:0;color:var(--ink);font-size:clamp(27px,5vw,40px);font-weight:330}.player-waiting p{margin:7px 0 13px;color:var(--muted);font-size:9px}.player-kpis{margin-top:14px}

/* Results */
.result-head,.report-result-head{padding-bottom:12px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.result-head h1,.report-result-head h2{margin:0;color:var(--ink);font-size:24px;font-weight:350}.result-head p,.report-result-head p{margin:5px 0 0;color:var(--muted);font-size:9px}.result-grade{height:31px;padding:0 11px;border-radius:var(--pill);display:inline-flex;align-items:center;font-size:9px;font-weight:700}.result-grade.pass{color:var(--accent-dark);background:var(--accent-soft)}.result-grade.fail{color:var(--danger);background:var(--danger-soft)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.compact-kpis{margin:12px 0}.kpi{min-height:66px;padding:9px;border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.58)}.kpi strong{color:var(--ink);font-size:17px;font-weight:450}.kpi span{margin-top:2px;color:var(--muted);font-size:7px}.result-actions{display:flex;justify-content:flex-end;gap:7px;margin-bottom:15px}
.review-shell,.report-result{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.58)}.review-list{display:grid;gap:5px}.review-item{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.58);overflow:hidden}.review-item summary{min-height:44px;padding:7px 9px;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;list-style:none;cursor:pointer}.review-item summary::-webkit-details-marker{display:none}.review-item summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:8px;font-weight:600}.review-item summary>span:last-child{color:var(--muted);font-size:7px}.review-state{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:700}.review-state.correct{color:var(--accent-dark);background:var(--accent-soft)}.review-state.wrong{color:var(--danger);background:var(--danger-soft)}.review-detail{padding:9px 12px 11px;border-top:1px solid var(--line);color:var(--text);font-size:8px}.review-detail p{margin:0 0 5px}.review-detail p:last-child{margin-bottom:0}.review-detail strong{color:var(--ink)}
.podium{width:min(100%,600px);margin:18px auto;display:flex;align-items:flex-end;justify-content:center;gap:7px}.podium-item{width:min(30%,150px);min-height:92px;padding:12px 7px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.7);text-align:center}.podium-item.rank-1{min-height:115px;order:2;background:linear-gradient(180deg,#fffdf8,#f7efe2)}.podium-item.rank-2{order:1}.podium-item.rank-3{order:3}.podium-rank{width:26px;height:26px;margin-bottom:5px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--a2);font-size:9px;font-weight:700}.podium-item strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:9px}.podium-item small{margin-top:2px;color:var(--muted);font-size:7px}

/* Reports / master */
.report-drop{min-height:95px;padding:12px 14px;border:1px dashed var(--line-strong);border-radius:13px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;background:rgba(255,255,255,.48);transition:border-color .16s,background .16s}.report-drop.drag{border-color:var(--accent);background:var(--accent-soft)}.report-drop-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--accent-dark);background:var(--accent-soft);font-size:15px}.report-drop h2{margin:0;color:var(--ink);font-size:11px}.report-drop p{margin:2px 0 0;color:var(--muted);font-size:8px}.report-result{margin-top:12px}.report-tabs{margin:12px 0 8px}.data-list{display:grid;gap:4px}.data-row{min-height:42px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;background:rgba(255,255,255,.52)}.rank-cell{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:var(--surface-soft);font-size:8px}.data-row>div{min-width:0;display:grid}.data-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:8px}.data-row small{color:var(--muted);font-size:7px}.data-row>b{color:var(--ink);font-size:9px}
.search-box{height:40px;margin-bottom:10px;padding:0 11px;border:1px solid var(--line);border-radius:var(--pill);display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.62)}.search-box span{color:var(--muted);font-size:14px}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:9px}.master-list{margin-top:2px}

/* Loading + toast */
.toast{position:fixed;left:50%;bottom:66px;z-index:450;max-width:min(90vw,430px);transform:translateX(-50%);padding:9px 13px;border:1px solid var(--line);border-radius:var(--pill);color:var(--ink);background:rgba(255,253,249,.94);box-shadow:var(--soft-shadow);font-size:9px;text-align:center}.toast.error{color:var(--danger);background:#fff9f7}
.loading{position:fixed;inset:0;z-index:500;display:grid;place-content:center;gap:8px;text-align:center;background:rgba(251,248,242,.62);backdrop-filter:blur(5px)}.loading strong{color:var(--ink);font-size:9px;font-weight:600}.loader{width:27px;height:27px;margin:auto;border:2px solid rgba(140,125,105,.15);border-top-color:var(--a2);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* Shared HR-Lab footer - same interaction language as Check Point */
.signature{width:100%;min-height:30px;padding:2px 0 max(6px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;color:var(--muted);font-size:10px;text-align:center}
.legacy-credit-link,.credit-menu-trigger{color:inherit;font:inherit;text-decoration:none}.credit-menu-trigger{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;cursor:pointer}.credit-menu-trigger:hover{color:var(--ink)}.credit-menu-trigger:focus-visible{outline:2px solid rgba(151,135,112,.32);outline-offset:4px;border-radius:5px}.credit-menu-trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .32s cubic-bezier(.2,.9,.25,1.15)}.credit-menu.is-open .credit-menu-trigger svg{transform:rotate(180deg) scale(1.08)}
.credit-menu{position:relative;z-index:70;display:inline-flex;align-items:center;justify-content:center;isolation:isolate}.credit-orbit{position:absolute;z-index:75;left:50%;bottom:calc(100% + 7px);width:0;height:0;pointer-events:none}.credit-action{--credit-x:0px;--credit-y:-80px;--credit-delay:0ms;position:absolute;left:0;top:0;width:52px;height:52px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--surface-strong);box-shadow:var(--soft-shadow);text-decoration:none;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.16) rotate(-18deg);transform-origin:center;transition:opacity .18s ease,visibility 0s linear .42s,transform .44s cubic-bezier(.2,.9,.2,1.2),border-color .18s ease,box-shadow .18s ease,background .18s ease;transition-delay:0s}.credit-action svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.credit-action-name{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.credit-action.is-facebook svg{fill:currentColor;stroke:none}.credit-menu.is-open .credit-action{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) translate(var(--credit-x),var(--credit-y)) scale(1) rotate(0);transition-delay:var(--credit-delay),0s,var(--credit-delay),0s,0s,0s}.credit-menu.is-open .credit-action:hover,.credit-menu.is-open .credit-action:focus-visible{z-index:2;border-color:var(--line-strong);color:var(--accent-dark);background:#fff}
.credit-action:nth-child(1){--credit-x:-101px;--credit-y:-28px;--credit-delay:0ms}.credit-action:nth-child(2){--credit-x:-67px;--credit-y:-79px;--credit-delay:28ms}.credit-action:nth-child(3){--credit-x:0px;--credit-y:-101px;--credit-delay:56ms}.credit-action:nth-child(4){--credit-x:67px;--credit-y:-79px;--credit-delay:84ms}.credit-action:nth-child(5){--credit-x:101px;--credit-y:-28px;--credit-delay:112ms}

@media(max-width:760px){
  :root{--content:680px}
  .topbar{top:7px;width:calc(100% - 18px);height:49px;margin-top:7px;border-radius:12px}.brand strong{font-size:12px}.brand small{font-size:6px}.nav-quiet{padding:0 7px}.account-name{display:none}.account-chip{width:33px;padding:0 4px}.app{width:calc(100% - 18px);padding-top:17px;padding-bottom:38px}
  .home-intro{padding:20px;grid-template-columns:1fr;gap:18px}.home-copy h1{font-size:32px}.join-bar{max-width:420px}
  .builder-overview{grid-template-columns:1fr}.setting-summary{grid-column:auto}.dialog-grid,.form-grid,.option-grid,.inline-fields,.session-close-card{grid-template-columns:1fr}.span-2{grid-column:auto}
  .question-row{grid-template-columns:29px minmax(0,1fr) auto}.question-row-actions .icon-btn[data-q-up],.question-row-actions .icon-btn[data-q-down]{display:none}
  .answers{grid-template-columns:1fr}.question-card,.host-main,.player-question{padding:15px}.host-main{min-height:330px}.player-question,.player-waiting,.player-finish{min-height:390px}.host-bar{top:63px}.host-bar-actions .btn{padding:0 9px}.host-bar-actions #copyRoomLink{display:none}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.podium{gap:4px}.podium-item{width:32%;padding-inline:4px}
  .report-drop{grid-template-columns:35px minmax(0,1fr)}.report-drop .btn{grid-column:1/-1;width:100%}
  .dialog-footer.split{align-items:stretch;flex-direction:column}.dialog-footer.split .dialog-actions{width:100%}.dialog-footer.split .dialog-actions .btn{flex:1}
  .ui-dialog,.credit-dialog{padding:10px;align-items:end}.ui-dialog-card,.credit-dialog-card,.ui-dialog-card.is-wide{width:100%;max-height:91vh;border-radius:16px 16px 10px 10px}.ui-dialog-body{max-height:calc(91vh - 78px)}
  .credit-action{width:48px;height:48px}.credit-action:nth-child(1){--credit-x:-89px;--credit-y:-26px}.credit-action:nth-child(2){--credit-x:-59px;--credit-y:-72px}.credit-action:nth-child(3){--credit-x:0px;--credit-y:-91px}.credit-action:nth-child(4){--credit-x:59px;--credit-y:-72px}.credit-action:nth-child(5){--credit-x:89px;--credit-y:-26px}
}
@media(max-width:480px){
  .home-intro{padding:18px 15px}.home-copy h1{font-size:28px}.home-copy p{font-size:9px}.home-actions .btn{flex:1}.join-bar{padding:10px}.catalog-shell{padding:13px}.game-item{grid-template-columns:36px minmax(0,1fr) auto;gap:7px;padding:8px}.game-symbol{width:34px;height:34px}.game-copy p{display:none}.game-meta span:nth-child(3){display:none}.game-actions .btn{padding:0 9px}.question-row-main span{max-width:180px}.builder-savebar{bottom:7px;border-radius:12px}.builder-savebar .status{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-header{align-items:center}.quiz-header .back-link{font-size:0}.quiz-header .back-link::after{content:'←';font-size:16px}.question-card h2,.player-question h1{font-size:21px}.answer-btn{min-height:54px}.host-bar-actions #hostPlayers{font-size:0}.host-bar-actions #hostPlayers strong{font-size:8px}.host-bar-actions #hostPlayers strong::before{content:'ผู้เล่น ';font-size:7px}.result-head{align-items:center}.result-head h1{font-size:20px}.creator-summary{display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn,.game-item,.answer-btn,.ui-dialog,.ui-dialog-card,.credit-action,.credit-menu-trigger svg{transition-duration:.01ms!important;transition-delay:0ms!important}.loader{animation-duration:1.5s}}
.confirm-dialog{z-index:380}.confirm-card{width:min(100%,380px)}

/* 2.0.8 device-role UX: mobile players, desktop/projector hosts */
.score-mode-list{display:grid;gap:6px}.score-mode{min-height:58px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;background:rgba(255,255,255,.58);cursor:pointer}.score-mode:has(input:checked){border-color:rgba(113,129,109,.36);background:var(--accent-soft);box-shadow:0 0 0 2px rgba(113,129,109,.05)}.score-mode input{margin:3px 0 0;accent-color:var(--accent-dark)}.score-mode span{display:grid;gap:2px}.score-mode strong{color:var(--ink);font-size:9px}.score-mode strong em{padding:2px 5px;border-radius:var(--pill);color:var(--accent-dark);background:#fff;font-size:6px;font-style:normal;font-weight:600}.score-mode small{color:var(--muted);font-size:7px;line-height:1.5}.player-answer-result{margin:11px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:11px;display:grid;gap:2px;text-align:center;background:rgba(255,255,255,.65)}.player-answer-result strong{color:var(--ink);font-size:10px}.player-answer-result span{color:var(--muted);font-size:8px}.player-answer-result.is-correct{border-color:rgba(113,129,109,.3);background:var(--accent-soft)}.player-answer-result.is-correct strong{color:var(--accent-dark)}.player-answer-result.is-wrong strong{color:var(--danger)}

/* Live routes keep the same HRcade Center brand + language/theme position as signed-in pages. */
body:is(.route-player,.route-host,.route-join) .signature{display:none!important}
body:is(.route-player,.route-host,.route-join) .topbar{display:flex!important}
body:is(.route-player,.route-host,.route-join) .topbar-actions{display:none!important}
body:is(.route-player,.route-host,.route-join) .app{padding-top:8px;padding-bottom:0}
body.route-player{overflow-x:hidden;background:var(--bg)}body.route-player .app{width:100%;max-width:none;min-height:calc(100dvh - 69px)}body.route-player .player-stage{width:100%;min-height:calc(100dvh - 69px);padding:0 max(9px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));display:flex;flex-direction:column}.route-player .player-bar{flex:0 0 auto;min-height:47px;margin:0 0 7px;padding:6px 9px;border-radius:11px}.route-player #playerBody{flex:1;min-height:0;display:flex;flex-direction:column}.route-player .player-question,.route-player .player-waiting,.route-player .player-finish{flex:1;min-height:calc(100dvh - 125px);padding:14px 12px;border-radius:14px}.route-player .player-question{justify-content:flex-start}.route-player .player-question .quiz-top{position:sticky;top:0;z-index:4;margin:-2px 0 9px;padding:2px 0 4px;background:linear-gradient(180deg,rgba(255,255,255,.96) 70%,rgba(255,255,255,0))}.route-player .player-question h1{margin:4px auto 14px;font-size:clamp(22px,6.3vw,31px);line-height:1.22}.route-player .answers{gap:9px}.route-player .answer-btn{min-height:64px;padding:11px 12px;font-size:13px;line-height:1.35;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.route-player .answer-btn>span{width:36px;height:36px;border-radius:10px;font-size:11px}.route-player .answer-btn:active:not(:disabled){transform:scale(.985)}.route-player .answer-received{margin-top:9px;padding:9px}.route-player .answer-received strong{font-size:10px}.route-player .answer-received span{font-size:8px}.route-player .timer{min-width:59px;height:35px;font-size:13px}.route-player .player-bar>div:first-child strong{font-size:11px}.route-player .room-code strong{font-size:15px}.route-player .player-answer-result strong{font-size:12px}.route-player .player-answer-result span{font-size:9px}.route-player .kpi strong{font-size:17px}.route-player .kpi span{font-size:7px}.route-player .mini-leaderboard{margin-top:10px}
body.route-join .app{width:min(calc(100% - 18px),520px);min-height:calc(100dvh - 69px);display:grid;align-items:center;padding:8px 0 max(12px,env(safe-area-inset-bottom))}.route-join .join-wrap{width:100%;margin:auto}.route-join .auth-card{box-shadow:var(--soft-shadow)}

/* Host is presentation-first: wider canvas, larger question text, 2x2 answers. */
body.route-host .app{width:calc(100% - 28px);max-width:1400px;min-height:calc(100dvh - 69px);margin:0 auto;padding:8px 0}.route-host .room-stage{width:100%;max-width:1320px}.route-host .host-bar{top:10px;margin-bottom:8px}.route-host .host-main{min-height:calc(100dvh - 148px);padding:clamp(20px,2.5vw,34px);border-radius:18px}.route-host .host-question-title{max-width:1120px;margin:10px auto 20px!important;font-size:clamp(38px,4.2vw,64px)!important;line-height:1.12}.route-host .host-question-title.small{font-size:clamp(28px,3.2vw,45px)!important}.route-host .host-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-host .host-answers .answer-btn{min-height:86px;padding:14px 17px;font-size:clamp(15px,1.45vw,21px);line-height:1.3}.route-host .host-answers .answer-btn>span{width:42px;height:42px;font-size:13px}.route-host .host-controls{margin-top:16px}.route-host .answer-count{font-size:10px}.route-host .answer-count strong{font-size:21px}.route-host .distribution{max-width:1080px;width:100%;margin:0 auto}.route-host .distribution-row{min-height:54px;padding:9px 11px;grid-template-columns:34px minmax(0,1fr) 45px}.route-host .distribution-row>strong{width:34px;height:34px;font-size:10px}.route-host .distribution-row>div>span{font-size:11px}.route-host .distribution-row>b{font-size:13px}.route-host .mini-leaderboard{width:min(100%,720px);margin:14px auto 0}.projector-toggle{font-size:15px}

/* Full-screen projector mode keeps the room code but maximizes the audience canvas. */
body.projector-mode{background:var(--bg);overflow:hidden}body.projector-mode .topbar{display:none!important}body.projector-mode .app{width:100vw;max-width:none;height:100vh;padding:0}body.projector-mode .room-stage{width:100%;max-width:none;height:100vh;padding:8px 12px;display:flex;flex-direction:column}body.projector-mode .host-bar{position:relative;top:0;flex:0 0 52px;margin:0 0 5px;border-radius:10px;box-shadow:none;background:rgba(255,253,249,.9)}body.projector-mode #hostBody{flex:1;min-height:0;display:flex}body.projector-mode .host-main{width:100%;min-height:0;flex:1;padding:2.2vh 3vw;border:0;border-radius:0;box-shadow:none;background:transparent}body.projector-mode .host-question-title{max-width:94vw;margin:1.5vh auto 2.3vh!important;font-size:clamp(46px,5.6vw,82px)!important}body.projector-mode .host-question-title.small{font-size:clamp(34px,4.3vw,62px)!important}body.projector-mode .host-answers{width:min(94vw,1500px);margin:0 auto;gap:1.5vh 1.1vw}body.projector-mode .host-answers .answer-btn{min-height:13vh;padding:1.7vh 1.4vw;font-size:clamp(20px,2vw,30px);border-radius:16px}body.projector-mode .host-answers .answer-btn>span{width:50px;height:50px;font-size:16px}body.projector-mode .quiz-top{font-size:14px}body.projector-mode .timer{height:42px;min-width:74px;font-size:18px}body.projector-mode .host-controls{margin-top:auto;padding-top:1.5vh}body.projector-mode .host-controls .btn{height:44px;padding-inline:20px}body.projector-mode .distribution{max-width:1200px}body.projector-mode .distribution-row{min-height:7vh}body.projector-mode .distribution-row>div>span{font-size:clamp(13px,1.4vw,20px)}body.projector-mode .mini-leaderboard{max-width:900px}

@media(max-width:760px){
  .score-mode{min-height:62px}.score-mode strong{font-size:10px}.score-mode small{font-size:8px}
  body.route-player .app{width:100%;padding:0}.route-player .player-stage{padding:max(6px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}.route-player .player-question,.route-player .player-waiting,.route-player .player-finish{min-height:calc(100dvh - 120px);padding:11px 9px}.route-player .answers{grid-template-columns:1fr}.route-player .answer-btn{min-height:66px}.route-player .player-question h1{font-size:clamp(21px,6.6vw,29px)}
  body.route-host .app{width:calc(100% - 14px);padding:7px 0}.route-host .host-main{min-height:calc(100dvh - 138px);padding:14px}.route-host .host-question-title{font-size:clamp(26px,7vw,38px)!important}.route-host .host-answers{grid-template-columns:1fr;gap:7px}.route-host .host-answers .answer-btn{min-height:57px;font-size:12px}.route-host .projector-toggle{display:none}
}
@media(max-height:650px) and (orientation:landscape){
  .route-player .player-question h1{margin-bottom:8px;font-size:20px}.route-player .answer-btn{min-height:48px;padding-block:7px}.route-player .answer-btn>span{width:31px;height:31px}.route-player .answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
}
.waiting-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.scoring-pill{margin:0 0 10px}


/* 2.2 theme system - shared interaction model with Check Point */
.topbar-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px}
.theme-toggle{width:31px;height:31px;flex:0 0 auto;padding:0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.68);box-shadow:none;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
.theme-toggle:hover{color:var(--ink);border-color:var(--line-strong);background:#fff;transform:translateY(-1px)}
.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#02060c;
  --theme-action-icon:var(--accent-dark);
  --bg-deep:#06101c;
  --surface:rgba(7,18,31,.90);
  --surface-strong:rgba(9,25,43,.92);
  --surface-soft:rgba(7,23,40,.82);
  --text:#dce9f6;
  --ink:#f7fbff;
  --muted:#8298ad;
  --line:rgba(91,170,226,.20);
  --line-strong:rgba(99,190,247,.38);
  --a1:#057ac5;
  --a2:#18b5f4;
  --accent:#31b9ff;
  --accent-dark:#73d5ff;
  --accent-soft:rgba(26,159,231,.14);
  --danger:#ff9a9f;
  --danger-soft:rgba(255,92,103,.10);
  --warning:#f2c177;
  --shadow:0 16px 42px rgba(0,0,0,.38);
  --soft-shadow:0 12px 30px rgba(0,0,0,.30);
}
html[data-theme="dark"] body{background:radial-gradient(ellipse 115% 68% at -12% -18%,transparent 57%,rgba(27,175,255,.72) 57.35%,rgba(27,175,255,.12) 57.8%,transparent 58.4%),radial-gradient(ellipse 130% 78% at -18% -22%,transparent 66%,rgba(137,207,255,.28) 66.25%,transparent 66.8%),radial-gradient(ellipse 115% 65% at 112% 118%,transparent 62%,rgba(19,129,222,.28) 62.25%,transparent 62.9%),linear-gradient(145deg,#010308 0%,#030914 52%,#06111e 100%);background-attachment:fixed}
html[data-theme="dark"] .topbar{background:rgba(2,8,15,.88);box-shadow:0 16px 42px rgba(0,0,0,.34)}
html[data-theme="dark"] :is(.brand-mark,.auth-mark,.game-symbol){color:#80d5ff;background:linear-gradient(145deg,rgba(8,31,52,.98),rgba(4,15,27,.98));box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 24px rgba(21,157,235,.07)}
html[data-theme="dark"] :is(.account-chip,.theme-toggle,.btn-secondary,.icon-btn,.input,.select,.textarea,.check,.home-intro,.join-bar,.catalog-shell,.live-counter,.segmented,.game-item,.empty,.panel,.auth-card,.menu-row,.builder-overview,.question-shell,.question-row,.builder-savebar,.room-create-card,.setting-button,.session-close-card,.quiz-header,.host-bar,.player-bar,.question-card,.host-main,.player-question,.distribution-row,.mini-leaderboard,.player-row,.kpi,.review-shell,.report-result,.review-item,.podium-item,.report-drop,.data-row,.search-box,.score-mode,.player-answer-result){background-color:var(--surface);background-image:none;color:var(--text)}
html[data-theme="dark"] :is(.ui-dialog-card,.credit-dialog-card){background:var(--surface-strong);box-shadow:0 24px 70px rgba(0,0,0,.52)}
html[data-theme="dark"] :is(.ui-dialog,.credit-dialog){background:rgba(0,4,10,.58)}
html[data-theme="dark"] :is(.btn-secondary,.icon-btn,.menu-row,.game-item,.answer-btn,.credit-action,.theme-toggle):hover:not(:disabled){background:var(--surface-strong);border-color:var(--line-strong)}
html[data-theme="dark"] :is(.input,.select,.textarea){background:rgba(4,14,25,.94);color:var(--ink);box-shadow:none}
html[data-theme="dark"] :is(.input,.select,.textarea):focus{border-color:var(--line-strong);background:rgba(7,23,40,.98);box-shadow:0 0 0 3px rgba(49,185,255,.09)}
html[data-theme="dark"] :is(.input,.textarea)::placeholder{color:#6f879d;opacity:1}
html[data-theme="dark"] .segmented{background:rgba(3,12,22,.80)}
html[data-theme="dark"] .segmented button.active{color:var(--ink);background:rgba(14,39,64,.94);box-shadow:0 5px 14px rgba(0,0,0,.28)}
html[data-theme="dark"] .game-symbol.live{color:var(--accent-dark)}
html[data-theme="dark"] .mini-badge.is-live{color:#ffb1b5;background:rgba(255,92,103,.10);border-color:rgba(255,154,159,.22)}
html[data-theme="dark"] .credit-dialog-close{color:var(--muted);background:var(--surface)}
html[data-theme="dark"] .credit-action{background:var(--surface-strong);color:var(--ink)}
html[data-theme="dark"] .credit-menu.is-open .credit-action:hover,html[data-theme="dark"] .credit-menu.is-open .credit-action:focus-visible{background:rgba(14,39,64,.98);color:var(--accent-dark)}
html[data-theme="dark"] .answer-btn{background:rgba(7,19,33,.74);color:var(--ink)}
html[data-theme="dark"] .answer-btn>span{color:#9edfff;background:rgba(11,42,68,.86)}
html[data-theme="dark"] .answer-btn.selected,html[data-theme="dark"] .answer-btn.correct,html[data-theme="dark"] .distribution-row.correct,html[data-theme="dark"] .player-answer-result.is-correct{background:var(--accent-soft);border-color:var(--line-strong)}
html[data-theme="dark"] .answer-btn.correct>span{color:#02101a;background:var(--accent)}
html[data-theme="dark"] .score-mode strong em{color:#dff5ff;background:rgba(49,185,255,.16)}
html[data-theme="dark"] .podium-item.rank-1{background:linear-gradient(180deg,rgba(15,47,77,.94),rgba(6,21,36,.94))}
html[data-theme="dark"] .toast{background:rgba(8,25,42,.96);color:var(--ink)}
html[data-theme="dark"] .toast.error{background:rgba(48,15,22,.96);color:var(--danger)}
html[data-theme="dark"] .loading{background:rgba(1,6,12,.72)}
html[data-theme="dark"] .loader{border-color:rgba(91,170,226,.18);border-top-color:var(--accent)}
html[data-theme="dark"] .progress,html[data-theme="dark"] .distribution-bar{background:rgba(92,157,205,.12)}
html[data-theme="dark"] .mini-leaderboard>div{border-top-color:rgba(91,170,226,.12)}
html[data-theme="dark"] .route-player .player-question .quiz-top{background:linear-gradient(180deg,rgba(2,6,12,.97) 70%,rgba(2,6,12,0))}
html[data-theme="dark"] body.projector-mode .host-bar{background:rgba(2,8,15,.90)}
html[data-theme="dark"] select{color-scheme:dark}

@media(max-width:760px){.topbar-actions{gap:4px}.theme-toggle{width:30px;height:30px}}
html[data-theme="dark"] :is(.timer,.setting-summary span,.pill,.answer-select,.info-strip span,.explanation){background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] :is(.nav-quiet:hover,.auth-links button:hover){color:var(--ink);background:rgba(14,39,64,.72)}
html[data-theme="dark"] .btn-accent{background:linear-gradient(90deg,var(--a1),var(--a2));color:#fff}
html[data-theme="dark"] :is(button,a,input,select,textarea,summary):focus-visible{outline-color:rgba(73,194,255,.48)}
html[data-theme="dark"] .live-counter i{background:var(--accent);box-shadow:0 0 0 3px rgba(49,185,255,.12)}
html[data-theme="dark"] .connection-dot.online{background:var(--accent);box-shadow:0 0 0 3px rgba(49,185,255,.12)}


/* HRcade 2.2 onsite access: arcade favicon/brand, room QR, projector-first question mode. */
.brand-mark{overflow:hidden;padding:0;background:transparent!important;box-shadow:none!important}

.host-lobby-access{width:min(100%,430px);margin:5px auto 13px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:13px;background:var(--surface)}
.lobby-qr-card{width:132px;height:132px;flex:0 0 132px;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;box-shadow:var(--soft-shadow)}
.hrcade-qr-svg{width:100%;height:100%;display:block;background:#fff}
.lobby-access-copy{min-width:0;display:grid;gap:2px;text-align:left}.lobby-access-copy small{color:var(--accent);font-size:7px;font-weight:700;letter-spacing:.14em}.lobby-access-copy strong{color:var(--ink);font-size:25px;line-height:1.1;letter-spacing:.14em}.lobby-access-copy span{color:var(--muted);font-size:8px}
.room-qr-dialog{display:grid;justify-items:center;gap:8px}.room-qr-frame{width:min(100%,330px);aspect-ratio:1;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow)}.room-qr-code{color:var(--ink);font-size:25px;letter-spacing:.16em}.room-qr-link{max-width:100%;overflow-wrap:anywhere;color:var(--muted);font-size:8px;text-align:center}.room-qr-dialog .dialog-actions{width:100%}
.onsite-setting{border-color:var(--accent-line);background:var(--accent-soft)}
.onsite-question-cue{margin:0 auto 13px;padding:12px 14px;border:1px dashed var(--accent-line);border-radius:12px;text-align:center;background:var(--accent-soft)}.onsite-question-cue h1{margin:2px auto 3px!important;font-size:clamp(21px,6vw,30px)!important}.onsite-question-cue p{margin:0;color:var(--muted);font-size:9px}.onsite-question-cue.compact{padding:7px 12px}.onsite-question-cue.compact h1{font-size:18px!important}
html[data-theme="dark"] :is(.host-lobby-access,.onsite-question-cue){background:var(--surface);border-color:var(--accent-line)}
html[data-theme="dark"] .lobby-qr-card,html[data-theme="dark"] .room-qr-frame{background:#fff;border-color:rgba(49,185,255,.34)}
body.projector-mode .host-lobby-access{width:min(90vw,640px);gap:22px;padding:15px 20px}body.projector-mode .lobby-qr-card{width:min(25vh,230px);height:min(25vh,230px);flex-basis:min(25vh,230px)}body.projector-mode .lobby-access-copy strong{font-size:clamp(34px,4vw,60px)}body.projector-mode .lobby-access-copy span{font-size:12px}
@media(max-width:700px){.host-bar-actions #hostQr{padding-inline:9px}.host-lobby-access{width:100%;padding:8px;gap:9px}.lobby-qr-card{width:108px;height:108px;flex-basis:108px}.lobby-access-copy strong{font-size:20px}.room-qr-frame{width:min(78vw,300px)}.onsite-player-mode .answers{margin-top:2px}}

/* 2.2 Check Point gateway + bilingual shell + media/host controls */
.brand-cluster{min-width:0;display:flex;align-items:center;gap:8px}.brand-tools{display:flex;align-items:center;gap:4px}.language-toggle{width:31px;height:31px;padding:0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.68);font-size:7px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:.18s ease}.language-toggle:hover{color:var(--ink);border-color:var(--line-strong);background:#fff;transform:translateY(-1px)}
/* Older floating live toggle rules are neutralized by the grouped utility shell above. */

body.route-public .topbar{display:none!important}body.route-public .app{width:100%;max-width:none;min-height:0;padding:0 14px 8px}.public-gateway{width:100%;min-height:min(760px,92dvh);display:grid;place-items:start center;padding:clamp(28px,5dvh,54px) 0 10px}.gateway-center{width:min(100%,410px);margin:0 auto}.gateway-shell{width:100%;display:grid;grid-template-rows:auto auto auto}.gateway-brand{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}.gateway-mark{width:82px;height:82px;margin-bottom:12px;filter:drop-shadow(0 12px 24px rgba(91,77,59,.11))}.gateway-system-title{position:relative;margin:0;color:var(--ink);font-size:clamp(30px,8vw,42px);font-weight:350;line-height:1;letter-spacing:-.035em}.gateway-brand>p{margin:8px 0 0;color:var(--muted);font-size:8px}
.theme-word{position:relative;display:inline-block}
.gateway-tabs{margin:24px auto 0;width:100%;height:43px;padding:3px;border:1px solid var(--line);border-radius:999px;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.50);box-shadow:var(--soft-shadow)}.gateway-tab{border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);background:transparent;font-size:9px;font-weight:700;cursor:pointer;transition:.18s ease}.gateway-tab svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gateway-tab.is-active{color:var(--ink);background:#fff;box-shadow:0 5px 16px rgba(91,77,59,.09)}.gateway-stage{position:relative;margin-top:11px;min-height:326px}.gateway-view{display:none}.gateway-view.is-active{display:block}.gateway-form{padding:20px 20px 17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.64);box-shadow:var(--soft-shadow)}.gateway-field{display:grid;gap:5px;margin-bottom:12px}.gateway-field-label{padding-left:3px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.14em}.gateway-input-wrap{height:48px;padding:0 13px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.70);transition:.18s ease}.gateway-input-wrap:focus-within{border-color:var(--line-strong);background:#fff;box-shadow:0 0 0 3px rgba(151,135,112,.06)}.gateway-input-wrap svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.gateway-input-wrap input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.gateway-input-wrap input[name="roomCode"]{font-size:18px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}.gateway-secondary-row{min-height:26px;margin:-2px 2px 5px;display:flex;align-items:center;justify-content:space-between;gap:8px}.gateway-secondary-row button{padding:4px;border:0;color:var(--muted);background:transparent;font-size:8px;cursor:pointer}.gateway-secondary-row button:hover{color:var(--ink)}.gateway-status{min-height:18px;margin:2px 3px 5px;color:var(--danger);font-size:8px}.gateway-primary{width:100%;height:51px;border:0;border-radius:999px;color:#fff;background:linear-gradient(90deg,var(--a1),var(--a2));box-shadow:var(--shadow);font-size:10px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:.16s ease}.gateway-primary:hover{transform:translateY(-1px)}.gateway-note{margin:10px 0 0;text-align:center;color:var(--muted);font-size:7px}.gateway-catalog{width:min(calc(100% - 28px),var(--content));margin:0 auto}.route-public .signature{margin-top:0}

.question-image-editor{padding:10px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:minmax(110px,180px) minmax(0,1fr);gap:11px;align-items:center;background:var(--surface-soft)}.question-image-preview{aspect-ratio:16/9;border:1px dashed var(--line-strong);border-radius:10px;display:grid;place-items:center;overflow:hidden;color:var(--muted);background:var(--surface)}.question-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.question-image-preview span{padding:10px;text-align:center;font-size:8px}.question-image-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.question-image-actions small{width:100%;color:var(--muted);font-size:7px;line-height:1.5}.question-media{display:block;width:auto;max-width:min(100%,760px);max-height:min(36vh,360px);margin:3px auto 12px;border:1px solid var(--line);border-radius:14px;object-fit:contain;background:var(--surface);box-shadow:var(--soft-shadow)}.host-question-media{max-width:min(82vw,920px);max-height:31vh}.player-question-media{max-width:100%;max-height:25dvh}.reveal-media{max-height:22dvh}.question-row-has-image{color:var(--accent-dark)}
.host-auto-advance{min-height:36px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:7px;color:var(--ink);background:var(--surface);font-size:8px}.host-auto-advance input[type="checkbox"]{accent-color:var(--accent)}.host-reveal-time{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:7px}.host-reveal-time input{width:54px;height:27px;padding:0 6px;border:1px solid var(--line);border-radius:999px;text-align:center;color:var(--ink);background:var(--surface)}body.projector-mode .host-auto-advance{background:rgba(255,255,255,.82)}

html[data-theme="dark"] :is(.language-toggle,.gateway-tabs,.gateway-form,.gateway-input-wrap,.question-image-editor,.question-image-preview,.host-auto-advance,.host-reveal-time input){background:var(--surface);border-color:var(--line);color:var(--text)}html[data-theme="dark"] .language-toggle:hover{background:var(--surface-strong);color:var(--ink)}html[data-theme="dark"] .gateway-tab.is-active{color:var(--ink);background:rgba(14,39,64,.94);box-shadow:0 6px 18px rgba(0,0,0,.30)}html[data-theme="dark"] .gateway-input-wrap:focus-within{background:rgba(7,23,40,.98);border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(49,185,255,.09)}html[data-theme="dark"] .gateway-input-wrap input{color:var(--ink)}html[data-theme="dark"] .gateway-primary{background:linear-gradient(90deg,#057ac5,#18b5f4);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 22px rgba(49,185,255,.08)}html[data-theme="dark"] .gateway-mark{filter:drop-shadow(0 0 24px rgba(49,185,255,.10))}html[data-theme="dark"] .question-media{background:#020810;border-color:var(--line-strong)}html[data-theme="dark"] body.projector-mode .host-auto-advance{background:rgba(4,16,28,.86)}

@media(max-width:700px){.brand-cluster{gap:5px}.brand-tools{gap:3px}.brand strong{font-size:11px}.brand small{font-size:6px}.language-toggle,.theme-toggle{width:29px;height:29px}.public-gateway{min-height:86dvh;padding-top:24px}.gateway-brand{min-height:170px}.gateway-mark{width:72px;height:72px}.gateway-tabs{margin-top:20px}.gateway-form{padding:16px 13px 14px}.gateway-stage{min-height:316px}.gateway-catalog{width:calc(100% - 18px)}.question-image-editor{grid-template-columns:1fr}.question-image-preview{width:min(100%,240px);margin:auto}.question-image-actions{justify-content:center}.host-auto-advance{width:100%;border-radius:12px;justify-content:center;flex-wrap:wrap}.host-reveal-time input{width:48px}}

.arcade-auth-mark{display:grid;place-items:center;background:transparent!important;border:0!important;box-shadow:none!important}

/* 2.2 public discovery + room hosting flow: lightweight gateway, live-first discovery, separate game/room privacy. */
.page-head-actions,.empty-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.live-pulse{width:7px;height:7px;border-radius:50%;background:#ef716c;box-shadow:0 0 0 4px rgba(239,113,108,.09)}
.gateway-live-room{width:100%;min-height:51px;padding:7px 8px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--text);background:rgba(255,255,255,.64);text-align:left;cursor:pointer;transition:.16s ease}.gateway-live-room:hover{border-color:var(--line-strong);background:#fff;transform:translateY(-1px)}.gateway-live-room>span:nth-child(2){min-width:0;display:grid;gap:1px}.gateway-live-room strong,.gateway-live-room small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gateway-live-room strong{color:var(--ink);font-size:9px}.gateway-live-room small{color:var(--muted);font-size:7px}.gateway-live-room b{color:var(--accent-dark);font-size:7px;white-space:nowrap}.gateway-live-empty{padding:12px 8px;color:var(--muted);font-size:8px;text-align:center}
.gateway-discovery-actions{margin-top:7px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.gateway-discovery-actions button{height:35px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.48);font-size:8px;font-weight:700;cursor:pointer}.gateway-discovery-actions button:hover{color:var(--ink);border-color:var(--line-strong);background:#fff}
.catalog-dialog{min-height:260px}.catalog-recommended{display:grid;grid-template-columns:1fr 1fr;gap:14px}.catalog-recommended>section{min-width:0}.catalog-recommended>section>header,.catalog-results>header{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em}.catalog-recommended>section>header b{min-width:24px;height:24px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;color:var(--ink);background:var(--surface-soft);font-size:8px}.catalog-recommended .dialog-game-list{max-height:min(56vh,520px)}
.catalog-game-id-bar{height:38px;margin-bottom:2px;padding:0 5px 0 11px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;background:var(--surface-soft)}.catalog-game-id-bar>span{color:var(--ink);font-size:8px;font-weight:800;letter-spacing:.06em}.catalog-game-id-bar input{min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:9px;text-transform:uppercase}.catalog-game-id-bar input::placeholder{text-transform:none}.catalog-game-id-bar button{height:28px;padding:0 11px;border:0;border-radius:999px;color:#fff;background:var(--accent);font-size:8px;font-weight:750;cursor:pointer}.catalog-game-id-status{min-height:14px;margin:2px 3px 0;font-size:7px}
.catalog-tools{margin-bottom:10px;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:8px}.catalog-search{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px;background:var(--surface-soft)}.catalog-search span{color:var(--muted);font-size:15px}.catalog-search input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:9px}.catalog-sort{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--surface-soft);font-size:8px}.catalog-browser{height:min(64vh,620px);display:grid;grid-template-columns:220px minmax(0,1fr);gap:11px}.catalog-index{padding:5px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;gap:3px;overflow:auto;background:var(--surface-soft)}.catalog-index button{width:100%;min-height:36px;padding:6px 8px;border:0;border-radius:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;color:var(--muted);background:transparent;text-align:left;font-size:8px;cursor:pointer}.catalog-index button span{overflow-wrap:anywhere}.catalog-index button b{min-width:22px;padding:3px 5px;border-radius:999px;color:var(--muted);background:var(--surface);text-align:center;font-size:7px}.catalog-index button:hover{color:var(--ink);background:var(--surface)}.catalog-index button.is-active{color:var(--accent-dark);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.catalog-index button.is-active b{color:var(--accent-dark)}.catalog-results{min-width:0;display:grid;grid-template-rows:30px minmax(0,1fr);overflow:hidden}.catalog-results>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:10px;font-weight:650;letter-spacing:0}.catalog-results>header span{white-space:nowrap}.catalog-game-list{height:100%;padding-right:3px;overflow:auto}
.dialog-game-list{max-height:min(56vh,560px);overflow:auto;padding-right:2px}
.compact-game-code{min-height:0;align-content:start;text-align:left}.compact-game-code>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.compact-game-code .status{min-height:18px;margin:2px 0}.game-id-preview{display:grid;gap:8px;text-align:left}.game-id-preview h3{margin:0;color:var(--ink);font-size:17px;font-weight:520;line-height:1.35}.game-id-preview p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.game-id-preview>small{color:var(--muted);font-size:8px}.game-id-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.game-id-actions .btn{flex:1;min-width:120px}.game-id-retry{justify-self:center;padding:5px;border:0;color:var(--muted);background:transparent;font-size:8px;cursor:pointer}.game-id-retry:hover{color:var(--ink);text-decoration:underline}
.room-picker-shell{width:min(100%,920px);margin:0 auto}.room-picker-tabs{margin:0 0 12px}.room-picker-content{min-height:250px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.48)}.room-picker-list{display:grid;gap:7px}.room-picker-game{min-height:70px;padding:9px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;background:rgba(255,255,255,.60)}.room-picker-game>div:nth-child(2){min-width:0;display:grid;gap:2px}.room-picker-game strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:10px}.room-picker-game small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.room-picker-game span{color:var(--muted);font-size:7px}.game-code-access{min-height:220px;display:grid;align-content:center;gap:12px;text-align:center}.game-code-access h2{margin:0;color:var(--ink);font-size:18px;font-weight:420}.game-code-access p{max-width:560px;margin:4px auto 0;color:var(--muted);font-size:9px;line-height:1.55}.game-code-access form{width:min(100%,500px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.game-code-access input{text-transform:uppercase;letter-spacing:.1em}.direct-game-found{display:grid;gap:10px}.direct-game-found>.mini-badge{justify-self:start}.privacy-separation-note{padding:10px 11px;border:1px solid var(--line);border-radius:11px;display:grid;gap:2px;background:var(--surface-soft)}.privacy-separation-note strong{color:var(--ink);font-size:8px}.privacy-separation-note span{color:var(--muted);font-size:8px;line-height:1.45}
html[data-theme="dark"] :is(.gateway-live-room,.gateway-discovery-actions button,.room-picker-content,.room-picker-game,.privacy-separation-note,.catalog-search,.catalog-sort,.catalog-index,.catalog-recommended>section>header b,.catalog-game-id-bar){background:var(--surface);border-color:var(--line)}html[data-theme="dark"] .gateway-live-room:hover,html[data-theme="dark"] .gateway-discovery-actions button:hover{background:var(--surface-strong);border-color:var(--line-strong)}html[data-theme="dark"] .gateway-live-room b{color:var(--accent-bright)}html[data-theme="dark"] .catalog-index button:hover,html[data-theme="dark"] .catalog-index button b{background:var(--surface-strong)}html[data-theme="dark"] .catalog-index button.is-active{background:var(--accent-soft)}
@media(max-width:700px){.page-head-actions{width:100%;justify-content:stretch}.page-head-actions .btn{flex:1}.gateway-stage{min-height:0}.gateway-live-room{grid-template-columns:9px minmax(0,1fr) auto}.room-picker-tabs{grid-template-columns:repeat(4,minmax(0,1fr));height:auto;border-radius:999px}.room-picker-tabs button{min-height:34px}.room-picker-game{grid-template-columns:38px minmax(0,1fr);}.room-picker-game>.btn{grid-column:1/-1;width:100%}.game-code-access form,.compact-game-code>div{grid-template-columns:1fr}.empty-actions{justify-content:center}.catalog-recommended{grid-template-columns:1fr}.catalog-tools{grid-template-columns:1fr}.catalog-browser{height:min(69vh,680px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.catalog-index{padding:2px;border:0;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;background:transparent}.catalog-index button{width:auto;min-width:max-content;min-height:32px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;display:flex}.catalog-results{grid-template-rows:30px minmax(0,1fr)}}


/* HRcade 2.2.3 public viewport + footer + gateway alignment polish */
.signature{font-size:14px;line-height:1.15}
body.route-public .signature{position:fixed;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));z-index:80;min-height:22px;margin:0;padding:0;pointer-events:none}
body.route-public .signature .credit-menu{pointer-events:auto}
.session-authenticated .signature{position:fixed;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));z-index:48;min-height:24px;margin:0;padding:0;background:transparent;pointer-events:none}
.session-authenticated .signature .credit-menu{pointer-events:auto}
.session-authenticated .app{padding-bottom:max(54px,calc(42px + env(safe-area-inset-bottom)))}
.gateway-brand>p{font-size:9px;line-height:1.45}
.gateway-tabs{background:rgba(247,241,232,.76)}
.gateway-tab.is-active{color:#5d5144;background:linear-gradient(145deg,#eee5da,#dfd2c1);box-shadow:0 5px 15px rgba(91,77,59,.13),inset 0 0 0 1px rgba(126,107,82,.08)}
.gateway-form{min-height:258px;display:flex;flex-direction:column}
.gateway-form .gateway-primary{margin-top:auto;flex:0 0 51px}
.gateway-note{display:none!important}
.password-field{position:relative;display:flex;align-items:center;gap:6px}.password-field>.input{padding-right:58px}.password-toggle{height:28px;min-width:48px;padding:0 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:8px;font-weight:700;cursor:pointer}.password-toggle:hover{color:var(--ink);border-color:var(--line-strong);background:var(--surface-strong)}.gateway-input-wrap .password-toggle{flex:0 0 auto;border:0;background:transparent}.gateway-input-wrap .password-toggle:hover{background:var(--surface-soft)}
.gateway-input-wrap input[name="roomCode"]::placeholder{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);opacity:1}
.gateway-live-launch{width:100%;height:35px;margin-top:12px;padding:0 12px;border:1px solid rgba(239,113,108,.24);border-radius:999px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;color:var(--ink);background:rgba(255,255,255,.58);box-shadow:none;cursor:pointer;transition:.16s ease}
.gateway-live-launch>span{min-width:0;display:flex;align-items:center;gap:7px;font-size:8px;font-weight:800;letter-spacing:.06em}.gateway-live-launch small{color:var(--muted);font-size:8px}.gateway-live-launch b{color:#d65f5a;font-size:10px;font-weight:700}.gateway-live-launch:hover{border-color:rgba(239,113,108,.42);background:#fff;transform:translateY(-1px)}
.gateway-live-popup-list{display:grid;gap:6px}.gateway-live-dialog{max-height:min(92dvh,820px)}
.gateway-discovery-actions{margin-top:7px}
html[data-theme="dark"] .gateway-tab.is-active{color:var(--ink);background:linear-gradient(145deg,rgba(16,47,77,.98),rgba(9,32,54,.98));box-shadow:0 6px 18px rgba(0,0,0,.30),inset 0 0 0 1px rgba(79,190,255,.10)}
html[data-theme="dark"] .gateway-live-launch{color:var(--text);background:var(--surface);border-color:rgba(255,113,108,.22)}html[data-theme="dark"] .gateway-live-launch:hover{background:var(--surface-strong);border-color:rgba(255,113,108,.38)}html[data-theme="dark"] .gateway-live-launch b{color:#ff9a9f}
@media(max-width:760px){
  .ui-dialog,.credit-dialog{padding:6px 8px max(6px,env(safe-area-inset-bottom));align-items:end}
  .ui-dialog-card,.credit-dialog-card,.ui-dialog-card.is-wide{max-height:94dvh}
  .ui-dialog-body{max-height:calc(94dvh - 74px)}
  .gateway-field{margin-bottom:10px}.gateway-live-launch{margin-top:10px}.gateway-discovery-actions{margin-top:6px}
}
@media(max-height:690px){
  .gateway-brand>p{margin-top:5px;font-size:8px}.gateway-field{margin-bottom:7px}.gateway-live-launch{margin-top:7px}.gateway-discovery-actions button,.gateway-live-launch{height:32px}
}


/* HRcade 2.2.4 compact navigation + aligned actions */
.gateway-secondary-spacer{visibility:hidden;pointer-events:none}
.page-title-line{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.page-title-line h1{min-width:0}
.page-role-badge{flex:0 0 auto;margin-top:4px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:7px;font-weight:750;letter-spacing:.08em;white-space:nowrap}
.nav-context{display:inline-flex;align-items:center;gap:4px;max-width:82px;white-space:nowrap}
.nav-context-icon{font-size:11px;line-height:1}
.room-picker-tabs{width:100%;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
.room-picker-tabs button{width:100%;min-width:0;justify-content:center;padding-inline:6px}
@media(max-width:700px){
  .room-picker-tabs{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:999px}
  .room-picker-tabs button{min-height:31px;padding-inline:3px;font-size:7px}
  .page-title-line{gap:8px}.page-role-badge{margin-top:3px;padding:2px 6px;font-size:6.5px}
  .nav-context{max-width:70px;padding-inline:6px}
}

/* HRcade 2.5.0 lighter outline joystick identity: no base buttons, thinner stroke, currentColor theme adaptation. */
.brand-svg-defs{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
.brand-mark,.gateway-mark,.arcade-auth-mark{color:#75695b;background:transparent!important;box-shadow:none!important}
.brand-mark svg,.gateway-mark svg,.arcade-auth-mark svg{width:100%;height:100%;display:block;overflow:visible;fill:none;stroke:currentColor}
.gateway-mark{filter:drop-shadow(0 9px 18px rgba(91,77,59,.10))}
.arcade-auth-mark{filter:drop-shadow(0 8px 16px rgba(91,77,59,.09))}
html[data-theme="dark"] :is(.brand-mark,.gateway-mark,.arcade-auth-mark){color:#31b9ff;background:transparent!important;box-shadow:none!important}
html[data-theme="dark"] .gateway-mark{filter:drop-shadow(0 0 14px rgba(49,185,255,.14))}
html[data-theme="dark"] .arcade-auth-mark{filter:drop-shadow(0 0 12px rgba(49,185,255,.12))}
/* final responsive stability and clarity overrides */
.ui-dialog-head>div,.credit-dialog-head>div{min-width:0}.ui-dialog-head h2,.credit-dialog-head h3{overflow-wrap:anywhere;word-break:break-word}.ui-dialog-head .icon-btn,.ui-dialog-head button,.credit-dialog-head button{flex:0 0 auto}
.review-detail{font-size:10px;line-height:1.65}.review-detail strong{font-size:11px;color:var(--accent-dark)}
.game-title-line{min-width:0;flex-wrap:wrap}.game-title-line h3{min-width:0;overflow-wrap:anywhere}.game-category{background:var(--surface-soft);color:var(--accent-dark)}
.game-item{min-height:0;padding:11px 13px}.game-item .game-symbol{width:34px;height:34px}.game-item .game-copy>p{margin:3px 0;font-size:9px}
body.route-host .host-main{min-height:calc(100dvh - 148px);width:100%}
/* compact top navigation: equal icon buttons, labels remain accessible */
.topbar .brand small,.topbar .brand strong{font-size:0;line-height:0}.topbar .brand strong::before{content:'⌂';font-size:22px;line-height:1;color:var(--ink)}
.topbar .nav{gap:6px}.topbar .nav-quiet,.topbar .nav-primary,.topbar .nav-create,.topbar .account-chip{width:34px;height:34px;min-width:34px;padding:0;display:inline-grid;place-items:center;border-radius:50%;font-size:0;line-height:1}
.topbar .nav-context span:not(.nav-context-icon),.topbar .account-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.topbar .nav-context-icon{font-size:17px;line-height:1}.topbar #navJoin::before{content:'↗';font-size:18px;line-height:1}.topbar .nav-primary::before{content:'♙';font-size:18px;line-height:1}.topbar .nav-create{font-size:21px}.topbar .account-dot{font-size:11px}
.topbar .nav-quiet:hover,.topbar .nav-primary:hover,.topbar .nav-create:hover,.topbar .account-chip:hover{transform:translateY(-1px)}
.topbar .brand strong,.topbar .brand small{font-size:inherit;line-height:inherit}.topbar .brand strong::before{content:none}.topbar .brand small{display:block}
.topbar .brand strong{font-size:13px;line-height:1.02}.topbar .brand small{font-size:7px;line-height:1.02;margin-top:3px}
.topbar .language-toggle,.topbar .theme-toggle,.topbar .nav-context,.topbar #navJoin,.topbar .nav-primary,.topbar .nav-create,.topbar .account-chip{width:31px;height:31px;min-width:31px;border:1px solid var(--line);border-radius:50%!important;padding:0;display:inline-grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.68);box-shadow:none}
.topbar .theme-toggle{color:var(--theme-action-icon)}
html[data-theme="dark"] .topbar .theme-toggle{color:var(--theme-action-icon)}
.topbar .nav-context-icon,.topbar #navJoin::before,.topbar .nav-primary::before,.topbar .nav-create,.topbar .account-dot,.topbar .theme-toggle svg{font-size:15px}
.topbar .nav-primary::before{content:'↪';}.topbar .nav-create{color:var(--muted);font-size:17px}.topbar .account-dot{width:23px;height:23px;color:var(--muted);background:transparent;font-size:9px}.topbar .nav-context:hover,.topbar #navJoin:hover,.topbar .nav-primary:hover,.topbar .nav-create:hover,.topbar .account-chip:hover{color:var(--ink);background:#fff;border-color:var(--line-strong)}
.creator-summary{align-items:center}.creator-filter-toggle{width:28px;height:28px;min-width:28px;margin-left:auto;font-size:15px}.creator-filter-input{width:min(220px,48vw);height:28px;margin-left:6px;font-size:9px}
.creator-filterbar{min-height:34px;margin:-3px 0 10px;display:flex;align-items:center;justify-content:flex-end;gap:6px}.creator-filterbar .creator-filter-input{margin-left:0}.creator-filterbar .creator-filter-toggle{margin-left:0}
.creator-filterbar{position:relative;width:min(280px,100%);min-height:34px;margin:-3px 0 10px auto;display:block}.creator-filterbar .creator-filter-icon{position:absolute;left:10px;top:50%;z-index:1;transform:translateY(-50%);color:var(--muted);font-size:15px;line-height:1;pointer-events:none}.creator-filterbar .creator-filter-input{width:100%;height:34px;margin:0;padding-left:31px;padding-right:48px;border-radius:var(--pill)}.creator-filter-count{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:8px;font-weight:700;pointer-events:none}.creator-load-more{padding:12px 0 4px;display:grid;justify-items:center;gap:5px}.creator-load-more .btn{min-width:150px}.creator-load-more .btn span{color:var(--muted);font-size:8px}.creator-load-more small{color:var(--muted);font-size:8px}
.creator-filter-toggle{display:none!important}
body:has(.builder-shell){overflow-y:auto!important;overflow-x:hidden!important}body:has(.builder-shell) .app{overflow:visible!important;height:auto!important;min-height:calc(100vh - 105px)}
.ui-dialog:has(.question-dialog){overflow-y:auto;align-items:start}.ui-dialog-card:has(.question-dialog){max-height:none;overflow:visible}.ui-dialog-card:has(.question-dialog) .ui-dialog-body{max-height:none;overflow:visible}
html[data-theme="dark"] .topbar .nav-context,html[data-theme="dark"] .topbar #navJoin,html[data-theme="dark"] .topbar .nav-primary,html[data-theme="dark"] .topbar .nav-create,html[data-theme="dark"] .topbar .account-chip{color:var(--text);background:var(--surface);border-color:var(--line)}html[data-theme="dark"] .topbar .nav-context:hover,html[data-theme="dark"] .topbar #navJoin:hover,html[data-theme="dark"] .topbar .nav-primary:hover,html[data-theme="dark"] .topbar .nav-create:hover,html[data-theme="dark"] .topbar .account-chip:hover{color:var(--ink);background:var(--surface-strong)}
.builder-shell{padding-bottom:92px}.builder-savebar{position:sticky;bottom:8px;margin-top:10px;min-height:52px}
@media(max-width:760px){.builder-shell{padding-bottom:24px}.builder-savebar{position:relative;bottom:auto;flex-wrap:wrap;justify-content:flex-end}.builder-savebar .status{order:3;flex-basis:100%;max-width:100%}.builder-savebar .btn{min-height:34px}.creator-filterbar{width:100%;margin:2px 0 10px}.creator-filter-input{width:100%}}
@media(max-width:700px){.gateway-center{width:100%}.gateway-form{width:100%}.gateway-field,.gateway-input-wrap{width:100%}.gateway-input-wrap>svg{width:17px;height:17px;flex:0 0 17px}.gateway-input-wrap input{min-width:0}.gateway-field-label{display:block}}
/* projector host: fixed viewport, responsive question type */
body.route-host{overflow:hidden}.route-host .app{height:calc(100dvh - 69px);overflow:hidden}.route-host .host-main{height:calc(100dvh - 148px);min-height:0;overflow:hidden;justify-content:center}.route-host .host-question-title{font-size:clamp(30px,5.2vw,76px)!important;line-height:1.08;overflow-wrap:anywhere;max-height:34vh;overflow:hidden}.route-host .host-next-timer{font-size:clamp(18px,2.4vw,34px);color:var(--accent-dark);font-weight:700}.route-host .host-main .quiz-top .timer{font-size:clamp(22px,3.8vw,52px);min-width:110px;height:62px;border-radius:18px}.route-host .host-main:has(.distribution){justify-content:space-evenly}.route-host .distribution-row>div>span{font-size:clamp(10px,1.5vw,21px)}
.creator-rooms-panel{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.55)}.creator-rooms-panel .panel-title{margin-bottom:8px}.creator-rooms-panel h2{margin:0;color:var(--ink);font-size:14px;font-weight:500}.creator-rooms-list{display:grid;gap:6px}.creator-room-row{min-height:42px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) auto 31px;align-items:center;gap:8px;background:rgba(255,255,255,.65)}.creator-room-row>div{min-width:0;display:grid;gap:2px}.creator-room-row strong,.creator-room-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-room-row strong{color:var(--ink);font-size:9px}.creator-room-row small{color:var(--muted);font-size:7px}.creator-room-row .icon-btn{width:28px;height:28px;color:var(--danger)}

/* 2.5.1 host presentation: return to live rooms, split prompt/answers, highlighted timers */
.creator-room-row{grid-template-columns:minmax(0,1fr) auto auto 31px}.creator-room-row>[data-reopen-room]{white-space:nowrap}
.host-quiz-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 clamp(10px,1.6vh,20px);padding:0 2px}.host-quiz-top>strong{color:var(--ink);font-size:clamp(14px,1.35vw,22px);font-weight:700;letter-spacing:.02em}.host-quiz-top .timer{flex:0 0 auto;min-width:clamp(86px,8vw,144px);height:clamp(46px,5.2vw,70px);border:2px solid var(--accent);border-radius:18px;color:var(--accent-dark);background:var(--accent-soft);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-soft) 55%,transparent),0 10px 24px rgba(91,77,59,.10);font-size:clamp(22px,3.3vw,48px);font-weight:800;letter-spacing:.02em}.host-question-layout{display:grid;grid-template-columns:minmax(210px,.29fr) minmax(0,.71fr);gap:clamp(18px,3vw,48px);align-items:center;flex:1;min-height:0}.host-answer-column{min-width:0}.host-answer-column .host-answers{grid-template-columns:1fr;gap:12px}.host-answer-column .host-answers .answer-btn{min-height:clamp(64px,10vh,116px);font-size:clamp(17px,1.65vw,28px);line-height:1.22}.host-prompt-column{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.host-prompt-column .host-question-title{width:100%;max-width:100%;margin:0!important;overflow-wrap:anywhere}.host-question-screen .host-controls{flex:0 0 auto}.host-question-screen .host-controls-live{margin-top:clamp(12px,2vh,24px)}
.host-reveal-screen{justify-content:flex-start!important;gap:clamp(8px,1.5vh,18px)}.host-reveal-question{min-height:0;text-align:center}.host-reveal-question .host-question-title{max-width:100%;margin:0!important;font-size:clamp(20px,2.7vw,42px)!important;line-height:1.12}.host-reveal-focus{width:min(100%,1050px);margin:0 auto;padding:clamp(14px,2vh,24px) clamp(16px,2.2vw,30px);border:2px solid var(--accent);border-radius:18px;text-align:center;color:var(--accent-dark);background:var(--accent-soft);box-shadow:0 8px 26px rgba(91,77,59,.10)}.host-reveal-focus .eyebrow{font-size:clamp(9px,1vw,14px)}.host-reveal-focus>strong{display:block;margin-top:5px;font-size:clamp(25px,3.2vw,52px);line-height:1.15}.host-reveal-focus .explanation{margin:10px auto 0;max-width:900px;text-align:center;font-size:clamp(11px,1.2vw,18px);background:rgba(255,255,255,.52)}.host-reveal-screen .distribution{width:min(100%,1050px);margin:0 auto;gap:5px}.host-reveal-screen .distribution-row{min-height:42px;padding:5px 8px}.host-reveal-screen .distribution-row:not(.correct){opacity:.50;transform:scale(.985)}.host-reveal-screen .distribution-row.correct{min-height:56px;border-width:2px}.host-reveal-screen .distribution-row>div>span{font-size:clamp(9px,1.2vw,17px)}.host-reveal-screen .distribution-row>b{font-size:clamp(11px,1.4vw,20px)}.host-reveal-screen .mini-leaderboard{width:min(100%,900px);margin:0 auto}.host-reveal-screen .mini-leaderboard>span{font-size:clamp(9px,1vw,13px)}.host-reveal-screen .mini-leaderboard>div{min-height:34px}.host-reveal-screen .mini-leaderboard b,.host-reveal-screen .mini-leaderboard span,.host-reveal-screen .mini-leaderboard strong{font-size:clamp(10px,1.1vw,16px)}
@media(max-width:760px){.creator-room-row{grid-template-columns:minmax(0,1fr) auto auto 29px;gap:5px}.creator-room-row>[data-reopen-room]{padding-inline:7px;font-size:7px}.host-question-layout{grid-template-columns:1fr;gap:12px}.host-prompt-column{order:1}.host-answer-column{order:2}.host-answer-column .host-answers{gap:7px}.host-answer-column .host-answers .answer-btn{min-height:57px;font-size:13px}.host-quiz-top .timer{min-width:78px;height:46px;font-size:24px}.host-reveal-screen .host-reveal-focus>strong{font-size:clamp(22px,7vw,34px)}}
@media(min-width:761px){body.projector-mode .host-question-layout{grid-template-columns:minmax(250px,.28fr) minmax(0,.72fr);gap:3vw}body.projector-mode .host-answer-column .host-answers{width:100%;gap:1.3vh}body.projector-mode .host-answer-column .host-answers .answer-btn{min-height:11vh;padding:1.5vh 1.2vw;font-size:clamp(19px,1.9vw,32px)}body.projector-mode .host-prompt-column .host-question-title{font-size:clamp(38px,5.3vw,88px)!important}.projector-mode .host-reveal-focus>strong{font-size:clamp(30px,4vw,64px)}}
 .host-question-layout:has(.host-answer-column:empty){grid-template-columns:1fr}.host-answer-column:empty{display:none}
.host-reveal-screen{gap:clamp(4px,.8vh,10px)}.host-reveal-question{flex:0 0 auto;height:clamp(34px,7vh,78px);overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:.72}.host-reveal-question .host-question-title{max-height:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(15px,2vw,29px)!important}.host-reveal-focus{padding:clamp(10px,1.4vh,17px) clamp(14px,2vw,24px)}.host-reveal-focus>strong{font-size:clamp(23px,2.9vw,46px)}.host-reveal-focus .explanation{margin-top:7px}.host-reveal-screen .distribution{flex:0 0 auto}.host-reveal-screen .mini-leaderboard{flex:0 0 auto}.host-reveal-screen .host-controls{margin-top:auto}
/* 2.5.1 unified game-stage geometry: stable header/content/action rows across question and reveal */
.host-question-screen{display:grid!important;grid-template-rows:auto minmax(0,1fr) 58px;gap:clamp(8px,1.3vh,16px);justify-content:stretch!important}.host-reveal-screen{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) 58px;gap:clamp(6px,1vh,12px);justify-content:stretch!important}.host-question-screen .host-quiz-top,.host-reveal-screen .host-quiz-top{margin:0;min-height:clamp(48px,6vh,70px)}.host-question-screen .host-question-layout{min-height:0;height:100%;overflow:hidden}.host-prompt-column{height:100%;overflow:hidden}.host-prompt-column .host-question-media{flex:0 1 auto;max-height:min(30vh,300px);margin:0 auto 10px}.route-host .host-question-title{max-height:none;overflow:hidden}.route-host .host-question-title.is-long{font-size:clamp(25px,3.6vw,54px)!important;line-height:1.12}.route-host .host-question-title.is-very-long{font-size:clamp(19px,2.75vw,40px)!important;line-height:1.16}.host-answer-column .answer-btn.is-long{font-size:clamp(14px,1.3vw,21px)}.host-answer-column .answer-btn.is-very-long{font-size:clamp(11px,1.05vw,17px);line-height:1.28}.quiz-actions .btn,.host-controls .btn{width:clamp(132px,12vw,180px);min-width:clamp(132px,12vw,180px);height:46px;padding:0 18px;justify-content:center}.host-controls-live,.host-controls-reveal{min-height:58px;margin:0;padding-top:6px;border-top:1px solid var(--line)}.host-controls-live{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center}.host-controls-live .answer-count{justify-self:start}.host-controls-live .host-auto-advance{justify-self:center}.host-controls-live #hostReveal{justify-self:end}.host-controls-reveal{display:grid;grid-template-columns:1fr 1fr;align-items:center}.host-controls-reveal #hostEnd{justify-self:start}.host-controls-reveal #hostNext{justify-self:end}
.host-reveal-question{height:auto;min-height:34px;max-height:68px;padding:0 3%;opacity:.72}.host-reveal-question .host-question-title{width:100%;font-size:clamp(15px,1.75vw,26px)!important;line-height:1.16}.host-reveal-question .host-question-title.is-long{font-size:clamp(13px,1.45vw,22px)!important}.host-reveal-question .host-question-title.is-very-long{font-size:clamp(11px,1.2vw,18px)!important}.host-reveal-content{min-height:0;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:clamp(12px,1.7vw,24px);align-items:stretch}.host-reveal-content.without-ranking{grid-template-columns:1fr}.host-reveal-answer-stack{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(6px,1vh,10px);align-content:center}.host-reveal-focus{align-self:center;width:100%;padding:clamp(11px,1.5vh,18px) clamp(14px,2vw,26px)}.host-reveal-focus>strong{font-size:clamp(24px,3vw,48px);overflow-wrap:anywhere}.host-reveal-focus .explanation{max-height:12vh;overflow:hidden;font-size:clamp(10px,1.05vw,16px);line-height:1.45}.host-reveal-screen .distribution{align-self:center;max-height:22vh;overflow:hidden}.host-reveal-screen .distribution-row{min-height:38px}.host-reveal-ranking{min-width:0;min-height:0;display:flex;align-items:stretch}.host-reveal-ranking .mini-leaderboard{height:100%;min-height:0;margin:0;padding:clamp(8px,1.2vh,14px);display:grid;grid-template-rows:auto repeat(5,minmax(28px,1fr));align-content:stretch}.host-reveal-ranking .mini-leaderboard>div{min-height:0}.host-reveal-ranking .mini-leaderboard b,.host-reveal-ranking .mini-leaderboard span,.host-reveal-ranking .mini-leaderboard strong{font-size:clamp(10px,1vw,15px)}
body.projector-mode .host-question-screen,body.projector-mode .host-reveal-screen{grid-template-rows:auto minmax(0,1fr) 62px}body.projector-mode .host-reveal-screen{grid-template-rows:auto auto minmax(0,1fr) 62px}body.projector-mode .host-controls-live .host-auto-advance{display:none}body.projector-mode .host-controls-live{grid-template-columns:1fr 1fr}body.projector-mode .host-controls-live #hostReveal{grid-column:2;justify-self:end}body.projector-mode .host-controls .btn{height:50px}body.projector-mode .host-reveal-content{grid-template-columns:minmax(0,1.8fr) minmax(300px,.7fr)}body.projector-mode .host-reveal-content.without-ranking{grid-template-columns:1fr}body.projector-mode .host-reveal-focus>strong{font-size:clamp(32px,4vw,64px)}body.projector-mode .host-reveal-question .host-question-title{font-size:clamp(18px,2vw,30px)!important}
@media(max-height:760px) and (min-width:761px){.host-question-screen,.host-reveal-screen{grid-template-rows:auto minmax(0,1fr) 52px}.host-reveal-screen{grid-template-rows:auto auto minmax(0,1fr) 52px}.host-question-screen .host-quiz-top,.host-reveal-screen .host-quiz-top{min-height:46px}.host-quiz-top .timer{height:48px;min-width:90px;font-size:28px}.host-answer-column .host-answers{gap:7px}.host-answer-column .host-answers .answer-btn{min-height:54px}.host-reveal-focus{padding:8px 12px}.host-reveal-focus .explanation{margin-top:5px}.host-controls-live,.host-controls-reveal{min-height:52px}.quiz-actions .btn,.host-controls .btn{height:42px}}
@media(max-width:760px){.host-question-screen,.host-reveal-screen{grid-template-rows:auto minmax(0,1fr) auto;overflow:auto!important}.host-reveal-screen{grid-template-rows:auto auto minmax(0,1fr) auto}.host-question-screen .host-question-layout{overflow:auto}.host-reveal-content{grid-template-columns:1fr;overflow:auto}.host-controls-live{grid-template-columns:1fr auto;gap:7px}.host-controls-live .host-auto-advance{display:none}.host-controls-live #hostReveal{grid-column:2}.host-controls-reveal{gap:8px}.quiz-actions .btn,.host-controls .btn{width:auto;min-width:118px}.host-reveal-ranking .mini-leaderboard{height:auto;min-height:150px}.host-reveal-focus .explanation{max-height:none}}

/* Host question stage: prompt on the left, answer choices on the right. */
@media(min-width:761px){.host-question-layout{grid-template-columns:minmax(0,.71fr) minmax(210px,.29fr)}.host-question-layout .host-prompt-column{grid-column:1;grid-row:1}.host-question-layout .host-answer-column{grid-column:2;grid-row:1}body.projector-mode .host-question-layout{grid-template-columns:minmax(0,.72fr) minmax(250px,.28fr)}}

/* Shared credit visibility, reverse close motion, adaptive live text and complete final ranking. */
body:is(.route-player,.route-host,.route-join) .signature{display:flex!important;position:fixed;left:50%;bottom:max(3px,env(safe-area-inset-bottom));z-index:90;width:max-content;min-height:20px;padding:0;transform:translateX(-50%);font-size:8px;pointer-events:none}body:is(.route-player,.route-host,.route-join) .signature .credit-menu{pointer-events:auto}.credit-action{--credit-close-delay:0ms;transition-delay:var(--credit-close-delay),calc(var(--credit-close-delay) + 360ms),var(--credit-close-delay),0s,0s,0s}.credit-action:nth-child(1){--credit-close-delay:112ms}.credit-action:nth-child(2){--credit-close-delay:84ms}.credit-action:nth-child(3){--credit-close-delay:56ms}.credit-action:nth-child(4){--credit-close-delay:28ms}.credit-action:nth-child(5){--credit-close-delay:0ms}.credit-menu.is-open .credit-action{transition-delay:var(--credit-delay),0s,var(--credit-delay),0s,0s,0s}
body.route-player .signature{min-height:26px;font-size:12px;font-weight:600}body.route-host .signature,body.route-join .signature{font-size:10px}.route-player .credit-menu-trigger{gap:6px}.route-player .credit-menu-trigger svg{width:16px;height:16px}
.route-player .player-question h1{font-size:clamp(13px,3.8vw,18px)!important;line-height:1.35;overflow-wrap:anywhere}.route-player .player-question h1.is-long{font-size:clamp(12px,3.3vw,16px)!important}.route-player .player-question h1.is-very-long{font-size:clamp(10px,2.8vw,14px)!important}.route-player .answer-btn{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.route-player .answer-btn.is-long{font-size:11px}.route-player .answer-btn.is-very-long{font-size:9px;line-height:1.3}.route-player .explanation{overflow-wrap:anywhere;word-break:break-word}.route-player .explanation.is-long{font-size:8px;line-height:1.45}.route-player .explanation.is-very-long{font-size:7px;line-height:1.38}.host-reveal-focus .explanation.is-long{font-size:clamp(9px,.9vw,13px)}.host-reveal-focus .explanation.is-very-long{font-size:clamp(8px,.75vw,11px);line-height:1.35}
.final-credit{margin:12px auto 2px;display:grid;justify-items:center;gap:1px;color:var(--muted)}.final-credit strong{color:var(--ink);font-size:clamp(14px,2vw,20px);font-weight:650}.final-credit span{font-size:8px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.final-ranking-button{margin-top:6px}.full-leaderboard{display:grid;gap:5px}.full-leaderboard-row{min-height:42px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;background:var(--surface)}.full-leaderboard-row b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:var(--surface-soft);font-size:9px}.full-leaderboard-row span{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:10px}.full-leaderboard-row strong{color:var(--accent-dark);font-size:11px}.final-ranking-dialog .ui-dialog-body{max-height:min(70dvh,650px)}.player-finish{overflow:auto}.player-finish .final-credit{margin-top:10px}
@media(max-width:760px){body:is(.route-player,.route-host,.route-join) .signature{font-size:9px;bottom:max(2px,env(safe-area-inset-bottom))}body.route-player .signature{min-height:25px;font-size:11px}.route-player .player-question{padding-bottom:32px!important}.route-player .player-finish{padding-bottom:36px!important}.full-leaderboard-row{min-height:39px;padding:6px 8px}}

/* Reveal overflow guard: long correct answers stay inside their own panel. */
.host-reveal-answer-stack{overflow:hidden;align-content:stretch;grid-template-rows:minmax(0,auto) minmax(0,1fr)}.host-reveal-focus{min-height:0;max-height:100%;overflow:hidden}.host-reveal-focus>strong{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.host-reveal-focus>strong.is-long{font-size:clamp(18px,2.25vw,34px)}.host-reveal-focus>strong.is-very-long{font-size:clamp(13px,1.65vw,25px);line-height:1.18}.host-reveal-focus .explanation{overflow:auto;overscroll-behavior:contain}.host-reveal-screen .distribution{min-height:0;overflow:auto}.host-reveal-screen .distribution-row{flex-shrink:0}
body.projector-mode .host-reveal-focus>strong.is-long{font-size:clamp(21px,2.7vw,42px)}body.projector-mode .host-reveal-focus>strong.is-very-long{font-size:clamp(15px,2vw,30px)}

/* Image-aware game layout. The image ratio is assigned after the real asset loads. */
@media(min-width:761px){.host-question-layout.has-question-image{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto;gap:clamp(10px,1.5vh,18px)}.host-question-layout.has-question-image .host-prompt-column{grid-column:1!important;grid-row:1!important;width:100%;display:grid;align-items:center;justify-items:center;gap:clamp(18px,2.5vw,38px);overflow:hidden}.host-question-layout.has-question-image.image-portrait .host-prompt-column{grid-template-columns:minmax(220px,.4fr) minmax(0,.6fr)}.host-question-layout.has-question-image.image-landscape .host-prompt-column{grid-template-columns:minmax(280px,.52fr) minmax(0,.48fr)}.host-question-layout.has-question-image.image-balanced .host-prompt-column{grid-template-columns:minmax(240px,.45fr) minmax(0,.55fr)}.host-question-layout.has-question-image .host-question-media{grid-column:1;grid-row:1;max-width:100%;width:auto;height:auto;margin:0;object-fit:contain}.host-question-layout.has-question-image.image-portrait .host-question-media{max-height:min(50vh,520px)}.host-question-layout.has-question-image.image-landscape .host-question-media{max-height:min(38vh,390px)}.host-question-layout.has-question-image.image-balanced .host-question-media{max-height:min(43vh,440px)}.host-question-layout.has-question-image .host-question-title{grid-column:2;grid-row:1;min-width:0;max-width:100%;font-size:clamp(26px,3.25vw,50px)!important;line-height:1.12}.host-question-layout.has-question-image .host-question-title.is-long{font-size:clamp(22px,2.75vw,42px)!important}.host-question-layout.has-question-image .host-question-title.is-very-long{font-size:clamp(18px,2.15vw,33px)!important}.host-question-layout.has-question-image .host-answer-column{grid-column:1!important;grid-row:2!important;width:100%}.host-question-layout.has-question-image .host-answer-column .host-answers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.host-question-layout.has-question-image .host-answer-column .host-answers .answer-btn{min-height:48px;padding:7px 9px;font-size:clamp(12px,1.05vw,17px);line-height:1.25}.host-question-layout.has-question-image .host-answer-column .answer-btn>span{width:31px;height:31px;font-size:10px}.host-question-layout.has-question-image .host-answer-column:empty{display:none}.question-card.has-question-image.image-portrait{display:grid;grid-template-columns:minmax(180px,.4fr) minmax(0,.6fr);grid-template-rows:auto auto;gap:12px 18px;align-items:center}.question-card.has-question-image.image-portrait>.question-media{grid-column:1;grid-row:1}.question-card.has-question-image.image-portrait>h2{grid-column:2;grid-row:1}.question-card.has-question-image.image-portrait>.answers,.question-card.has-question-image.image-portrait>.quiz-actions{grid-column:1/-1}.question-card.has-question-image.image-landscape>.question-media{max-height:min(31vh,320px)}}
.player-question.has-question-image .player-question-media{flex:0 1 auto;object-fit:contain}.player-question.has-question-image.image-portrait .player-question-media{max-height:min(29dvh,270px)}.player-question.has-question-image.image-landscape .player-question-media{max-height:min(22dvh,220px)}.player-question.has-question-image.image-balanced .player-question-media{max-height:min(25dvh,240px)}.player-question.has-question-image h1{flex:0 0 auto;min-height:0;font-size:clamp(13px,3.8vw,18px)!important}.player-question.has-question-image h1.is-long{font-size:clamp(12px,3.35vw,16px)!important}.player-question.has-question-image h1.is-very-long{font-size:clamp(11px,3vw,14px)!important}.question-card.has-question-image h2{overflow-wrap:anywhere;word-break:break-word}.question-card.has-question-image h2.is-long{font-size:clamp(16px,2.5vw,24px)}.question-card.has-question-image h2.is-very-long{font-size:clamp(14px,2vw,20px)}
@media(max-width:760px){.host-question-layout.has-question-image .host-prompt-column{display:flex}.host-question-layout.has-question-image .host-question-media{max-height:min(27dvh,230px)}.host-question-layout.has-question-image .host-answer-column .host-answers{grid-template-columns:1fr}.question-card.has-question-image.image-portrait{display:block}.player-question.has-question-image .answers{flex:0 0 auto}.player-question.has-question-image.image-portrait .player-question-media{max-height:min(26dvh,230px)}.player-question.has-question-image.image-landscape .player-question-media{max-height:min(19dvh,180px)}}

/* True/false is a two-button game surface for players, not a compact answer list. */
.route-player .player-question.is-true-false:not(.reveal){display:flex;flex-direction:column;min-height:calc(100dvh - 125px)}.route-player .player-question.is-true-false:not(.reveal) .answers{flex:1;min-height:clamp(260px,48dvh,560px);width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,18px);align-items:stretch}.route-player .player-question.is-true-false:not(.reveal) .answer-btn,.question-card.is-true-false .answer-btn{min-width:0;min-height:100%;padding:clamp(16px,3vh,30px);border-width:2px;border-radius:clamp(18px,2.4vw,28px);flex-direction:column;justify-content:center;gap:clamp(12px,2vh,22px);text-align:center;font-size:clamp(20px,3vw,34px);font-weight:800;line-height:1.1;box-shadow:0 12px 30px rgba(43,50,40,.11)}.route-player .player-question.is-true-false:not(.reveal) .answer-btn>span,.question-card.is-true-false .answer-btn>span{width:clamp(76px,9vw,126px);height:clamp(76px,9vw,126px);border-radius:50%;font-size:clamp(44px,6vw,78px);font-family:Arial,sans-serif;font-weight:800;color:#fff}.route-player .is-true-false .answer-btn.true-choice,.question-card.is-true-false .answer-btn.true-choice{color:#285d37;border-color:#55a66a;background:linear-gradient(145deg,#f1fbf3,#dff2e3)}.route-player .is-true-false .answer-btn.true-choice>span,.question-card.is-true-false .answer-btn.true-choice>span{background:#3d9a57;box-shadow:0 8px 24px rgba(61,154,87,.24)}.route-player .is-true-false .answer-btn.false-choice,.question-card.is-true-false .answer-btn.false-choice{color:#873d3d;border-color:#cf6a6a;background:linear-gradient(145deg,#fff5f4,#f7dedd)}.route-player .is-true-false .answer-btn.false-choice>span,.question-card.is-true-false .answer-btn.false-choice>span{background:#c95656;box-shadow:0 8px 24px rgba(201,86,86,.24)}.route-player .player-question.is-true-false:not(.reveal) .answer-btn:hover:not(:disabled),.question-card.is-true-false .answer-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.008);box-shadow:0 17px 36px rgba(43,50,40,.16)}.route-player .player-question.is-true-false:not(.reveal) .answer-btn:active:not(:disabled),.question-card.is-true-false .answer-btn:active:not(:disabled){transform:scale(.975)}.route-player .player-question.is-true-false.onsite-player-mode:not(.reveal) .onsite-question-cue{flex:0 0 auto;margin-bottom:10px}.route-player .player-question.is-true-false.reveal .answers{grid-template-columns:repeat(2,minmax(0,1fr))}.route-player .player-question.is-true-false.reveal .answer-btn{justify-content:center;border-width:2px}.route-player .player-question.is-true-false.reveal .answer-btn:not(.correct){opacity:.42}.route-player .player-question.is-true-false.reveal .answer-btn.correct{opacity:1;color:#285d37;border-color:#55a66a;background:#dff2e3}.question-card.is-true-false{min-height:min(64dvh,620px);display:flex;flex-direction:column}.question-card.is-true-false .answers{flex:1;min-height:300px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
html[data-theme="dark"] .route-player .is-true-false .answer-btn.true-choice,html[data-theme="dark"] .question-card.is-true-false .answer-btn.true-choice{color:#b9efc5;border-color:#58bd72;background:linear-gradient(145deg,#132c1b,#183b22)}html[data-theme="dark"] .route-player .is-true-false .answer-btn.false-choice,html[data-theme="dark"] .question-card.is-true-false .answer-btn.false-choice{color:#ffc2c2;border-color:#df7474;background:linear-gradient(145deg,#361919,#491f1f)}html[data-theme="dark"] .route-player .player-question.is-true-false.reveal .answer-btn.correct{color:#c8f5d1;border-color:#61c77a;background:#173d22}
@media(max-width:760px){.route-player .player-question.is-true-false:not(.reveal){min-height:calc(100dvh - 120px)}.route-player .player-question.is-true-false:not(.reveal) .answers{grid-template-columns:repeat(2,minmax(0,1fr));min-height:clamp(250px,44dvh,480px);gap:9px}.route-player .player-question.is-true-false:not(.reveal) .answer-btn,.question-card.is-true-false .answer-btn{padding:12px 7px;border-radius:18px;font-size:clamp(17px,5.5vw,24px)}.route-player .player-question.is-true-false:not(.reveal) .answer-btn>span,.question-card.is-true-false .answer-btn>span{width:clamp(68px,20vw,92px);height:clamp(68px,20vw,92px);font-size:clamp(40px,13vw,58px)}.route-player .player-question.is-true-false.has-question-image:not(.reveal) .answers{min-height:clamp(210px,35dvh,340px)}.question-card.is-true-false{min-height:calc(100dvh - 150px)}.question-card.is-true-false .answers{min-height:270px;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Question image crop gate: every new upload is normalized before Drive. */
.image-crop-dialog{position:fixed;inset:0;z-index:1100;padding:14px;display:grid;place-items:center;background:rgba(48,42,35,.42);backdrop-filter:blur(8px);opacity:0;transition:opacity .18s ease}.image-crop-dialog.is-open{opacity:1}.image-crop-card{width:min(100%,720px);max-height:94dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface-strong);box-shadow:0 26px 80px rgba(45,38,31,.24);transform:translateY(8px) scale(.99);transition:transform .2s ease}.image-crop-dialog.is-open .image-crop-card{transform:none}.image-crop-card>header{padding:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.image-crop-card h2{margin:0;color:var(--ink);font-size:18px;font-weight:500}.image-crop-card header p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.image-crop-body{padding:14px;display:grid;gap:12px}.image-crop-preview{width:min(100%,560px);margin:auto;overflow:hidden;border:2px solid var(--accent);border-radius:15px;background:var(--surface-soft);box-shadow:var(--soft-shadow);transition:aspect-ratio .2s ease,width .2s ease}.image-crop-preview.is-landscape{aspect-ratio:16/9}.image-crop-preview.is-portrait{width:min(72%,390px);aspect-ratio:3/4}.image-crop-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.image-crop-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-crop-option{min-height:64px;padding:10px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;gap:2px;color:var(--muted);background:var(--surface);cursor:pointer}.image-crop-option strong{color:var(--ink);font-size:10px}.image-crop-option span{font-size:8px}.image-crop-option.is-selected{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.image-crop-note{margin:0;text-align:center;color:var(--muted);font-size:8px}.question-image-preview.is-portrait{width:min(100%,150px);aspect-ratio:3/4}.question-image-preview.is-landscape{aspect-ratio:16/9}

/* Open-room dashboard panel must use theme tokens in both themes. */
html[data-theme="dark"] .creator-rooms-panel{color:var(--text);border-color:var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-soft));box-shadow:var(--soft-shadow)}html[data-theme="dark"] .creator-room-row{color:var(--text);border-color:var(--line);background:var(--surface-strong)}html[data-theme="dark"] .creator-room-row:hover{border-color:var(--line-strong);background:var(--surface-soft)}html[data-theme="dark"] .creator-room-row strong,html[data-theme="dark"] .creator-rooms-panel h2{color:var(--ink)}html[data-theme="dark"] .creator-room-row small,html[data-theme="dark"] .creator-rooms-panel .subtle{color:var(--muted)}html[data-theme="dark"] .creator-room-row .pill{color:var(--accent-dark);border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:var(--accent-soft)}html[data-theme="dark"] .creator-room-row [data-reopen-room]{color:var(--ink);border-color:var(--line-strong);background:var(--surface)}html[data-theme="dark"] .creator-room-row [data-reopen-room]:hover{background:var(--surface-soft)}html[data-theme="dark"] .creator-room-row [data-close-room]{color:#ff9b9b;border-color:rgba(255,121,121,.25);background:rgba(112,32,32,.18)}html[data-theme="dark"] .image-crop-dialog{background:rgba(0,4,10,.68)}html[data-theme="dark"] .image-crop-card{background:var(--surface-strong);box-shadow:0 26px 80px rgba(0,0,0,.58)}html[data-theme="dark"] .image-crop-preview{background:#020810}html[data-theme="dark"] .image-crop-option{background:var(--surface);border-color:var(--line)}html[data-theme="dark"] .image-crop-option.is-selected{color:var(--accent-dark);background:var(--accent-soft);border-color:var(--accent)}
@media(max-width:600px){.image-crop-dialog{padding:7px;align-items:end}.image-crop-card{max-height:96dvh;border-radius:18px 18px 10px 10px}.image-crop-card>header{padding:12px}.image-crop-body{padding:10px}.image-crop-preview.is-portrait{width:min(62%,280px)}.image-crop-options{gap:6px}.image-crop-option{min-height:58px;padding:8px}}

/* Live-stage guardrails: fixed media zones, readable fitting and unmistakable player selection. */
.answer-btn,.answer-btn *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.answer-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.route-player .player-question .quiz-top{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.route-player .player-question .quiz-top .timer{justify-self:end}.route-player .answer-btn.selected{opacity:1!important;border-width:2px;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.route-player .answer-btn.selected>span{color:#fff;background:var(--accent)}.route-player .answer-btn.answered:not(.selected),.route-player .answer-btn.pending:not(.selected){opacity:.42}.route-player .answer-btn.incorrect-selected{border-color:var(--danger);background:var(--danger-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 15%,transparent)}.route-player .answer-btn.incorrect-selected>span{color:#fff;background:var(--danger)}
.route-player .player-question>h1{width:100%;max-width:760px;max-height:5.4em;overflow:hidden;font-size:clamp(14px,4.2vw,18px)!important;line-height:1.35}.route-player .player-question>h1.is-long{font-size:clamp(13px,3.7vw,16px)!important}.route-player .player-question>h1.is-very-long{font-size:clamp(12px,3.2vw,14px)!important;line-height:1.3}.route-player .answer-btn.is-long{font-size:11px;line-height:1.32}.route-player .answer-btn.is-very-long{font-size:10px;line-height:1.28}
html[data-theme="dark"] .route-player .answer-btn.selected{color:var(--ink);border-color:var(--accent);background:rgba(17,63,94,.96);box-shadow:0 0 0 3px rgba(49,185,255,.15)}html[data-theme="dark"] .route-player .answer-btn.incorrect-selected{border-color:#ff7d86;background:rgba(83,25,34,.96);box-shadow:0 0 0 3px rgba(255,105,115,.13)}
@media(min-width:761px){.host-answer-column{height:min(100%,520px);overflow:hidden}.host-answer-column .host-answers{height:100%;grid-template-rows:repeat(4,minmax(0,1fr));align-content:center}.host-answer-column .host-answers .answer-btn{min-height:0;max-height:116px;overflow:hidden}.host-answer-column .answer-btn.is-long{font-size:clamp(13px,1.15vw,19px)}.host-answer-column .answer-btn.is-very-long{font-size:clamp(11px,.95vw,16px);line-height:1.22}.host-question-layout.has-question-image{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr)!important}.host-question-layout.has-question-image .host-answer-column{display:none!important}.host-question-layout.has-question-image .host-prompt-column{grid-column:1!important;grid-row:1!important;height:100%;min-height:0;overflow:hidden;display:grid;align-items:center;justify-items:center}.host-question-layout.has-question-image.image-portrait .host-prompt-column{grid-template-columns:minmax(230px,.38fr) minmax(0,.62fr)}.host-question-layout.has-question-image.image-landscape .host-prompt-column{grid-template-columns:minmax(300px,.57fr) minmax(0,.43fr)}.host-question-layout.has-question-image.image-balanced .host-prompt-column{grid-template-columns:minmax(260px,.48fr) minmax(0,.52fr)}.host-question-layout.has-question-image .host-question-media{grid-column:1;grid-row:1;margin:0;display:block;object-fit:cover;object-position:center;align-self:center}.host-question-layout.has-question-image.image-portrait .host-question-media{width:auto;height:min(100%,520px);max-width:100%;max-height:100%;aspect-ratio:3/4}.host-question-layout.has-question-image.image-landscape .host-question-media{width:100%;height:auto;max-width:100%;max-height:100%;aspect-ratio:16/9}.host-question-layout.has-question-image.image-balanced .host-question-media{width:auto;height:min(100%,480px);max-width:100%;max-height:100%;aspect-ratio:1;object-fit:cover}.host-question-layout.has-question-image .host-question-title{grid-column:2;grid-row:1;width:100%;max-width:100%;max-height:5.2em;margin:0!important;overflow:hidden}.host-question-layout.has-question-image .host-question-title.is-long{font-size:clamp(20px,2.45vw,38px)!important}.host-question-layout.has-question-image .host-question-title.is-very-long{font-size:clamp(17px,1.95vw,30px)!important;line-height:1.16}}
.host-reveal-question{position:relative;z-index:1;overflow:hidden}.host-reveal-question .host-question-title{max-height:2.35em;overflow:hidden}.host-reveal-content{position:relative;z-index:0;min-height:0}.host-reveal-focus>strong,.host-reveal-focus .explanation{overflow:hidden!important}.host-reveal-focus .explanation{max-height:clamp(44px,10vh,105px)}
.player-question.has-question-image .player-question-media{position:relative;z-index:0;flex:0 0 auto;margin:2px auto 10px;display:block;object-fit:cover;object-position:center}.player-question.has-question-image.image-portrait .player-question-media{width:min(68vw,300px);height:auto;max-height:none;aspect-ratio:3/4}.player-question.has-question-image.image-landscape .player-question-media{width:min(100%,560px);height:auto;max-height:none;aspect-ratio:16/9}.player-question.has-question-image.image-balanced .player-question-media{width:min(72vw,340px);height:auto;max-height:none;aspect-ratio:1}.player-question.has-question-image>h1{position:relative;z-index:1;flex:0 0 auto;margin:2px auto 11px!important}
@media(max-width:760px){.player-question.has-question-image.image-portrait .player-question-media{width:min(64vw,270px);max-height:min(40dvh,360px)}.player-question.has-question-image.image-landscape .player-question-media{width:100%;max-height:min(27dvh,230px)}.player-question.has-question-image.image-balanced .player-question-media{width:min(66vw,280px);max-height:min(32dvh,280px)}.route-player .player-question .quiz-top{position:sticky;left:0;right:0}.route-player .answer-btn{cursor:pointer}.host-reveal-question .host-question-title{max-height:3.6em}}

/* Exact host image templates: uploads are normalized to portrait 3:4 or landscape 16:9. */
@media(min-width:761px){
  .host-question-layout:is(.host-template-portrait,.host-template-landscape){grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr)!important;height:100%;min-height:0;overflow:hidden}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-answer-column{display:none!important}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-prompt-column{grid-column:1!important;grid-row:1!important;width:100%;height:100%;min-height:0;margin:0;display:grid!important;align-items:center;justify-items:stretch;overflow:hidden}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-question-media{grid-column:1;grid-row:1;align-self:center;justify-self:center;display:block;margin:0;border-radius:clamp(12px,1.3vw,20px);object-fit:cover;object-position:center;box-shadow:var(--soft-shadow)}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-question-title{grid-column:2;grid-row:1;align-self:center;width:100%;max-width:100%;max-height:7em;margin:0!important;padding:0 clamp(4px,.7vw,12px);overflow:hidden;text-align:center;overflow-wrap:anywhere;word-break:normal}
  .host-question-layout.host-template-portrait .host-prompt-column{grid-template-columns:minmax(260px,.38fr) minmax(0,.62fr);gap:clamp(26px,3.4vw,58px)}
  .host-question-layout.host-template-portrait .host-question-media{width:auto;height:min(100%,540px);max-width:100%;max-height:100%;aspect-ratio:3/4}
  .host-question-layout.host-template-portrait .host-question-title{font-size:clamp(30px,4.15vw,66px)!important;line-height:1.1}
  .host-question-layout.host-template-portrait .host-question-title.is-long{font-size:clamp(25px,3.35vw,52px)!important}
  .host-question-layout.host-template-portrait .host-question-title.is-very-long{font-size:clamp(20px,2.65vw,41px)!important;line-height:1.14}
  .host-question-layout.host-template-landscape .host-prompt-column{grid-template-columns:minmax(420px,.61fr) minmax(300px,.39fr);gap:clamp(28px,3.3vw,56px)}
  .host-question-layout.host-template-landscape .host-question-media{width:100%;height:auto;max-width:100%;max-height:100%;aspect-ratio:16/9}
  .host-question-layout.host-template-landscape .host-question-title{font-size:clamp(28px,3.65vw,58px)!important;line-height:1.1}
  .host-question-layout.host-template-landscape .host-question-title.is-long{font-size:clamp(24px,3vw,47px)!important}
  .host-question-layout.host-template-landscape .host-question-title.is-very-long{font-size:clamp(19px,2.35vw,37px)!important;line-height:1.14}
  body.projector-mode .host-question-layout.host-template-portrait .host-prompt-column{grid-template-columns:minmax(300px,.39fr) minmax(0,.61fr);gap:4vw}
  body.projector-mode .host-question-layout.host-template-landscape .host-prompt-column{grid-template-columns:minmax(480px,.63fr) minmax(320px,.37fr);gap:3.8vw}
  body.projector-mode .host-question-layout.host-template-portrait .host-question-title{font-size:clamp(36px,4.7vw,76px)!important}
  body.projector-mode .host-question-layout.host-template-landscape .host-question-title{font-size:clamp(34px,4.2vw,68px)!important}
}
@media(max-width:760px){
  .host-question-layout:is(.host-template-portrait,.host-template-landscape){overflow:hidden!important}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-answer-column{display:none!important}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-prompt-column{height:100%;min-height:0;display:grid!important;grid-template-rows:minmax(0,1fr) auto;gap:10px;overflow:hidden}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-question-media{align-self:center;justify-self:center;margin:0;object-fit:cover;object-position:center}
  .host-question-layout.host-template-portrait .host-question-media{width:auto;height:min(100%,48dvh);max-width:76vw;aspect-ratio:3/4}
  .host-question-layout.host-template-landscape .host-question-media{width:min(100%,680px);height:auto;max-height:42dvh;aspect-ratio:16/9}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-question-title{max-height:3.45em;margin:0!important;font-size:clamp(17px,5.4vw,27px)!important;line-height:1.15;overflow:hidden}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-question-title.is-long{font-size:clamp(15px,4.7vw,23px)!important}
  .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-question-title.is-very-long{font-size:clamp(13px,4vw,20px)!important}
}

/* Player reveal: one-screen hierarchy for the correct answer, explanation and relevant ranks. */
.route-player .player-reveal-screen{height:calc(100dvh - 125px);min-height:0!important;padding:clamp(9px,1.7dvh,15px) clamp(9px,2vw,16px) 44px!important;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(6px,1.2dvh,11px);align-content:stretch;overflow:hidden}
.player-reveal-screen>*{min-width:0}.player-reveal-head{width:100%;min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:9px;overflow:visible}
.player-reveal-head .eyebrow{font-size:clamp(8px,2.3vw,11px)}
.player-result-pill{min-height:27px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(9px,2.5vw,12px);font-weight:750;white-space:nowrap}
.player-result-pill.is-correct{color:var(--accent-dark);border-color:var(--line-strong);background:var(--accent-soft)}
.player-result-pill.is-wrong{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 32%,transparent);background:var(--danger-soft)}
.route-player .player-reveal-question{width:100%;max-width:920px;max-height:2.75em;margin:0 auto!important;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:center;color:var(--muted);font-size:clamp(12px,3.2vw,17px)!important;line-height:1.3}
.route-player .player-reveal-question.is-long{font-size:clamp(11px,2.85vw,15px)!important}
.route-player .player-reveal-question.is-very-long{font-size:clamp(10px,2.55vw,13px)!important}
.player-correct-focus{min-height:0;padding:clamp(10px,1.8dvh,18px) clamp(10px,2.4vw,22px);border:2px solid var(--accent);border-radius:clamp(14px,2vw,20px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;justify-items:center;gap:clamp(5px,1dvh,10px);text-align:center;color:var(--accent-dark);background:var(--accent-soft);box-shadow:var(--soft-shadow);overflow:hidden}
.player-correct-focus>span{font-size:clamp(8px,2.2vw,11px);font-weight:800;letter-spacing:.11em}
.player-correct-focus>strong{min-width:0;max-width:100%;max-height:3.5em;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,14px);overflow:hidden;overflow-wrap:anywhere;color:var(--accent-dark);font-size:clamp(22px,6vw,42px);line-height:1.12}
.player-correct-focus>strong>b{width:clamp(34px,9vw,48px);height:clamp(34px,9vw,48px);flex:0 0 auto;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--accent);font-size:.62em}
.player-correct-focus>strong>span{min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
.player-correct-focus>strong.is-long{font-size:clamp(18px,4.7vw,32px)}
.player-correct-focus>strong.is-very-long{font-size:clamp(13px,3.55vw,24px);line-height:1.16}
.player-correct-focus .explanation{width:100%;max-height:min(12dvh,92px);margin:0;padding:clamp(7px,1.2dvh,10px);overflow:hidden!important;border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--surface-strong) 82%,transparent);font-size:clamp(9px,2.45vw,12px);line-height:1.4}
.player-correct-focus .explanation.is-long{font-size:clamp(8px,2.15vw,11px)}
.player-correct-focus .explanation.is-very-long{font-size:clamp(7px,1.9vw,9px);line-height:1.32}
.player-reveal-footer{min-height:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;align-items:stretch}
.player-reveal-footer:has(>:only-child){grid-template-columns:1fr}
.player-reveal-footer .player-answer-result.compact{min-height:0;margin:0;padding:7px 9px;align-content:center}
.player-compact-ranking{min-height:0;padding:7px 9px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-rows:auto repeat(3,minmax(24px,1fr));gap:2px;background:var(--surface-strong);box-shadow:var(--soft-shadow);overflow:hidden}
.player-compact-ranking>span{color:var(--muted);font-size:7px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.player-compact-ranking>div{min-width:0;padding:3px 5px;border-radius:7px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;color:var(--text);font-size:10px}
.player-compact-ranking>div.is-own{color:var(--accent-dark);background:var(--accent-soft)}
.player-compact-ranking b{color:var(--muted);font-size:10px}.player-compact-ranking span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-compact-ranking strong{color:inherit;font-size:10px}
html[data-theme="dark"] .player-correct-focus{border-color:var(--accent);background:rgba(12,53,82,.92);box-shadow:0 14px 34px rgba(0,0,0,.28)}
html[data-theme="dark"] .player-correct-focus .explanation{color:var(--text);background:rgba(2,14,26,.72)}
html[data-theme="dark"] .player-compact-ranking{color:var(--text);border-color:var(--line);background:var(--surface-strong)}
@media(max-width:520px){
  .route-player .player-reveal-screen{height:calc(100dvh - 120px);padding:8px 8px 42px!important;gap:6px}
  .player-reveal-footer{grid-template-columns:1fr;gap:5px}
  .player-reveal-footer .player-answer-result.compact{grid-template-columns:1fr auto;align-items:center;text-align:left;padding:5px 8px}
  .player-reveal-footer .player-answer-result.compact span{text-align:right}
  .player-compact-ranking{padding:5px 7px;grid-template-rows:auto repeat(3,23px)}
  .player-correct-focus{padding:9px}
  .player-correct-focus .explanation{max-height:min(10.5dvh,74px);padding:6px 8px}
}
@media(max-height:690px){
  .route-player .player-reveal-screen{gap:4px;padding-top:6px!important;padding-bottom:36px!important}
  .player-reveal-head{min-height:24px}.player-result-pill{min-height:24px;padding-block:3px}
  .route-player .player-reveal-question{max-height:2.5em;font-size:11px!important}
  .player-correct-focus{padding:7px 9px;gap:4px}.player-correct-focus>strong{font-size:clamp(18px,5vw,30px)}.player-correct-focus .explanation{max-height:62px;padding:5px 7px}
  .player-reveal-footer .player-answer-result.compact{padding:4px 7px}.player-compact-ranking{padding:4px 6px;grid-template-rows:auto repeat(3,21px)}
}

/* Live credits use the same visual scale as the home screen. */
body:is(.route-player,.route-host,.route-join) .signature{bottom:calc(8px + env(safe-area-inset-bottom));min-height:22px;font-size:14px;font-weight:400;line-height:1.15}
body:is(.route-player,.route-host,.route-join) .credit-menu-trigger{gap:5px}
body:is(.route-player,.route-host,.route-join) .credit-menu-trigger svg{width:14px;height:14px}
@media(max-width:760px){body:is(.route-player,.route-host,.route-join) .signature{bottom:calc(7px + env(safe-area-inset-bottom));min-height:22px;font-size:14px}}

/* 2.5.1 hardening UI: accessible transitions, privacy, media and moderation. */
.ui-dialog.is-closing{opacity:0;pointer-events:none}.ui-dialog.is-closing .ui-dialog-card{transform:translateY(8px) scale(.985)}
.turnstile-shell{min-height:150px;display:grid;place-items:center;gap:12px;text-align:center}.turnstile-shell p{max-width:460px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.join-privacy{margin:2px 0 4px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface-soft);font-size:10px;line-height:1.55}.join-privacy summary{cursor:pointer;color:var(--ink);font-weight:700;user-select:none}.join-privacy p{margin:7px 0 0}

/* Public gateway transition; geometry is owned by the HR-LAB standard block below. */
body.route-public .gateway-view.is-active{animation:gateway-view-fade .16s ease both}
@keyframes gateway-view-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body.route-public .gateway-view.is-active{animation:none}}
.media-usage{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.media-usage strong{font-size:20px;color:var(--ink)}.media-usage span{color:var(--muted);font-size:10px}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.media-library-item{min-width:0;padding:8px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:58px minmax(0,1fr) 38px;align-items:center;gap:9px;background:var(--surface)}.media-library-item img{width:58px;height:50px;display:block;border-radius:9px;object-fit:cover;background:var(--surface-soft)}.media-library-item>div{min-width:0;display:grid;gap:2px}.media-library-item strong{font-size:10px;color:var(--ink)}.media-library-item small{font-size:8px;color:var(--muted)}.media-library-item .icon-btn.is-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.provenance-note{grid-column:1/-1;margin:0 0 4px;padding:8px 11px;border-left:3px solid var(--accent);border-radius:8px;color:var(--muted);background:var(--accent-soft);font-size:10px}
.master-report-panel{margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.master-report-list{display:grid;gap:7px;margin-top:10px}.master-report-list article{padding:9px 10px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;background:var(--surface-soft)}.master-report-list article>div{min-width:0;display:grid;gap:2px}.master-report-list strong{color:var(--ink);font-size:11px}.master-report-list small,.master-report-list p{margin:0;color:var(--muted);font-size:9px;overflow-wrap:anywhere}.moderation-detail{padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface-soft);line-height:1.6}
@media(max-width:600px){.media-library-grid{grid-template-columns:1fr}.media-usage{align-items:flex-start;flex-direction:column}.master-report-list article{grid-template-columns:minmax(0,1fr) auto}.master-report-list article .btn{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){.ui-dialog.is-closing,.ui-dialog.is-closing .ui-dialog-card{transition:none!important}}

/* Host image frame: size against the real remaining Host row, never the intrinsic image height. */
.route-host .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-prompt-column{grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}
.route-host .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-image-frame{grid-column:1;grid-row:1;align-self:center;justify-self:center;height:auto;min-height:0;max-width:100%;max-height:100%;display:grid;place-items:center;overflow:hidden}
.route-host .host-question-layout.host-template-portrait .host-image-frame{aspect-ratio:3/4}
.route-host .host-question-layout.host-template-landscape .host-image-frame{aspect-ratio:16/9}
.route-host .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-image-frame>.host-question-media{position:static;grid-column:auto;grid-row:auto;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;border-radius:clamp(12px,1.3vw,20px);object-fit:contain!important;object-position:center;box-shadow:var(--soft-shadow)}
@media(min-width:761px){
  body.route-host:not(.projector-mode) .host-question-layout.host-template-portrait .host-image-frame{width:min(100%,34.5dvh)}
  body.route-host:not(.projector-mode) .host-question-layout.host-template-landscape .host-image-frame{width:min(100%,81.78dvh)}
  body.projector-mode .host-question-layout.host-template-portrait .host-image-frame{width:min(100%,48dvh)}
  body.projector-mode .host-question-layout.host-template-landscape .host-image-frame{width:min(100%,113.78dvh)}
}
@media(max-width:760px){
  .route-host .host-question-layout:is(.host-template-portrait,.host-template-landscape) .host-prompt-column{grid-template-rows:minmax(0,1fr) auto}
  .route-host .host-question-layout.host-template-portrait .host-image-frame{height:min(100%,43dvh)}
  .route-host .host-question-layout.host-template-landscape .host-image-frame{width:100%;height:auto;max-height:36dvh}
}

/* Mobile player reveal: compact result card, readable explanation, no oversized answer panel. */
@media(max-width:520px){
  .route-player .player-reveal-screen{height:auto;min-height:calc(100dvh - 120px)!important;grid-template-rows:auto auto auto auto auto;align-content:start;overflow:visible}
  .route-player .player-result-pill{min-height:31px;padding:6px 11px;border-radius:9px;font-size:12px}
  .route-player .player-correct-focus{height:max-content;min-height:0;padding:8px 10px;border-width:1px;border-radius:12px;grid-template-rows:auto auto;gap:5px;align-self:start;box-shadow:none;overflow:visible}
  .route-player .player-correct-focus>span{font-size:10px}
  .route-player .player-correct-focus>strong{height:auto;max-height:none;gap:8px;font-size:18px;line-height:1.2}
  .route-player .player-correct-focus>strong>b{width:31px;height:31px;border-radius:9px;font-size:11px}
  .route-player .player-correct-focus>strong.is-long{font-size:16px}
  .route-player .player-correct-focus>strong.is-very-long{font-size:13px;line-height:1.25}
  .route-player .player-reveal-explanation{width:100%;max-height:min(25dvh,190px);margin:0;padding:11px 12px;overflow:auto!important;border:1px solid var(--line);font-size:14px;line-height:1.55}
  .route-player .player-reveal-explanation.is-long{font-size:13px;line-height:1.5}
  .route-player .player-reveal-explanation.is-very-long{font-size:12px;line-height:1.45}

  .solo-result-shell .review-detail{padding:8px 9px 10px;font-size:11px}
  .solo-result-shell .review-user-answer{font-size:10px;color:var(--muted)}
  .solo-result-shell .review-correct-answer{height:max-content;margin:5px 0!important;padding:8px 9px;border:1px solid var(--line-strong);border-radius:10px;display:grid;gap:3px;color:var(--accent-dark);background:var(--accent-soft)}
  .solo-result-shell .review-correct-answer>span{font-size:9px;font-weight:750;letter-spacing:.06em}
  .solo-result-shell .review-correct-answer>strong{font-size:15px;line-height:1.28;overflow-wrap:anywhere}
  .solo-result-shell .review-explanation{max-height:min(25dvh,190px);margin-top:7px!important;padding:10px 11px;overflow:auto;font-size:14px;line-height:1.55;color:var(--text)}
  .solo-result-shell .review-explanation.is-long{font-size:13px;line-height:1.5}
  .solo-result-shell .review-explanation.is-very-long{font-size:12px;line-height:1.45}
}

/* Unscored reveal is a compact acknowledgement, not a full-height score screen. */
.route-player #playerBody.is-survey-reveal{justify-content:center;padding-bottom:32px}.route-player .survey-player-result{width:100%;height:auto;min-height:0!important;flex:0 0 auto;padding:16px!important;grid-template-rows:auto auto auto;align-content:center;gap:12px;overflow:visible}.route-player .survey-player-result .survey-response-focus{padding:12px 14px}.route-player .survey-player-result .player-reveal-question{font-size:clamp(14px,3.6vw,18px)!important}
@media(max-width:520px){.route-player #playerBody.is-survey-reveal{justify-content:center;padding-bottom:28px}.route-player .survey-player-result{height:auto;min-height:0!important;padding:14px 12px 16px!important;grid-template-rows:auto auto auto;align-content:center;gap:10px}.route-player .survey-player-result .survey-response-focus>strong{font-size:clamp(15px,4.6vw,19px)}}

@media(max-width:520px){
  .route-player #playerBody.is-player-reveal{justify-content:flex-start;padding-bottom:24px;overflow:auto}
  .route-player #playerBody.is-player-reveal .player-reveal-screen{width:100%;height:auto;min-height:0!important;flex:0 0 auto;padding:14px 12px 16px!important;grid-template-rows:auto auto auto auto;align-content:start;gap:10px;overflow:visible}
  .route-player #playerBody.is-player-reveal .player-reveal-head{align-items:flex-start;gap:10px}
  .route-player #playerBody.is-player-reveal .player-result-pill{min-height:32px;padding:6px 11px;border-radius:10px;font-size:12px}
  .route-player #playerBody.is-player-reveal .player-reveal-question{max-height:none;font-size:clamp(16px,4.5vw,20px)!important;line-height:1.3}
  .route-player #playerBody.is-player-reveal .player-correct-focus{padding:12px 14px;border-width:1px;border-radius:14px;gap:8px;box-shadow:none;overflow:visible}
  .route-player #playerBody.is-player-reveal .player-correct-focus>span{font-size:10px}
  .route-player #playerBody.is-player-reveal .player-correct-focus>strong{max-height:none;font-size:clamp(20px,5.5vw,30px);line-height:1.18}
  .route-player #playerBody.is-player-reveal .player-correct-focus>strong.is-long{font-size:clamp(18px,4.8vw,25px)}
  .route-player #playerBody.is-player-reveal .player-correct-focus>strong.is-very-long{font-size:clamp(15px,4.1vw,20px);line-height:1.24}
  .route-player #playerBody.is-player-reveal .player-reveal-explanation{max-height:min(24dvh,180px);padding:10px 11px;font-size:13px;line-height:1.5}
  .route-player #playerBody.is-player-reveal .player-reveal-footer{grid-template-columns:1fr;gap:8px}
  .route-player #playerBody.is-player-reveal .player-reveal-footer .player-answer-result.compact{padding:8px 10px;display:grid;grid-template-columns:1fr;gap:4px;text-align:left}
  .route-player #playerBody.is-player-reveal .player-answer-result strong{font-size:14px}
  .route-player #playerBody.is-player-reveal .player-answer-result span{font-size:10px;text-align:left}
  .route-player #playerBody.is-player-reveal .player-compact-ranking{padding:8px 10px;grid-template-rows:auto repeat(3,minmax(26px,auto));gap:4px}
  .route-player #playerBody.is-player-reveal .player-compact-ranking>span{font-size:8px}
  .route-player #playerBody.is-player-reveal .player-compact-ranking>div{padding:5px 7px;grid-template-columns:24px minmax(0,1fr) auto;font-size:11px}
  .route-player #playerBody.is-player-reveal .player-compact-ranking b,.route-player #playerBody.is-player-reveal .player-compact-ranking strong{font-size:11px}
}

/* HR-LAB UI Standard v1.0: focused public gateway only. Long-form, dialog, catalog and live routes keep their own scroll owners. */
body.route-public:not(.public-keyboard-open){height:100svh;height:100dvh;min-height:100svh;min-height:100dvh;overflow:hidden;overscroll-behavior-y:none}
body.route-public:not(.public-keyboard-open) .app{height:100svh;height:100dvh;min-height:0;overflow:hidden;padding-bottom:28px}
body.route-public.public-keyboard-open{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto}
body.route-public.public-keyboard-open .app{height:auto;min-height:100dvh;overflow:visible}
body.route-public.public-keyboard-open .public-gateway{height:auto;min-height:0;padding-top:max(10px,env(safe-area-inset-top));overflow:visible}
body.route-public.public-keyboard-open .gateway-brand{display:none}
body.route-public.public-keyboard-open .gateway-tabs{margin-top:0}
body.route-public.public-keyboard-open .signature{opacity:0;visibility:hidden;pointer-events:none}

.public-gateway{min-height:0;padding:clamp(24px,4.5dvh,46px) 0 10px}
body.route-public:not(.public-keyboard-open) .public-gateway{height:calc(100dvh - 24px);min-height:0;overflow:hidden}
.gateway-center{position:relative;width:min(86vw,390px);max-width:100%;margin:0 auto}
.gateway-language-toggle{position:absolute;z-index:3;top:2px;right:0;width:34px;height:34px;background:rgba(255,255,255,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gateway-brand{min-height:184px}
.gateway-mark{width:86px;height:86px;margin-bottom:16px;padding:18px;border-radius:50%;display:grid;place-items:center;color:#fff!important;background:linear-gradient(145deg,#d3c6b3,#a99a83)!important;box-shadow:0 12px 28px rgba(91,77,59,.16)!important;filter:none!important}
.gateway-mark svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor}
.gateway-system-title{--celestial-offset:66px;--celestial-top:-74px;position:relative;font-size:clamp(23px,6vw,26px);font-weight:350;line-height:1.08;letter-spacing:-.02em}
.gateway-system-title .theme-word{position:static;display:inline}
.gateway-system-title .celestial-icon{position:absolute;left:50%;top:var(--celestial-top);width:30px;height:30px;margin:0;padding:0;border:0;color:#d6a33e;background:transparent;cursor:pointer;transform:translateX(-50%) scale(1);opacity:1;visibility:visible;pointer-events:auto;transition:transform .32s cubic-bezier(.22,.8,.2,1),opacity .24s ease,color .25s ease}
.gateway-system-title .celestial-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gateway-system-title .sun-icon{left:calc(50% - var(--celestial-offset));color:#d6a33e;transform:translateX(-50%) scale(1);opacity:1;visibility:visible;pointer-events:auto;filter:drop-shadow(0 0 8px rgba(235,178,66,.38))}
.gateway-system-title .moon-icon{left:calc(50% + var(--celestial-offset));color:#79c9ff;transform:translateX(-50%) scale(.72);opacity:0;visibility:hidden;pointer-events:none;filter:none}
html[data-theme="dark"] .gateway-system-title .sun-icon{transform:translateX(-50%) scale(.72);opacity:0;visibility:hidden;pointer-events:none;filter:none}
html[data-theme="dark"] .gateway-system-title .moon-icon{transform:translateX(-50%) scale(1);opacity:1;visibility:visible;pointer-events:auto;filter:drop-shadow(0 0 9px rgba(77,190,255,.50))}
.gateway-brand>p{margin-top:8px;font-size:10px;line-height:1.5}
.gateway-tabs{height:44px;margin-top:18px}
.gateway-stage{margin-top:16px}
.gateway-input-wrap{height:50px;border-radius:999px}
.gateway-primary{height:52px!important;flex-basis:52px!important}
body.route-public .gateway-stage{height:376px;min-height:376px;overflow:hidden}
body.route-public .gateway-form{--gateway-form-height:278px;--gateway-form-inline:18px;--gateway-form-bottom:16px;position:relative;height:var(--gateway-form-height);min-height:var(--gateway-form-height);max-height:var(--gateway-form-height);padding:18px 18px 80px;overflow:hidden;border-radius:22px}
body.route-public .gateway-form .gateway-primary{position:absolute;left:var(--gateway-form-inline);right:var(--gateway-form-inline);bottom:var(--gateway-form-bottom);width:auto;height:52px!important;margin:0;flex-basis:52px!important}
.gateway-access-copy{display:grid;gap:3px;margin:0 3px 14px;text-align:left}.gateway-access-copy strong{color:var(--ink);font-size:14px;font-weight:560;line-height:1.3}.gateway-access-copy span{color:var(--muted);font-size:9px;line-height:1.5}
.gateway-input-wrap input[name="accessCode"]{font-size:18px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}
.gateway-activity-launch{width:100%;height:44px;margin-top:7px;padding:0 13px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);background:rgba(255,255,255,.48);text-align:left;cursor:pointer;transition:.16s ease}.gateway-activity-launch>span{display:grid;gap:1px}.gateway-activity-launch small{color:var(--muted);font-size:7px;font-weight:750;letter-spacing:.1em}.gateway-activity-launch strong{font-size:10px;font-weight:700}.gateway-activity-launch>b{color:var(--accent-dark);font-size:13px}.gateway-activity-launch:hover{border-color:var(--line-strong);background:#fff;transform:translateY(-1px)}
body.route-public .signature{font-size:15px;font-weight:500}
html[data-theme="dark"] .gateway-mark{color:#dff6ff!important;background:linear-gradient(145deg,#1b537b,#071b2c)!important;box-shadow:0 12px 30px rgba(0,0,0,.36),inset 0 0 0 1px rgba(93,203,255,.18),0 0 20px rgba(49,185,255,.10)!important;filter:none!important}
html[data-theme="dark"] .gateway-activity-launch{color:var(--text);background:var(--surface);border-color:var(--line)}html[data-theme="dark"] .gateway-activity-launch:hover{background:var(--surface-strong);border-color:var(--line-strong)}html[data-theme="dark"] .gateway-activity-launch>b{color:var(--accent-bright)}

.direct-entry{display:grid;justify-items:center}.direct-entry>h1{max-width:520px;margin-bottom:0;overflow-wrap:anywhere}.direct-entry .auth-lead{margin-top:8px}.direct-entry-card{width:100%;margin-top:4px}.direct-entry-code{min-height:64px;padding:10px 14px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-soft)}.direct-entry-code small{color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.09em}.direct-entry-code strong{color:var(--ink);font-size:22px;letter-spacing:.13em}.direct-entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.unified-entry-preview .info-strip{margin-bottom:2px}
html[data-theme="dark"] .direct-entry-code{background:var(--surface);border-color:var(--line)}
@media(max-width:480px){.direct-entry-actions{grid-template-columns:1fr}.direct-entry-code{min-height:58px}.direct-entry-code strong{font-size:19px}}

@media(max-width:380px){
  .gateway-center{width:min(84vw,350px)}
  .gateway-brand{min-height:174px}
  .gateway-mark{width:76px;height:76px;padding:16px}
  .gateway-system-title{--celestial-offset:60px;--celestial-top:-68px}
}

@media(max-height:690px){
  body.route-public:not(.public-keyboard-open){height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto}
  body.route-public:not(.public-keyboard-open) .app{height:auto;min-height:100dvh;overflow:visible;padding-bottom:38px}
  body.route-public:not(.public-keyboard-open) .public-gateway{height:auto;min-height:0;padding-top:10px;overflow:visible}
  .gateway-brand{min-height:164px}
  .gateway-mark{width:76px;height:76px;padding:16px}
  .gateway-system-title{--celestial-offset:60px;--celestial-top:-68px;font-size:24px}
}

/* Live readability pass: larger mobile answers and final results that use the available screen. */
body.route-host .room-stage{width:min(100%,1280px)}
.route-player .player-bar small{font-size:10px}
.route-player .player-bar>div:first-child strong{font-size:14px}
.route-player .room-code small{font-size:9px}
.route-player .room-code strong{font-size:18px}
.route-player .player-question:not(.reveal) .answers{flex:1;grid-auto-rows:minmax(74px,1fr);align-content:stretch}
.route-player .player-question:not(.reveal) .answer-btn{min-height:74px;padding:14px 16px;font-size:clamp(16px,3.8vw,20px);line-height:1.38}
.route-player .player-question:not(.reveal) .answer-btn.is-long{font-size:clamp(15px,3.3vw,18px);line-height:1.4}
.route-player .player-question:not(.reveal) .answer-btn.is-very-long{font-size:clamp(14px,2.9vw,16px);line-height:1.42}
.route-player .player-question:not(.reveal) .answer-btn>span{width:42px;height:42px;border-radius:12px;font-size:14px}
.route-player .answer-received strong{font-size:14px}
.route-player .answer-received span{font-size:11px}

.final-results-grid{width:100%;max-width:1180px;min-height:0;flex:1;margin:clamp(12px,2dvh,20px) auto;display:grid;grid-template-columns:minmax(290px,.85fr) minmax(360px,1.15fr);gap:clamp(12px,2vw,24px);align-items:stretch;text-align:left}
.final-results-grid>.podium{width:100%;margin:0;align-self:center}
.final-ranking-panel{min-height:0;padding:clamp(12px,1.6vw,18px);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface-strong);box-shadow:var(--soft-shadow);overflow:hidden}
.final-ranking-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.final-ranking-panel>header h2{margin:2px 0 0;color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:520}
.final-ranking-summary{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.final-ranking-summary>strong{color:var(--muted);font-size:13px;white-space:nowrap}
.final-ranking-summary .final-ranking-button{margin:0;min-height:36px;padding-inline:12px;font-size:11px}
.final-ranking-panel .full-leaderboard{min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:3px}
.final-ranking-panel .full-leaderboard-row{min-height:52px;padding:8px 12px;grid-template-columns:40px minmax(0,1fr) auto;gap:11px}
.final-ranking-panel .full-leaderboard-row b{width:34px;height:34px;font-size:12px}
.final-ranking-panel .full-leaderboard-row span{font-size:15px}
.final-ranking-panel .full-leaderboard-row strong{font-size:15px}
.final-ranking-panel .full-leaderboard-row.is-own{border-color:var(--accent);background:var(--accent-soft)}
.result-host,.route-player .player-finish{justify-content:flex-start;align-items:stretch;text-align:center}
.result-host .subtle{margin:0 auto;max-width:820px;font-size:11px;line-height:1.5}
.result-host .home-actions{justify-content:center}
.player-answer-review{width:100%;max-width:960px;margin:20px auto;padding:16px;box-sizing:border-box;text-align:left;overflow-wrap:anywhere}
.player-answer-review>h2{font-size:24px;margin:0 0 8px}
.player-review-item{padding:20px 0;border-top:1px solid var(--border);line-height:1.6}
.player-review-item h3{font-size:18px;margin:0 0 12px}
.player-review-item p{white-space:pre-wrap}
.player-review-key{color:var(--accent)}
body.route-player:has(section.player-answer-review){height:auto;overflow:auto}
body.route-player:has(section.player-answer-review) .app{height:auto;overflow:visible}
body.route-player:has(section.player-answer-review) .player-stage{height:auto}
body.route-player:has(section.player-answer-review) #playerBody{display:block;overflow:visible}
body.route-player:has(section.player-answer-review) .player-finish{height:auto;min-height:0!important;overflow:visible}

@media(min-width:761px){
  body.route-player:has(.player-finish),body.route-host:has(.result-host){height:100dvh;overflow:hidden}
  body.route-player:has(.player-finish) .app,body.route-host:has(.result-host) .app{height:calc(100dvh - 69px);min-height:0;overflow:hidden}
  body.route-player:has(.player-finish) .player-stage,body.route-host:has(.result-host) .room-stage{height:100%;min-height:0}
  body.route-player:has(.player-finish) #playerBody,body.route-host:has(.result-host) #hostBody{min-height:0;overflow:hidden}
  .route-player .player-finish{height:calc(100dvh - 125px);min-height:0!important;overflow:hidden}
  .route-host .result-host{height:calc(100dvh - 138px);min-height:0!important;overflow:hidden}
  .route-player .player-finish .final-credit,.route-host .result-host .final-credit{margin-top:6px}
}

@media(max-width:760px){
  .route-player .player-question:not(.reveal)>h1{max-height:none;margin:5px auto 14px!important;overflow:visible;font-size:clamp(23px,6.8vw,31px)!important;line-height:1.25}
  .route-player .player-question:not(.reveal)>h1.is-long{font-size:clamp(20px,5.9vw,27px)!important}
  .route-player .player-question:not(.reveal)>h1.is-very-long{font-size:clamp(17px,5vw,23px)!important;line-height:1.3}
  .route-player .player-question.has-question-image:not(.reveal)>h1{font-size:clamp(20px,5.8vw,26px)!important}
  .route-player .player-question.has-question-image:not(.reveal)>h1.is-long{font-size:clamp(18px,5.1vw,23px)!important}
  .route-player .player-question.has-question-image:not(.reveal)>h1.is-very-long{font-size:clamp(16px,4.5vw,20px)!important}
  .route-player .player-question:not(.reveal) .answer-btn{min-height:76px;padding:14px 13px;font-size:clamp(17px,4.8vw,20px)}
  .route-player .player-question:not(.reveal) .answer-btn.is-long{font-size:clamp(15px,4.25vw,18px)}
  .route-player .player-question:not(.reveal) .answer-btn.is-very-long{font-size:clamp(14px,3.8vw,16px)}
  .route-player .player-question:not(.reveal) .answer-btn>span{width:44px;height:44px;font-size:15px}
  .final-results-grid{flex:0 0 auto;grid-template-columns:1fr;gap:12px;margin:12px 0}
  .final-results-grid>.podium{min-height:150px}
  .final-ranking-panel{max-height:min(46dvh,440px);padding:12px;border-radius:14px}
  .final-ranking-panel>header{align-items:center}
  .final-ranking-summary{align-items:flex-end;flex-direction:column;gap:4px}
  .final-ranking-summary .final-ranking-button{min-height:32px;padding-inline:9px;font-size:10px}
  .final-ranking-panel .full-leaderboard-row{min-height:50px;padding:8px 9px}
  .final-ranking-panel .full-leaderboard-row span,.final-ranking-panel .full-leaderboard-row strong{font-size:14px}
  .route-player .player-finish h1{font-size:clamp(30px,8vw,38px)}
  .route-player .player-kpis{width:100%}
  .route-player .player-kpis .kpi strong{font-size:23px}
  .route-player .player-kpis .kpi span{font-size:11px}
  .route-player .player-finish>.btn{width:100%;min-height:50px;font-size:15px}
}

@media(max-height:650px) and (orientation:landscape){
  .route-player .player-question:not(.reveal) .answers{grid-auto-rows:minmax(58px,1fr)}
  .route-player .player-question:not(.reveal) .answer-btn{min-height:58px;padding-block:9px}
  .final-results-grid{grid-template-columns:minmax(260px,.75fr) minmax(340px,1.25fr);margin:8px auto}
}

/* Room rules: keep actions outside the scrolling fields at every viewport size. */
.ui-dialog-card:has(#roomSettingsForm){display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}
.ui-dialog-card:has(#roomSettingsForm) .ui-dialog-head{flex-shrink:0}
.ui-dialog-card:has(#roomSettingsForm) .ui-dialog-body{display:flex;flex-direction:column;min-height:0;overflow:hidden;max-height:none;padding:0}
#roomSettingsForm{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:16px 18px 0;margin:0;gap:12px}
#roomSettingsForm>.dialog-actions{position:sticky;bottom:0;z-index:2;flex-shrink:0;margin:0 -18px;padding:12px 18px max(12px,env(safe-area-inset-bottom));background:var(--surface-strong);border-top:1px solid var(--line)}
#roomSettingsForm>.dialog-actions .btn{flex:1;min-height:44px}
/* Group settings around organizer decisions. Only fields scroll; actions never do. */
.ui-dialog-card:has(.organized-settings){display:flex;flex-direction:column;width:min(100%,680px)!important;max-height:calc(100dvh - 32px)}
.ui-dialog-card:has(.organized-settings) .ui-dialog-head{flex:none}
.ui-dialog-card:has(.organized-settings) .ui-dialog-body{display:flex;flex-direction:column;min-height:0;overflow:hidden;max-height:none;padding:0}
.ui-dialog .organized-settings,#roomSettingsForm.organized-settings{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;gap:0;margin:0}
.settings-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:18px}
.settings-section{min-width:0;border:1px solid var(--line);border-radius:12px;margin:0;padding:12px;display:flex;flex-direction:column;gap:10px}
.settings-section legend{font-size:16px;font-weight:600;padding:0 6px;color:var(--ink)}
.settings-help{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 4px}
.settings-section .check{margin:0;align-items:flex-start}
.ui-dialog .organized-settings>.dialog-actions,#roomSettingsForm.organized-settings>.dialog-actions{position:static;flex:none;margin:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface-strong)}
.organized-settings>.dialog-actions .btn{flex:1;min-height:44px}
.inline-room-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;border-top:1px solid var(--line);padding-top:16px}
.inline-room-rules>.check-list{display:contents}
.inline-room-rules .check{margin:0;padding:10px;min-height:44px;align-items:center;font-size:14px}
.inline-room-rules .check small{display:block;font-size:12px;line-height:1.4}
.inline-room-rules .field{min-width:0;margin:0}
.room-create-card:has(.inline-room-rules) .privacy-separation-note{padding:8px 12px;font-size:12px}
.room-create-card:has(.inline-room-rules) .session-close-card{padding:12px}
@media(max-width:600px){.inline-room-rules{grid-template-columns:minmax(0,1fr);gap:8px}}
/* Full-width room setup, aligned with its containing application shell. */
.room-create-shell:has(.room-settings-page){width:100%;max-width:none;margin:0}
.room-settings-page.room-create-card{grid-template-columns:minmax(280px,.85fr) minmax(0,1.65fr);gap:24px;padding:0;border:0;background:transparent;box-shadow:none;align-items:start}
.room-info-panel,.room-rules-panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);display:grid;gap:16px}
.room-settings-page h2{font-size:20px;margin:0;font-weight:600;color:var(--ink)}
.room-settings-page .inline-fields{grid-template-columns:1fr 1fr}
.room-settings-page .field-label{font-size:13px;letter-spacing:0}
.room-settings-page :is(.input,.select){font-size:15px;min-height:44px}
.room-settings-page .session-close-card{grid-template-columns:1fr;background:transparent;padding:12px 0!important;border:0;border-top:1px solid var(--line);border-radius:0}
.room-settings-page .session-close-card strong{font-size:14px}
.room-settings-page .session-close-card small{font-size:12px}
.room-settings-page .inline-room-rules{border:0;padding:0;gap:18px;align-items:start}
.room-rule-group{min-width:0;border:0;border-top:1px solid var(--line);padding:12px 0 0;margin:0;display:grid;gap:10px}
.room-rule-group legend{font-size:15px;font-weight:600;color:var(--ink);padding:0 8px 0 0}
.room-rule-group .check{background:transparent;border:0;padding:6px 0;font-size:14px;gap:10px;align-items:flex-start}
.room-rule-group .check strong{font-size:14px}
.room-rule-group .check input{width:18px;height:18px;flex:none;margin-top:2px}
.room-open-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:16px;border-top:1px solid var(--line);padding:16px 0}
.room-open-actions>.btn{width:auto;min-width:220px;min-height:48px;font-size:16px}
.room-open-actions>.status{margin:0;flex:1}
@media(max-width:950px){.room-settings-page.room-create-card{grid-template-columns:1fr}.room-info-panel,.room-rules-panel{padding:16px}}
@media(max-width:600px){.room-settings-page .inline-room-rules,.room-settings-page .inline-fields{grid-template-columns:1fr}.room-open-actions{flex-direction:column;align-items:stretch}.room-open-actions>.btn{width:100%}}
/* Organizer readability and safe action spacing; player/projector themes stay untouched. */
.builder-shell .field-label{font-size:13px;letter-spacing:0}
.builder-shell .setting-summary span{height:auto;min-height:28px;padding:5px 9px;font-size:12px;line-height:1.4}
.builder-shell #inlineGameSettings{display:none}
.builder-shell .question-row-main strong{font-size:15px;white-space:normal;overflow-wrap:anywhere}
.builder-shell .question-row-main span{font-size:12px;white-space:normal;line-height:1.5}
.builder-shell .question-number{font-size:13px}
.builder-shell .question-row-actions .icon-btn{width:36px;height:36px;font-size:15px}
.builder-shell .builder-savebar{bottom:48px;border-radius:14px}
.creator-workspace .workspace-panel-head p,.creator-workspace .workspace-empty p{font-size:13px;line-height:1.6}
.activity-create-choice>span,.activity-copy-choice>span{font-size:13px;line-height:1.5}
body:has(.room-settings-page) #app,body:has(.builder-shell) #app{padding-bottom:64px}
.room-settings-page .session-close-card>div:first-child strong{font-size:14px}
.room-settings-page .session-close-card>div:first-child small,.room-settings-page .privacy-separation-note :is(strong,span){font-size:12px;line-height:1.5}
.room-settings-page .room-open-actions{padding-bottom:36px}
@media(max-width:600px){.builder-shell .question-row-actions .icon-btn{width:44px;height:44px}.builder-shell .builder-savebar{bottom:44px}.builder-shell .builder-savebar .btn{min-height:44px}}
/* Settings readability: labels and toggles must remain legible and touchable. */
.ui-dialog-card:not(.is-wide){width:min(100%,520px)}
.ui-dialog-head h2{font-size:20px}
.ui-dialog-head p{font-size:12px;line-height:1.55}
.ui-dialog .field-label{font-size:11px;letter-spacing:.06em}
.ui-dialog :is(.input,.select){height:46px;font-size:14px}
.ui-dialog .check{min-height:52px;padding:12px 13px;gap:11px;font-size:13px;line-height:1.45}
.ui-dialog .check input{width:18px;height:18px;margin-top:1px;flex:0 0 auto}
.ui-dialog .check strong{font-size:13px;line-height:1.4}
.ui-dialog .check small{font-size:11px;line-height:1.45}
.ui-dialog .dialog-actions .btn{min-height:42px;padding-inline:16px;font-size:13px}

@media(max-width:600px){
  .ui-dialog-head{padding:15px 14px 12px}
  .ui-dialog-body{padding:12px}
  .ui-dialog .check{min-height:56px}
  .ui-dialog .dialog-actions{position:sticky;bottom:-12px;margin:2px -12px -12px;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:var(--surface-strong);border-top:1px solid var(--line)}
  .ui-dialog .dialog-actions .btn{flex:1}
}

/* Assessment UI consolidation: stable action geometry and readable reports. */
.creator-room-row.assessment-room-row{min-height:64px;padding:10px 11px;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}
.creator-room-row>.creator-room-copy{min-width:0;display:grid;gap:3px}
.creator-room-row>.creator-room-copy strong{font-size:12px;line-height:1.35}
.creator-room-row>.creator-room-copy small{font-size:9px;line-height:1.45}
.assessment-room-row>.pill{justify-self:start;white-space:nowrap}
.creator-room-row>.creator-room-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:7px}
.creator-room-actions .btn{width:100%;min-height:34px;padding-inline:10px;font-size:9px;white-space:nowrap}
.room-list-error{justify-items:start;text-align:left}
.room-list-error p{margin:0;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.game-status-help{margin-top:1px;color:var(--muted);font-size:10px;line-height:1.45}
.game-status-badge.is-draft{color:var(--warning,#9a6500);border-color:color-mix(in srgb,var(--warning,#d59100) 42%,var(--line));background:color-mix(in srgb,var(--warning,#d59100) 10%,var(--surface))}
.game-status-badge.is-published{color:var(--accent-dark);border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.room-create-card .room-visibility-field{grid-column:1/-1}
.setting-summary span{height:28px;padding-inline:10px;font-size:9px}
.setting-summary button{min-height:28px;padding-inline:7px;font-size:9px}
.host-question-layout.host-prompt-only-layout{grid-template-columns:1fr!important}
.host-prompt-only-layout .host-answer-column{display:none!important}
.host-prompt-only-layout .host-prompt-column{grid-column:1!important;width:100%;max-width:100%;display:grid;place-items:center}
.host-prompt-only-layout .host-question-title{max-width:min(100%,1100px)!important;margin-inline:auto!important}
.assessment-report-dashboard{display:grid;gap:12px}
.assessment-report-dashboard .report-result-head{gap:14px}
.assessment-report-dashboard .report-result-head h2{font-size:clamp(22px,3.2vw,30px);line-height:1.2}
.assessment-report-dashboard .report-result-head p{font-size:11px;line-height:1.5}
.assessment-report-dashboard .report-tabs{margin:0}
.assessment-report-dashboard .report-tabs button{min-height:34px;font-size:10px}
.assessment-report-dashboard .review-list{gap:8px}
.assessment-report-dashboard .review-item summary{min-height:52px;padding:9px 11px;grid-template-columns:32px minmax(0,1fr) auto}
.assessment-report-dashboard .review-item summary strong{font-size:11px;line-height:1.4}
.assessment-report-dashboard .review-item summary>span:last-child{font-size:10px;white-space:nowrap}
.assessment-report-dashboard .review-detail{padding:11px 13px 13px;font-size:11px;line-height:1.55}
.assessment-report-dashboard .data-row{min-height:50px;padding:8px 10px}
.assessment-report-dashboard .data-row strong{font-size:11px}
.assessment-report-dashboard .data-row small{font-size:9px}
.assessment-report-dashboard .data-row>b{font-size:11px}
.written-answer>span{font-size:12px}
.written-answer>small{font-size:10px;line-height:1.45}
.written-answer .textarea{font-size:14px}
.written-response-row strong{font-size:11px}
.written-response-row p{font-size:11px}
html[data-theme="dark"] .creator-room-actions .btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 38%,var(--line));background:var(--danger-soft)}

@media(min-width:761px){
  .creator-room-row.assessment-room-row{grid-template-columns:minmax(0,1fr) auto minmax(260px,auto)}
  .creator-room-row>.creator-room-actions{grid-column:auto;display:flex;justify-content:flex-end;flex-wrap:wrap}
  .creator-room-actions .btn{width:auto}
}

@media(max-width:760px){
  .creator-room-row.assessment-room-row{grid-template-columns:minmax(0,1fr) auto}
  .creator-room-row>.creator-room-copy{grid-column:1}
  .creator-room-row>.creator-room-actions{grid-column:1/-1}
  .live-written-answer .btn{width:100%;justify-self:stretch}
  .written-answer .textarea{min-height:7rem}
  .assessment-report-dashboard .report-result-head{align-items:stretch;flex-direction:column}
  .assessment-report-dashboard .report-head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:520px){
  .creator-room-row>.creator-room-actions{grid-template-columns:1fr}
  .assessment-report-dashboard{padding:11px}
  .assessment-report-dashboard .report-head-actions{grid-template-columns:1fr}
  .assessment-report-dashboard .review-item summary{grid-template-columns:30px minmax(0,1fr)}
  .assessment-report-dashboard .review-item summary>span:last-child{grid-column:2;white-space:normal}
  .assessment-report-dashboard .data-row{grid-template-columns:28px minmax(0,1fr)}
  .assessment-report-dashboard .data-row>b{grid-column:2;justify-self:start}
}

/* Evaluation operations: scrollable room register and decision-ready reports. */
.creator-room-toolbar{margin:10px 0 8px;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:9px}
.creator-room-search{min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:8px;background:var(--surface)}
.creator-room-search>span{color:var(--muted);font-size:17px}
.creator-room-search input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font:inherit;font-size:12px}
.creator-room-filters{margin:0;white-space:nowrap}
.creator-room-filters button{min-height:38px;padding-inline:13px;font-size:10px}
.creator-rooms-list{max-height:min(46dvh,460px);padding:1px 5px 3px 1px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.creator-rooms-list:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}
.creator-room-row.assessment-room-row{background:var(--surface)}
.creator-room-row.assessment-room-row:hover{border-color:var(--line-strong);background:var(--surface-soft)}

.report-shell{width:min(100%,1180px);margin-inline:auto}
.assessment-report-dashboard{padding:20px;border-radius:18px;background:var(--surface);box-shadow:var(--soft-shadow)}
.assessment-report-dashboard .report-result-head{padding-bottom:16px;align-items:center}
.assessment-report-dashboard .report-result-head>div:first-child{min-width:0}
.assessment-report-dashboard .report-result-head h2{margin-top:3px;font-weight:550;overflow-wrap:anywhere}
.assessment-report-dashboard .report-result-head p{margin-top:7px;color:var(--muted);font-size:12px}
.assessment-report-dashboard .report-head-actions{flex:0 0 auto}
.assessment-report-dashboard .report-head-actions .btn{min-height:38px;font-size:10px}
.report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.report-kpi-grid article{min-height:116px;padding:15px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,var(--surface),var(--surface-soft))}
.report-kpi-grid strong{color:var(--ink);font-size:clamp(25px,3.5vw,38px);line-height:1;font-weight:650}
.report-kpi-grid span{margin-top:9px;color:var(--ink);font-size:12px;font-weight:650}
.report-kpi-grid small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}
.assessment-report-dashboard .report-tabs{position:sticky;top:68px;z-index:12;width:100%;padding:6px;margin-top:2px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:stretch;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 6px 18px rgba(52,44,35,.06);backdrop-filter:blur(10px)}
.assessment-report-dashboard .report-tabs::-webkit-scrollbar{display:none}
.assessment-report-dashboard .report-tabs button{min-width:max-content;min-height:40px;padding-inline:18px;flex:1 0 auto;font-size:11px;white-space:nowrap}
.report-overview{display:grid;gap:16px}
.report-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.report-progress-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.report-progress-card>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.report-progress-card header>div{display:grid;gap:3px}
.report-progress-card header span{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em}
.report-progress-card header strong{color:var(--ink);font-size:30px;line-height:1;font-weight:650}
.report-progress-card header>b{color:var(--muted);font-size:12px}
.report-progress-card p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.report-meter{height:8px;margin-top:12px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--line) 72%,transparent)}
.report-meter>i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-dark));transition:width .25s ease}
.report-meter.danger>i{background:linear-gradient(90deg,#efad94,var(--danger))}
.report-section-title h3{margin:2px 0 0;color:var(--ink);font-size:18px;font-weight:600}
.report-insight-section{display:grid;gap:9px}
.report-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.report-insight-grid article{min-height:94px;padding:13px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;background:var(--surface)}
.insight-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:800}
.insight-mark.good{color:var(--accent-dark);background:var(--accent-soft)}
.insight-mark.attention{color:var(--danger);background:var(--danger-soft)}
.report-insight-grid strong{color:var(--ink);font-size:12px}
.report-insight-grid p{margin:4px 0 0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:11px;line-height:1.45}
.report-insight-grid article>b{color:var(--ink);font-size:18px}
.report-search{min-height:44px;margin-bottom:9px;padding:0 12px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;background:var(--surface-soft)}
.report-search>span{color:var(--muted);font-size:18px}
.report-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:inherit;font-size:12px}
.report-search>b{color:var(--muted);font-size:10px}
.report-participant-list{max-height:min(58dvh,610px);padding-right:4px;display:grid;gap:7px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.report-participant-row{min-height:78px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;background:var(--surface)}
.report-participant-row>div{min-width:0}
.report-participant-row header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.report-participant-row header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px}
.report-participant-row header b{color:var(--muted);font-size:9px;font-weight:650}
.report-participant-row header b.complete{color:var(--accent-dark)}
.report-participant-row .report-meter{height:6px;margin-top:7px}
.report-participant-row small{margin-top:5px;display:block;color:var(--muted);font-size:10px}
.participant-result{min-width:56px;text-align:right;color:var(--ink);font-size:15px}
.report-question-list{display:grid;gap:11px}
.report-question-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.report-question-card>header{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}
.report-question-card>header>div{min-width:0;display:grid;gap:4px}
.report-question-card>header strong{color:var(--ink);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.report-question-card>header small{color:var(--muted);font-size:10px}
.report-question-card>header>b{color:var(--ink);font-size:17px}
.report-question-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.report-score-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.report-score-summary span{padding:9px 10px;border-radius:10px;color:var(--muted);background:var(--surface-soft);font-size:10px}
.report-score-summary b{display:block;margin-top:3px;color:var(--ink);font-size:14px}
.report-distribution{display:grid;gap:9px}
.report-score-summary+.report-distribution{margin-top:11px}
.report-distribution-row{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
.report-distribution-row>header{grid-column:1/-1;width:100%;min-width:0}
.report-distribution-row header{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px}
.report-distribution-row header>b{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--accent-dark);background:var(--accent-soft);font-size:10px}
.report-distribution-row header>span{color:var(--ink);font-size:11px;overflow-wrap:anywhere}
.report-distribution-row header>strong{color:var(--muted);font-size:10px}
.report-distribution-row .report-meter{height:5px;margin:0 0 0 34px}
.satisfaction-report{display:grid;gap:16px}
.satisfaction-report-head{padding:16px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(145deg,var(--surface),var(--surface-soft))}
.satisfaction-report-head h3{margin:3px 0 0;color:var(--ink);font-size:20px;font-weight:650}
.satisfaction-report-head p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.satisfaction-overall{flex:0 0 auto;min-width:170px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:13px;display:grid;text-align:right;background:var(--accent-soft)}
.satisfaction-overall strong{color:var(--accent-dark);font-size:30px;line-height:1;font-weight:750}
.satisfaction-overall span{margin-top:6px;color:var(--ink);font-size:10px;font-weight:650}
.satisfaction-scale{padding:10px 12px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface-soft)}
.satisfaction-scale span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}
.satisfaction-scale i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}
.satisfaction-scale .g33{background:#a78bfa}.satisfaction-scale .g66{background:#38bdf8}.satisfaction-scale .g100{background:var(--accent)}
.satisfaction-chart{display:grid;gap:10px}
.satisfaction-chart-row{padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.satisfaction-row-meta{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.satisfaction-row-meta span{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.05em}
.satisfaction-row-meta b{color:var(--accent-dark);font-size:10px}
.satisfaction-bar-track{position:relative;min-height:52px;overflow:hidden;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;background:var(--surface-soft)}
.satisfaction-bar-track>i{position:absolute;inset:0 auto 0 0;z-index:0;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 70%,transparent));transition:width .3s ease}
.satisfaction-bar-track>span,.satisfaction-bar-track>strong{position:relative;z-index:1}
.satisfaction-bar-track>span{min-width:0;color:var(--ink);font-size:12px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.satisfaction-bar-track>strong{min-width:60px;text-align:right;color:var(--ink);font-size:17px;font-weight:750}
.satisfaction-chart-row>small{margin-top:6px;display:block;text-align:right;color:var(--muted);font-size:9px}
.choice-share-section{margin-top:4px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:10px}
.choice-share-section>div h3{margin:2px 0 0;color:var(--ink);font-size:18px;font-weight:650}
.choice-share-card{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.choice-share-card>header{display:flex;align-items:end;justify-content:space-between;gap:12px}
.choice-share-card>header>div{min-width:0;display:grid;gap:3px}
.choice-share-card>header span,.choice-share-card>header>b{color:var(--muted);font-size:9px}
.choice-share-card>header strong{color:var(--ink);font-size:12px;line-height:1.4}
.choice-share-bar{height:24px;margin-top:9px;border-radius:8px;display:flex;overflow:hidden;background:var(--surface-soft)}
.choice-share-bar>i{height:100%;display:block;transition:width .25s ease}
.choice-share-card>footer{margin-top:8px;display:flex;align-items:center;gap:7px 14px;flex-wrap:wrap}
.choice-share-card>footer span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}
.choice-share-card>footer span>i{width:9px;height:9px;border-radius:3px;display:inline-block}
.choice-share-card>footer b{color:var(--ink);font-weight:600}
.choice-a{background:#2563eb}.choice-b{background:#38bdf8}.choice-c{background:#a78bfa}.choice-d{background:#f59e0b}
html[data-theme="dark"] .satisfaction-report-head,html[data-theme="dark"] .satisfaction-chart-row{background:var(--surface-strong)}
html[data-theme="dark"] .choice-share-card{background:var(--surface-strong)}
.assessment-report-dashboard .written-response-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.assessment-report-dashboard .written-response-row{padding:12px;border-radius:12px}
.assessment-report-dashboard .written-response-row strong{font-size:11px}
.assessment-report-dashboard .written-response-row p{margin-top:5px;font-size:12px;line-height:1.55}
html[data-theme="dark"] .assessment-report-dashboard,html[data-theme="dark"] .report-kpi-grid article,html[data-theme="dark"] .report-progress-card,html[data-theme="dark"] .report-insight-grid article,html[data-theme="dark"] .report-participant-row,html[data-theme="dark"] .report-question-card{background:var(--surface-strong)}

@media(max-width:760px){
  .creator-room-toolbar{grid-template-columns:1fr}
  .creator-room-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .creator-room-filters button{padding-inline:7px}
  .creator-rooms-list{max-height:min(52dvh,520px)}
  .assessment-report-dashboard{padding:13px}
  .report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-kpi-grid article{min-height:100px;padding:12px}
  .assessment-report-dashboard .report-tabs{top:60px;display:flex;justify-content:flex-start}
  .assessment-report-dashboard .report-tabs{scrollbar-width:none}
  .assessment-report-dashboard .report-tabs button{min-width:max-content;padding-inline:10px;flex:1 0 auto;font-size:10px}
  .report-progress-grid,.report-insight-grid{grid-template-columns:1fr}
  .assessment-report-dashboard .written-response-list{grid-template-columns:1fr}
  .satisfaction-report-head{align-items:stretch;flex-direction:column}
  .satisfaction-overall{min-width:0;text-align:left}
  .choice-share-card>header{align-items:start;flex-direction:column}
}

@media(max-width:480px){
  .assessment-report-dashboard .report-result-head h2{font-size:21px}
  .assessment-report-dashboard .report-head-actions{grid-template-columns:1fr 1fr}
  .assessment-report-dashboard .report-head-actions #reportOpenOther{grid-column:1/-1}
  .report-kpi-grid strong{font-size:25px}
  .report-kpi-grid span{font-size:10px}
  .report-insight-grid article{grid-template-columns:32px minmax(0,1fr)}
  .report-insight-grid article>b{grid-column:2}
  .report-participant-row{grid-template-columns:30px minmax(0,1fr)}
  .participant-result{grid-column:2;justify-self:end;margin-top:-24px}
  .report-question-card>header{grid-template-columns:30px minmax(0,1fr)}
  .report-question-card>header>b{grid-column:2}
  .report-score-summary{grid-template-columns:1fr}
  .satisfaction-bar-track{min-height:64px;padding:9px 10px;grid-template-columns:minmax(0,1fr) auto}
  .satisfaction-bar-track>span{font-size:11px;line-height:1.35}
  .satisfaction-row-meta{align-items:flex-start;flex-direction:column;gap:3px}
}

/* Self-paced hosting is a monitoring page, not a centered live-game lobby. */
body.route-host:has(.selfpaced-host-dashboard){height:auto;overflow:auto}
body.route-host:has(.selfpaced-host-dashboard) .app{width:min(calc(100% - 28px),var(--content));height:auto;min-height:0;padding:16px 0 24px;overflow:visible}
body.route-host:has(.selfpaced-host-dashboard) .room-stage{width:100%;height:auto;min-height:0;padding:0;display:block}
body.route-host:has(.selfpaced-host-dashboard) #hostBody{height:auto;min-height:0;padding:0;margin-top:16px;overflow:visible;background:transparent;border:0;box-shadow:none}
body.route-host:has(.selfpaced-host-dashboard) #publicCreditFooter{position:static;inset:auto;transform:none;width:fit-content;margin:12px auto 24px}
.selfpaced-host-dashboard{display:grid;gap:20px;color:var(--ink)}
.selfpaced-room-heading{padding:0 2px}
.selfpaced-room-heading h1{font-size:clamp(24px,3vw,34px);line-height:1.4;overflow-wrap:anywhere;margin:10px 0 6px;font-weight:600}
.selfpaced-room-heading p{font-size:15px;line-height:1.6;margin:0;color:var(--muted)}
.selfpaced-room-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:20px;align-items:stretch}
.selfpaced-access,.selfpaced-progress{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}
.selfpaced-host-dashboard h2{font-size:20px;line-height:1.4;margin:0 0 18px;font-weight:600}
.selfpaced-access{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.selfpaced-access h2{align-self:stretch;text-align:left;margin:0}
.selfpaced-access .lobby-qr-card{width:180px;height:180px;min-width:180px;padding:12px;margin:0;flex:none}
.selfpaced-access .lobby-qr-card svg,.selfpaced-access .lobby-qr-card img{width:100%;height:100%;display:block}
.selfpaced-join-code{font-size:28px;letter-spacing:.12em;line-height:1.2}
.selfpaced-access p{font-size:14px;line-height:1.6;margin:0;color:var(--muted)}
.selfpaced-access .selfpaced-join-link{font-size:13px;overflow-wrap:anywhere;max-width:100%}
.selfpaced-close-policy{width:100%;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;display:grid;gap:6px;text-align:left;font-size:14px;line-height:1.5}
.selfpaced-close-policy span{color:var(--muted)}
.selfpaced-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.selfpaced-metrics>div{padding:16px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);display:grid;gap:6px;text-align:center}
.selfpaced-metrics strong{font-size:30px;line-height:1.2}
.selfpaced-metrics span{font-size:13px;line-height:1.4;color:var(--muted)}
.selfpaced-answer-count{font-size:14px;line-height:1.6;color:var(--muted);margin:14px 0 20px}
.selfpaced-participants{border-top:1px solid var(--line);padding-top:18px}
.selfpaced-participants h3{font-size:16px;margin:0 0 12px}
.selfpaced-participants .empty{width:100%;min-height:120px;padding:24px;font-size:15px;display:grid;place-items:center;margin:0}
.selfpaced-participants .player-row{font-size:15px;min-height:48px;padding:10px 0}
.selfpaced-participants .player-row small{font-size:13px}
.selfpaced-room-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.selfpaced-room-actions>div{min-width:0;max-width:600px}
.selfpaced-room-actions strong{font-size:16px}
.selfpaced-room-actions p{font-size:14px;line-height:1.6;color:var(--muted);margin:6px 0 0}
.selfpaced-room-actions .btn{min-height:46px;padding:12px 20px;font-size:15px;flex-shrink:0}
@media(max-width:700px){
 .selfpaced-room-grid{grid-template-columns:1fr}
 .selfpaced-access,.selfpaced-progress{padding:18px}
 .selfpaced-room-actions{flex-direction:column;align-items:stretch;padding:18px;gap:16px}
 .selfpaced-room-actions .btn{width:100%}
 .selfpaced-host-dashboard{gap:16px}
}

/* UI-01/02: reading results is a document, not a full-screen projector. */
body.route-player:has(section.player-finish){height:auto;overflow:auto}
body.route-player:has(section.player-finish) .app{width:min(calc(100% - 28px),var(--content));height:auto;min-height:0;overflow:visible;padding:16px 0 72px}
body.route-player:has(section.player-finish) .player-stage{width:100%;height:auto;min-height:0;padding:0}
body.route-player:has(section.player-finish) #playerBody{display:block;overflow:visible}
body.route-player:has(section.player-finish) .player-finish{height:auto;min-height:0!important;padding:24px;gap:12px;align-items:center;overflow:visible;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.route-player .player-finish>.waiting-mark{margin:0 auto}
.route-player .player-finish>h1{font-size:clamp(26px,4vw,36px);line-height:1.3}
.route-player .player-finish>p{max-width:640px;margin:0;font-size:15px;line-height:1.6}
.route-player .player-finish .player-kpis{width:100%;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:8px 0;gap:12px}
.route-player .player-finish .player-kpis .kpi{padding:16px 10px}
.route-player .player-finish .player-kpis .kpi strong{font-size:26px}
.route-player .player-finish .player-kpis .kpi span{font-size:13px}
.route-player .player-finish>.btn{width:auto;min-width:180px;min-height:44px;font-size:15px;align-self:center}
.route-player .player-finish .final-credit{margin:8px 0 0}
body.route-player:has(section.player-finish) #publicCreditFooter{position:static;inset:auto;transform:none;width:fit-content;margin:0 auto 20px}
.route-player .player-answer-review{max-width:none;margin:4px 0;padding:0;text-align:left}
.route-player .player-answer-review>h2{font-size:22px;margin:12px 0 6px}
.route-player .player-answer-review>p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 16px}
.route-player .player-review-item{padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.route-player .player-review-item h3{font-size:17px;line-height:1.6}
.route-player .player-review-item p{font-size:15px;line-height:1.7;margin:8px 0}
.route-player .player-review-key{color:var(--accent-dark)}
.player-review-item .review-answer-state{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;margin-bottom:12px;border-radius:8px;font-size:16px;font-weight:750;line-height:1.5}
.route-player .player-review-item.review-wrong{border:2px solid #c33342;background:color-mix(in srgb,#c33342 7%,var(--surface-strong))}
.review-wrong .review-answer-state{background:#b42332;color:#fff}
.route-player .player-review-item.review-correct{border-color:#27834c}
.review-correct .review-answer-state{background:#216e3f;color:#fff}

/* UI-05: meaningful copy and actions must remain readable. */
body:has(.builder-shell) .page-head .btn,.builder-shell .builder-savebar .btn,.builder-shell .panel-title .btn{min-height:44px;font-size:14px}
body:has(.builder-shell) #publicCreditFooter{position:static;inset:auto;transform:none;width:fit-content;margin:0 auto 20px}
.creator-workspace .workspace-tabs button{font-size:14px;min-height:44px}
.creator-workspace .workspace-search input{font-size:15px}
.creator-workspace .workspace-tool-grid strong,.creator-workspace .workspace-closed-list strong{font-size:15px;line-height:1.5}
.creator-workspace .workspace-tool-grid small,.creator-workspace .workspace-closed-list small{font-size:13px;line-height:1.6}
.creator-workspace .workspace-closed-list>article{gap:14px;padding:14px}
.creator-workspace .workspace-closed-list .btn{font-size:13px;min-height:44px;padding:10px 14px}
.creator-workspace .workspace-closed-head strong{font-size:16px}
.creator-workspace .workspace-closed-head span{font-size:13px}
.activity-create-choice strong,.activity-copy-choice strong{font-size:15px}
.activity-create-choice small,.activity-copy-choice small{font-size:13px}
.room-mode-note{margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--accent-soft);color:var(--ink);font-size:14px;line-height:1.6}
.room-info-panel .inline-fields:has(#roomMode){grid-template-columns:1fr}
.room-rule-group[hidden],.room-rule-group [hidden]{display:none!important}
@media(max-width:600px){
  body:has(.builder-shell) .page-head{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  body:has(.builder-shell) .page-head>div{grid-column:1/-1;width:100%;max-width:none}
  body:has(.builder-shell) .page-head .btn{flex:1;white-space:nowrap}
  .builder-shell .builder-savebar{position:static;bottom:auto;margin-top:16px;gap:10px}
  .builder-shell .builder-savebar>.btn{width:100%}
  body.route-player:has(section.player-finish) .app{width:calc(100% - 18px);padding-top:8px}
  body.route-player:has(section.player-finish) .player-finish{padding:16px;gap:10px}
  .route-player .player-finish .player-kpis{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .route-player .player-finish .player-kpis:has(>.kpi:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .route-player .player-finish .player-kpis .kpi{padding:12px 5px}
  .route-player .player-finish .player-kpis .kpi strong{font-size:23px}
  .route-player .player-review-item{padding:12px}
  .creator-workspace .workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creator-workspace .workspace-tabs button{font-size:13px;white-space:normal}
}