body.participant{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}body.participant input{user-select:text;-webkit-user-select:text}.p-main{flex:1;width:100%;max-width:520px;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 16px 0;display:flex;flex-direction:column;gap:18px}.screen{padding:22px 20px;animation:rise .35s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.center-col{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.center{text-align:center}.muted{color:var(--ink-mute);margin:0}.small{font-size:13px}.screen-title{margin:0 0 14px;font-size:20px;font-weight:700;color:var(--navy-800)}.screen-title.sm{font-size:18px;margin:0}.form{display:flex;flex-direction:column;gap:14px}.perks{list-style:none;margin:18px 0 0;padding:14px 0 0;border-top:1px dashed #bcd3fa;display:grid;gap:10px}.perks li{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--ink-soft)}.perks b{color:var(--navy-800)}.perk-ico{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(180deg,#fff,#e3efff);border:1px solid #c8dcfb;font-size:18px}.hello{display:flex;align-items:center;gap:12px;margin-bottom:14px}.avatar{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-pixel);font-size:16px;color:#fff;background:linear-gradient(135deg,#4f8ff7,#1f56d8);box-shadow:inset -3px -3px #0003,inset 3px 3px #ffffff59}.status-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:linear-gradient(90deg,#e6f1ff,#f4f9ff);border:1px solid #c8dcfb;color:var(--blue-700);font-weight:600;font-size:14px}.status-banner.go{background:linear-gradient(90deg,#e5f8ee,#f3fcf7);border-color:#bfe9d1;color:#187a45}.rules-title{font-size:14px;margin:18px 0 8px;color:var(--navy-800)}.rules{margin:0 0 18px;padding-left:20px;display:grid;gap:7px;font-size:13.5px;color:var(--ink-soft);line-height:1.45}.rules b{color:var(--navy-800)}.rules .warn{color:#b42328;font-weight:600}#ready-note{margin-top:10px}#btn-ready.done{--bg: linear-gradient(180deg, #45c983 0%, #23985a 100%);box-shadow:0 4px #13603a}.big-count{font-family:var(--font-pixel);font-size:72px;color:var(--blue-600);text-shadow:4px 4px 0 var(--navy-900);line-height:1.2;animation:pop 1s ease-in-out infinite}@keyframes pop{0%{transform:scale(1.15)}30%{transform:scale(1)}}#screen-quiz{padding:0;display:flex;flex-direction:column;gap:10px}.quiz-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.q-progress{display:flex;flex-direction:column}.q-label{font-family:var(--font-pixel);font-size:9px;color:var(--blue-500);letter-spacing:.1em}.q-num{font-size:22px;font-weight:700;color:var(--navy-800)}.q-num b{font-size:26px}.timer{position:relative;width:54px;height:54px;display:grid;place-items:center}.timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer-bg{fill:#fffc;stroke:#d6e6fd;stroke-width:4}.timer-fg{fill:none;stroke:var(--blue-500);stroke-width:4;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:0;transition:stroke .3s}.timer.low .timer-fg{stroke:var(--red-500)}.timer.low #timer-text{color:var(--red-500)}#timer-text{position:relative;font-family:var(--font-pixel);font-size:13px;color:var(--navy-800)}.progress-track{height:8px;border-radius:4px;background:#ffffffb3;border:1px solid #c8dcfb;overflow:hidden}.progress-fill{height:100%;width:0;background:repeating-linear-gradient(90deg,#2f6ff0 0 10px,#4f8ff7 10px 20px);transition:width .4s ease}.q-card{padding:18px 16px 16px}.q-type{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-500);margin-bottom:8px}.q-canvas{display:block;width:100%;min-height:40px}.options{display:grid;gap:10px;margin-top:16px}.options.tf{grid-template-columns:1fr 1fr}.opt{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:var(--radius-md);border:1.5px solid #c4dafc;background:#fffffff2;cursor:pointer;text-align:left;box-shadow:0 3px #c4dafc;transition:transform .08s,box-shadow .08s,border-color .15s,background .15s}.opt:active{transform:translateY(2px);box-shadow:0 1px #c4dafc}.opt-key{flex:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-pixel);font-size:11px;color:var(--blue-700);background:var(--sky-100);border:1px solid #c8dcfb}.opt canvas{flex:1;min-width:0;display:block}.opt.selected{border-color:var(--blue-500);background:linear-gradient(180deg,#eef5ff,#dceaff);box-shadow:0 3px 0 var(--blue-500)}.opt.selected .opt-key{background:var(--blue-500);color:#fff;border-color:var(--blue-600)}.options.locked .opt{cursor:default}.options.locked .opt:not(.selected){opacity:.55}.options.tf .opt{justify-content:center;flex-direction:column;padding:16px 10px}.options.tf .opt canvas{width:100%;flex:none}.q-status{min-height:22px;margin-top:14px;text-align:center;font-weight:600;font-size:14px;color:var(--blue-700)}.q-status.ok{color:#187a45}.q-status.bad{color:#b42328}.q-card.loading .q-canvas,.q-card.loading .options{opacity:.25;filter:blur(2px)}.done-ico{width:64px;height:64px;display:grid;place-items:center;font-size:30px;color:#fff;border-radius:16px;background:linear-gradient(135deg,#45c983,#23985a);box-shadow:inset -4px -4px #0000002e,inset 4px 4px #ffffff4d}.score-big{font-family:var(--font-pixel);font-size:54px;color:var(--blue-600);text-shadow:3px 3px 0 var(--navy-900)}.score-big small{font-size:22px;color:var(--navy-800);text-shadow:none}.dq-card{border-color:#f6c6c8;background:#fff6f6eb}.dq-ico{font-size:46px}.dq-id{font-family:var(--font-pixel);font-size:11px;color:#b42328;padding:8px 12px;border:1px dashed #f6c6c8;border-radius:8px}.gate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0a1f57c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.gate-box{width:min(420px,100%);background:#fff;border-radius:var(--radius-lg);padding:24px 20px;text-align:center;box-shadow:var(--shadow-lg);border:2px solid #c8dcfb}.gate-box h2{margin:6px 0;color:var(--navy-800);font-size:20px}.gate-box p{color:var(--ink-soft);margin:0 0 12px;font-size:14px}.gate-ico{font-size:40px}.gate-count{font-family:var(--font-pixel);font-size:34px;color:var(--red-500);margin:6px 0 16px;min-height:10px}.gate.warn .gate-box{border-color:#f6c6c8}body.is-away #screen-quiz{visibility:hidden}@media(min-width:700px){.p-main{padding-top:32px}}@media(max-height:700px){body.in-quiz .brand{display:none}}body.in-quiz .brand .topic-pill,body.in-quiz .brand .brand-kicker,body.in-quiz .brand .pixel-title .l1,body.in-quiz .brand .pixel-title .l3{display:none}body.in-quiz .brand .brand-logo{width:34px;height:34px}body.in-quiz .brand{flex-direction:row;justify-content:center;gap:10px}body.in-quiz .brand .pixel-title .l2{font-size:18px;margin:0}