@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--pquiz-color-white: #ffffff;--pquiz-color-ink-900: #10133f;--pquiz-color-ink-800: #182866;--pquiz-color-ink-700: #4d566f;--pquiz-color-ink-600: #5f6888;--pquiz-color-ink-500: #61677d;--pquiz-color-ink-400: #65708a;--pquiz-color-ink-300: #8b93a7;--pquiz-color-line-300: #aeb8cc;--pquiz-color-line-250: #bcc4d6;--pquiz-color-line-200: #cbd2df;--pquiz-color-line-150: #d0d5e0;--pquiz-color-line-accent: #b7d7e8;--pquiz-color-line-100: #d8dce7;--pquiz-color-line-050: #e4e7f0;--pquiz-color-surface-050: #f7f9fc;--pquiz-color-surface-075: #f2f7fb;--pquiz-color-surface-100: #f2f5fa;--pquiz-color-surface-accent: #eef8fd;--pquiz-color-surface-accent-hover: #eef7fc;--pquiz-color-accent-700: #006d9f;--pquiz-color-accent-650: #006fa8;--pquiz-color-accent-600: #0078af;--pquiz-color-accent-550: #007bc0;--pquiz-color-accent-500: #007fbd;--pquiz-color-accent-450: #007fbc;--pquiz-color-accent-400: #0085c5;--pquiz-color-accent-350: #0086cc;--pquiz-color-accent-325: #0087ce;--pquiz-color-accent-300: #0093d9;--pquiz-color-success-700: #116b3a;--pquiz-color-success-500: #1b9c54;--pquiz-color-warning-500: #ffb020;--pquiz-color-warning-surface: #fff2c7;--pquiz-color-danger-700: #a81916;--pquiz-color-danger-600: #b42318;--pquiz-color-danger-500: #c5221f;--pquiz-color-danger-surface: #fdecec;--pquiz-color-placeholder: #b6b8bf;--pquiz-color-on-dark-muted: #d8dcf0;--ds-color-page: var(--pquiz-color-white);--ds-color-surface: var(--pquiz-color-white);--ds-color-surface-raised: var(--pquiz-color-white);--ds-color-surface-subtle: var(--pquiz-color-surface-050);--ds-color-surface-hover: var(--pquiz-color-surface-100);--ds-color-surface-selected: var(--pquiz-color-surface-accent);--ds-color-text: var(--pquiz-color-ink-900);--ds-color-text-strong: var(--pquiz-color-ink-900);--ds-color-text-muted: var(--pquiz-color-ink-600);--ds-color-text-soft: var(--pquiz-color-ink-400);--ds-color-text-inverse: var(--pquiz-color-white);--ds-color-text-inverse-muted: var(--pquiz-color-on-dark-muted);--ds-color-brand: var(--pquiz-color-ink-900);--ds-color-brand-strong: var(--pquiz-color-ink-800);--ds-color-accent: var(--pquiz-color-accent-300);--ds-color-accent-hover: var(--pquiz-color-accent-400);--ds-color-accent-pressed: var(--pquiz-color-accent-700);--ds-color-link: var(--pquiz-color-accent-550);--ds-color-link-strong: var(--pquiz-color-accent-325);--ds-color-border: var(--pquiz-color-line-100);--ds-color-border-subtle: var(--pquiz-color-line-050);--ds-color-border-strong: var(--pquiz-color-line-200);--ds-color-border-heavy: var(--pquiz-color-line-250);--ds-color-border-control: var(--pquiz-color-line-300);--ds-color-border-accent: var(--pquiz-color-line-accent);--ds-color-text-disabled: var(--pquiz-color-ink-300);--ds-color-surface-popover-hover: var(--pquiz-color-surface-075);--ds-color-success: var(--pquiz-color-success-500);--ds-color-success-text: var(--pquiz-color-success-700);--ds-color-warning: var(--pquiz-color-warning-500);--ds-color-warning-surface: var(--pquiz-color-warning-surface);--ds-color-danger: var(--pquiz-color-danger-500);--ds-color-danger-strong: var(--pquiz-color-danger-700);--ds-color-danger-surface: var(--pquiz-color-danger-surface);--ds-alpha-white-08: rgba(255, 255, 255, .08);--ds-alpha-white-22: rgba(255, 255, 255, .22);--ds-alpha-white-28: rgba(255, 255, 255, .28);--ds-alpha-white-70: rgba(255, 255, 255, .7);--ds-alpha-white-82: rgba(255, 255, 255, .82);--ds-alpha-brand-14: rgba(16, 19, 63, .14);--ds-alpha-brand-16: rgba(16, 19, 63, .16);--ds-alpha-brand-18: rgba(16, 19, 63, .18);--ds-alpha-brand-20: rgba(16, 19, 63, .2);--ds-alpha-brand-22: rgba(16, 19, 63, .22);--ds-alpha-brand-28: rgba(16, 19, 63, .28);--ds-alpha-brand-72: rgba(16, 19, 63, .72);--ds-alpha-accent-08: rgba(0, 147, 217, .08);--ds-alpha-accent-18: rgba(0, 147, 217, .18);--ds-alpha-accent-22: rgba(0, 147, 217, .22);--ds-alpha-accent-35: rgba(0, 147, 217, .35);--ds-alpha-accent-40: rgba(0, 147, 217, .4);--ds-alpha-accent-50: rgba(0, 147, 217, .5);--ds-alpha-success-08: rgba(27, 156, 84, .08);--ds-alpha-success-10: rgba(27, 156, 84, .1);--ds-alpha-success-18: rgba(27, 156, 84, .18);--ds-alpha-success-55: rgba(27, 156, 84, .55);--ds-alpha-danger-16: rgba(180, 35, 24, .16);--ds-alpha-danger-22: rgba(197, 34, 31, .22);--ds-alpha-danger-42: rgba(197, 34, 31, .42);--ds-alpha-scrim: rgba(5, 8, 38, .28);--ds-font-sans: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-weight-regular: 400;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 600;--ds-font-weight-bold: 700;--ds-font-weight-heavy: 800;--ds-line-tight: 1;--ds-line-heading: 1.05;--ds-line-body: 1.5;--ds-line-relaxed: 1.6;--ds-letter-tight-sm: -.035em;--ds-letter-tight-md: -.055em;--ds-letter-tight-lg: -.08em;--ds-letter-label: .04em;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-7: 28px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-14: 56px;--ds-space-16: 64px;--ds-space-18: 72px;--ds-space-20: 80px;--ds-space-24: 96px;--ds-radius-1: 4px;--ds-radius-2: 6px;--ds-radius-3: 8px;--ds-radius-4: 10px;--ds-radius-5: 12px;--ds-radius-6: 14px;--ds-radius-7: 18px;--ds-radius-round: 999px;--ds-shadow-control: 0 18px 42px rgba(16, 19, 63, .16);--ds-shadow-popover: 0 16px 40px rgba(16, 19, 63, .15);--ds-shadow-banner: 0 8px 24px rgba(16, 19, 63, .18);--ds-shadow-modal: 0 30px 80px rgba(5, 8, 38, .28);--ds-shadow-accent: 0 10px 24px rgba(0, 147, 217, .22);--ui-border-soft: 1px;--ui-border-strong: 2px;--ui-radius-card: var(--ds-radius-5);--ui-radius-control: var(--ds-radius-3);--ui-control-height: 52px;--ui-control-height-compact: 44px;--ui-card-min-height: 56px;--ui-card-padding: 14px;--ui-letter-size: 32px;--ui-shadow-soft: 0 8px 24px rgba(16, 19, 63, .12);--ui-shadow-selected: 0 6px 18px rgba(0, 147, 217, .14);--ui-shadow-success: 0 6px 20px rgba(27, 156, 84, .12);--ds-duration-fast: .14s;--ds-duration-pulse: .78s;--ds-ease-standard: ease;--ds-focus-ring: 0 0 0 5px var(--ds-alpha-accent-18);--ds-focus-outline: 3px solid var(--ds-alpha-accent-40);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--color-white: var(--ds-color-surface);--color-navy: var(--ds-color-brand);--color-blue: var(--ds-color-brand-strong);--color-accent: var(--ds-color-accent);--color-muted: var(--pquiz-color-ink-500);--color-error: var(--pquiz-color-danger-600);--radius-control: var(--ds-radius-5);--shadow-control: var(--ds-shadow-control)}:root{color:var(--ds-color-text);background:var(--ds-color-page);font-family:var(--ds-font-sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--color-white)}body{margin:0;min-width:320px;min-height:100svh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:var(--ds-focus-outline);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button,.admin-button,.confirm-button,.host-game__footer button,.host-game__ready button,.interim-results footer button,.host-results__actions button,.host-results__actions a{display:inline-flex;gap:var(--button-gap, 10px);align-items:center;justify-content:center;min-height:var(--button-height, 52px);padding:var(--button-padding, 0 22px);border:var(--button-border, 0);border-radius:var(--button-radius, var(--ds-radius-3));color:var(--button-color, var(--color-white));background:var(--button-bg, var(--color-accent));font-size:var(--button-font-size, 1rem);font-weight:var(--ds-font-weight-heavy);text-decoration:none;cursor:pointer;transition:background var(--ds-duration-fast) var(--ds-ease-standard),transform var(--ds-duration-fast) var(--ds-ease-standard),box-shadow var(--ds-duration-fast) var(--ds-ease-standard)}.button:disabled,.admin-button:disabled,.confirm-button:disabled,.host-game__footer button:disabled,.host-game__ready button:disabled,.interim-results footer button:disabled,.host-results__actions button:disabled{cursor:wait;opacity:.65}.button--primary,.admin-button--primary,.interim-results footer button:last-child{--button-border: 0;--button-bg: var(--color-accent);--button-color: var(--color-white)}.button--primary{--button-height: 78px;--button-padding: 16px 28px;--button-radius: var(--radius-control);--button-font-size: 1.45rem;box-shadow:0 7px 0 var(--pquiz-color-accent-600)}.button--primary:hover{--button-bg: var(--ds-color-accent-hover);transform:translateY(-2px);box-shadow:0 9px 0 var(--ds-color-accent-pressed)}.button--primary:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ds-color-accent-pressed)}.admin-button--primary:hover,.confirm-button--danger:hover{transform:translateY(-1px)}.admin-button--primary:hover{--button-bg: var(--pquiz-color-accent-500)}.admin-button svg{width:22px;height:22px}.admin-button--outline{--button-border: 2px solid var(--color-white);--button-bg: transparent;--button-color: var(--color-white)}.confirm-button{--button-height: 50px}.confirm-button--cancel{--button-border: 2px solid var(--pquiz-color-line-150);--button-bg: var(--color-white);--button-color: var(--color-navy)}.confirm-button--cancel:hover{--button-bg: var(--ds-color-surface-hover)}.confirm-button--danger{--button-bg: var(--ds-color-danger)}.confirm-button--danger:hover{--button-bg: var(--ds-color-danger-strong)}.host-game__footer button,.host-game__ready button{--button-height: 64px;--button-padding: 0 38px;--button-radius: 8px;--button-font-size: 1.25rem}.host-game__footer button.is-secondary{--button-border: 2px solid var(--color-white);--button-bg: transparent}.interim-results footer button{--button-height: 58px;--button-padding: 0 28px;--button-border: 2px solid var(--color-white);--button-bg: transparent;--button-color: var(--color-white)}.host-results__actions button,.host-results__actions a{--button-height: 58px;--button-border: 2px solid var(--color-navy);--button-bg: var(--color-white);--button-color: var(--color-navy)}.host-results__actions a{--button-bg: var(--color-navy);--button-color: var(--color-white)}.icon-button{display:inline-grid;width:42px;height:42px;padding:0;border:0;border-radius:var(--ds-radius-3);place-items:center;color:var(--color-navy);background:transparent;cursor:pointer}.icon-button:hover{background:var(--pquiz-color-surface-accent-hover)}.icon-button svg{width:22px;height:22px;stroke-width:2}.quiz-table,.results-table{width:100%;border-collapse:collapse}.quiz-table th,.results-table th{padding:var(--table-head-padding, 14px 18px);color:var(--table-head-color, var(--ds-color-text-muted));background:var(--table-head-bg, transparent);font-size:var(--table-head-size, .82rem);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--table-head-spacing, var(--ds-letter-label));text-align:left;text-transform:var(--table-head-transform, uppercase)}.quiz-table td,.results-table td{padding:var(--table-cell-padding, 18px);border-bottom:1px solid var(--table-row-border, var(--ds-color-border-subtle));color:var(--table-cell-color, var(--ds-color-text-muted));vertical-align:middle}.quiz-table th{border-bottom:2px solid var(--ds-color-border)}.results-table{--table-head-padding: 14px 24px;--table-head-bg: var(--color-navy);--table-head-color: var(--color-white);--table-head-size: 1rem;--table-head-spacing: 0;--table-head-transform: none;--table-cell-padding: 12px 24px;--table-row-border: var(--ds-alpha-brand-14);--table-cell-color: var(--color-navy)}.results-table tr:last-child td{border-bottom:0}.results-table td:first-child{font-weight:var(--ds-font-weight-heavy)}.public-shell{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;overflow:hidden;border:2px solid var(--color-navy);background:var(--color-white)}.public-header{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:min(100% - 48px,1360px);margin:0 auto;padding:34px 32px 20px}.brand{color:var(--color-navy);font-size:clamp(2rem,3vw,2.65rem);font-weight:800;letter-spacing:-.09em;line-height:1;text-decoration:none}.brand span{position:relative;display:inline-block;letter-spacing:-.12em}.brand span:after{position:absolute;right:.12em;bottom:.12em;width:.18em;height:.18em;border-radius:50%;background:var(--color-accent);content:""}.brand-line{width:112px;height:4px;margin-left:56px;background:var(--color-accent)}.text-link{color:var(--ds-color-link);font-size:1rem;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.public-header__link{justify-self:end}.public-main{position:relative;z-index:1;display:grid;place-items:center;padding:32px 24px 48px}.join{width:min(100%,720px);text-align:center}.join h1{max-width:760px;margin:0 auto;color:var(--color-navy);font-size:clamp(2.6rem,6vw,4.35rem);font-weight:800;letter-spacing:-.055em;line-height:1.05}.join__intro{margin:22px 0 30px;color:var(--color-navy);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.5}.join-form{display:grid;gap:18px;padding:24px;border-radius:18px;background:var(--color-navy);box-shadow:var(--shadow-control)}.join-form input{width:100%;border:3px solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-navy);background:var(--color-white);font-weight:600;text-align:center;transition:border-color .14s ease,box-shadow .14s ease}.join-form input:hover{border-color:var(--pquiz-color-accent-450)}.join-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 5px var(--ds-alpha-accent-18);outline:none}.join-form input::placeholder{color:var(--pquiz-color-placeholder);opacity:1}.join-form input[aria-invalid=true],.join-form input[aria-invalid=true]:hover,.join-form input[aria-invalid=true]:focus{border-color:var(--color-error);box-shadow:0 0 0 5px var(--ds-alpha-danger-16)}.join-form__code{min-height:116px;padding:16px 24px;font-size:clamp(2.5rem,7vw,4.25rem);letter-spacing:.12em}.join-form__name{min-height:76px;padding:16px 24px;font-size:1.35rem}.join__manage-link{display:inline-block;margin-top:20px}.form-message{min-height:24px;margin:14px 0 0;color:var(--color-blue);font-weight:600}.form-message--error:not(:empty){color:var(--color-error)}.back-button{display:inline-flex;gap:8px;align-items:center;margin-bottom:24px;padding:8px 12px;border:0;color:var(--ds-color-link);background:transparent;font-size:1rem;font-weight:700;cursor:pointer}.admin-login{max-width:660px}.field-label{color:var(--color-white);font-size:.95rem;font-weight:700;text-align:left}.public-footer{position:relative;z-index:1;padding:24px;color:var(--color-navy);font-size:1rem;font-weight:600;text-align:center}@media(max-width:720px){.public-shell{border-width:0}.public-header{width:100%;padding:24px 22px}.brand{font-size:1.8rem}.brand-line{width:54px;height:3px;margin-left:26px}.public-header__link{font-size:.84rem}.public-main{align-items:center;padding:42px 18px 48px}.join h1{max-width:360px;font-size:clamp(2.45rem,12vw,3.4rem)}.join__intro{margin:18px auto 26px;font-size:1.05rem}.join-form{gap:12px;padding:14px;border-radius:14px}.join-form__code{min-height:86px;font-size:clamp(2.1rem,13vw,3.25rem)}.join-form__name{min-height:64px;font-size:1.1rem}.button{min-height:62px;font-size:1.15rem}.public-footer{padding-bottom:30px;font-size:.82rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fatal-error{display:grid;min-height:100svh;place-content:center;gap:14px;padding:32px;color:var(--color-navy);text-align:center;background:var(--color-white)}.fatal-error h1,.fatal-error p{margin:0}.fatal-error div{display:flex;justify-content:center;gap:12px;margin-top:8px}.fatal-error button,.fatal-error a,.route-loading button,.connection-banner button{min-height:44px;padding:0 18px;border:0;border-radius:8px;color:var(--color-white);background:var(--color-navy);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.connection-banner{display:flex;position:fixed;z-index:20;top:12px;left:50%;align-items:center;gap:12px;padding:10px 12px 10px 18px;transform:translate(-50%);border-radius:10px;color:var(--color-navy);background:var(--ds-color-warning-surface);box-shadow:0 8px 24px var(--ds-alpha-brand-18);font-weight:700}.route-loading{display:grid;min-height:100vh;place-items:center;color:var(--color-navy);font-size:1.1rem;font-weight:700}.admin-shell{position:relative;display:grid;grid-template-columns:298px minmax(0,1fr);min-height:100vh;overflow:hidden;background:var(--color-white)}.admin-sidebar{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100vh;padding:58px 28px 36px;color:var(--color-white);background:var(--color-navy)}.admin-wordmark{color:inherit;font-size:2.55rem;font-weight:800;letter-spacing:-.055em;line-height:1;text-decoration:none}.admin-wordmark:first-letter{color:var(--color-accent)}.admin-nav{display:grid;gap:10px;margin-top:78px}.admin-nav a,.admin-logout{display:flex;gap:18px;align-items:center;justify-content:flex-start;min-height:72px;padding:0 22px;border-radius:10px;color:var(--color-white);font-size:1.1rem;font-weight:700;text-decoration:none}.admin-nav a svg,.admin-logout svg{width:28px;height:28px;stroke-width:1.8}.admin-nav a[aria-current=page]{background:var(--color-blue)}.admin-logout{margin-top:auto;border-top:1px solid var(--ds-alpha-white-22);border-radius:0}button.admin-logout{width:100%;border-right:0;border-bottom:0;border-left:0;background:transparent;font-family:inherit;text-align:left;cursor:pointer}.admin-content{position:relative;z-index:1;min-width:0;padding:92px 64px}.quiz-dashboard{position:relative;z-index:1;width:min(100%,1120px);margin:0 auto}.dashboard-heading{display:flex;gap:40px;align-items:flex-start;justify-content:space-between}.dashboard-heading h1{margin:0;color:var(--color-navy);font-size:clamp(2.8rem,5vw,4.3rem);letter-spacing:-.055em;line-height:1}.dashboard-heading p{margin:22px 0 0;color:var(--ds-color-text-muted);font-size:1.25rem}.quiz-tabs{display:flex;gap:66px;margin-top:72px;border-bottom:1px solid var(--ds-color-border)}.quiz-tabs button{position:relative;padding:0 8px 22px;border:0;color:var(--color-navy);background:transparent;font-size:1.1rem;font-weight:700;cursor:pointer}.quiz-tabs button:after{position:absolute;right:0;bottom:-2px;left:0;height:4px;background:transparent;content:""}.quiz-tabs button.is-active{color:var(--pquiz-color-accent-350)}.quiz-tabs button.is-active:after{background:var(--color-accent)}.quiz-table{margin-top:10px}.quiz-table__name{color:var(--color-navy);font-size:1.1rem;font-weight:700}.quiz-table__empty{padding:44px 18px!important;text-align:center}.quiz-table__actions{width:1%;white-space:nowrap}.quiz-table__question-count{text-align:center!important}.quiz-table__action-head{text-align:right}.quiz-actions{display:flex;gap:4px;justify-content:flex-end}.quiz-actions .icon-button{text-decoration:none}.quiz-menu{position:relative}.quiz-menu__popover{position:absolute;z-index:5;top:46px;right:0;display:grid;min-width:170px;padding:8px;border:1px solid var(--ds-color-border);border-radius:10px;background:var(--color-white);box-shadow:var(--ds-shadow-popover)}.quiz-menu__popover button{padding:10px 12px;border:0;border-radius:6px;color:var(--color-navy);background:transparent;font-weight:650;text-align:left;cursor:pointer}.quiz-menu__popover button:hover{background:var(--ds-color-surface-popover-hover)}.danger-text{color:var(--ds-color-danger)!important}.editor-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;color:var(--color-navy);background:var(--color-white)}.editor-topbar{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:84px;padding:0 28px;color:var(--color-white);background:var(--color-navy)}.editor-topbar__actions{display:flex;gap:24px;align-items:center}.editor-back{display:flex;gap:10px;align-items:center;color:var(--color-white);font-weight:700;text-decoration:none}.editor-back svg{width:26px}.editor-workspace{display:grid;flex:1;grid-template-columns:338px minmax(0,1fr);min-height:0;overflow:hidden}.question-rail{display:flex;flex-direction:column;min-height:0;padding:28px 16px;border-right:1px solid var(--ds-color-border-heavy);background:var(--color-white)}.question-rail h2{flex:none;margin:0 14px 20px;font-size:1.65rem}.question-rail ol{display:grid;flex:1;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none}.question-rail__add{flex:none}.question-rail li{position:relative;display:grid;grid-template-columns:30px 1fr;align-items:center;min-height:64px;border-bottom:1px solid var(--ds-color-border)}.question-rail li:before{position:absolute;top:0;bottom:0;left:-12px;width:5px;border-radius:4px;background:transparent;content:""}.question-rail li.is-active{border:1px solid var(--ds-color-border-accent);border-radius:6px;background:var(--ds-color-surface-selected)}.question-rail li.is-active:before{background:var(--color-accent)}.question-rail li.is-dragging,.answer-row.is-dragging{opacity:.3}.question-rail li.drop-before:after,.question-rail li.drop-after:after,.answer-row.drop-before:after,.answer-row.drop-after:after{position:absolute;left:0;right:0;height:3px;border-radius:2px;background:var(--color-accent);content:""}.question-rail li.drop-before:after,.answer-row.drop-before:after{top:-2px}.question-rail li.drop-after:after,.answer-row.drop-after:after{bottom:-2px}.question-rail li>svg{width:20px;cursor:grab}.question-rail li button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px;align-items:center;min-width:0;min-height:62px;padding:0 10px 0 0;border:0;color:var(--color-navy);background:transparent;font-size:1rem;text-align:left;cursor:pointer}.question-rail li button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-rail__add,.inline-action{display:inline-flex;gap:10px;align-items:center;padding:14px 10px;border:0;color:var(--ds-color-link-strong);background:transparent;font-size:1rem;font-weight:700;cursor:pointer}.question-rail__add svg,.inline-action svg{width:24px;height:24px}.question-rail__add:disabled{cursor:not-allowed;opacity:.45}.editor-canvas{min-width:0;min-height:0;padding:32px 36px 60px;overflow-y:auto}.quiz-title-row{display:grid;grid-template-columns:minmax(260px,700px) auto;gap:24px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--ds-color-border-strong)}.quiz-title-row>input{min-height:60px;padding:8px 20px;border:2px solid var(--color-accent);border-radius:6px;color:var(--color-navy);background:var(--color-white);font-size:2rem;font-weight:800;letter-spacing:-.035em}.save-status{display:inline-flex;gap:10px;align-items:center;color:var(--pquiz-color-ink-700);font-size:1rem;font-weight:600}.save-status svg{width:23px}.question-editor{padding-top:22px}.question-editor h2{margin:0 0 18px;font-size:1.85rem}.editor-fields{display:grid;grid-template-columns:145px minmax(280px,540px);gap:18px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--ds-color-border-strong)}.editor-fields label,.field-label{font-size:1rem;font-weight:650}.editor-fields select,.editor-fields textarea,.answer-row>input:not(.answer-correct){width:100%;border:1px solid var(--ds-color-border-control);border-radius:6px;color:var(--color-navy);background:var(--color-white);font-size:1rem}.editor-fields select{min-height:52px;padding:0 18px}.editor-fields textarea{min-height:82px;padding:16px 18px;resize:vertical}.answers-heading{display:flex;gap:24px;align-items:baseline;margin-top:20px}.answers-heading h3{margin:0;font-size:1.15rem}.answers-heading p{margin:0;color:var(--ds-color-text-soft);font-size:.9rem}.answer-list{display:grid;gap:10px;margin-top:14px}.answer-head{align-items:end;margin-bottom:-2px}.answer-head__cell{color:var(--ds-color-text-soft);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.answer-head__cell--correct{text-align:center}.answer-row{position:relative;display:grid;grid-template-columns:28px 44px 58px minmax(0,1fr) 42px;gap:10px;align-items:center}.answer-row--open{grid-template-columns:28px 58px minmax(0,1fr) 42px}.answer-row__grip{display:grid;width:22px;place-items:center;color:var(--ds-color-text-disabled);cursor:grab}.answer-row__grip svg{width:20px;height:20px}.answer-row.drop-before:after{top:-6px}.answer-row.drop-after:after{bottom:-6px}.answer-letter{display:grid;width:58px;height:54px;border:1px solid var(--ds-color-border-control);border-radius:6px;place-items:center;font-size:1.2rem;font-weight:700}.answer-row>input:not(.answer-correct){min-height:54px;padding:0 18px}.answer-row>input:disabled{color:var(--color-navy);background:var(--ds-color-surface-subtle);opacity:1}.answer-correct{justify-self:center;width:24px;height:24px;accent-color:var(--color-accent)}.answer-remove{color:var(--ds-color-danger)}.question-editor__danger{margin-top:18px;padding-top:14px;border-top:1px solid var(--ds-color-border-strong)}.preview-backdrop{position:fixed;z-index:50;inset:0;display:grid;padding:30px;place-items:center;background:var(--ds-alpha-brand-72)}.confirm-dialog{width:min(100%,460px);padding:32px;border-radius:18px;background:var(--color-white);box-shadow:0 30px 80px var(--ds-alpha-scrim);text-align:center}.confirm-dialog__icon{display:grid;width:60px;height:60px;margin:0 auto 18px;border-radius:50%;place-items:center;color:var(--ds-color-danger);background:var(--ds-color-danger-surface)}.confirm-dialog__icon svg{width:30px;height:30px}.confirm-dialog h2{margin:0 0 10px;color:var(--color-navy);font-size:1.5rem}.confirm-dialog p{margin:0 0 26px;color:var(--ds-color-text-muted);line-height:1.5}.confirm-dialog__actions{display:flex;gap:12px;justify-content:center}.quiz-preview{width:min(100%,920px);max-height:min(760px,calc(100vh - 60px));overflow:auto;padding:34px;border-radius:18px;background:var(--color-white);box-shadow:0 30px 80px var(--ds-alpha-scrim)}.quiz-preview header{display:flex;gap:30px;align-items:flex-start;justify-content:space-between}.quiz-preview header p{margin:0 0 12px;color:var(--ds-color-text-soft);font-weight:700}.quiz-preview h2{margin:0;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.04em}.quiz-preview__answers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}.quiz-preview__answers div{display:flex;gap:18px;align-items:center;min-height:90px;padding:18px;border:2px solid var(--color-navy);border-radius:10px;color:var(--color-navy);background:var(--color-white);font-size:1.1rem}.quiz-preview__answers strong{display:grid;width:42px;height:42px;border-radius:50%;place-items:center;color:var(--color-white);background:var(--color-accent)}@media(max-width:960px){.admin-shell{display:block}.admin-sidebar{display:flex;flex-direction:row;align-items:center;gap:0;min-height:auto;padding:14px 20px}.admin-wordmark{font-size:2rem}.admin-nav{display:flex;gap:8px;margin:0 0 0 36px}.admin-nav a{min-height:46px;padding:0 14px;font-size:.9rem}.admin-nav a svg,.admin-logout svg{width:20px;height:20px}.admin-logout{min-height:46px;margin:0 0 0 auto;padding:0 14px;border:0;border-radius:10px;font-size:.9rem}.admin-content{padding:40px 24px 80px}.editor-workspace{grid-template-columns:260px minmax(0,1fr)}.editor-fields{grid-template-columns:120px minmax(220px,1fr)}}@media(max-width:680px){.admin-sidebar{padding:12px 14px}.admin-wordmark{font-size:1.6rem}.admin-nav{flex:0 0 auto;gap:8px;margin-left:24px}.admin-logout{margin-left:auto}button.admin-logout{flex:0 0 46px;width:46px}.admin-nav a,.admin-logout{justify-content:center;gap:0;width:46px;min-width:46px;padding:0 12px;font-size:0}.admin-nav a svg,.admin-logout svg{width:24px;height:24px}.admin-content{padding:32px 16px 80px}.dashboard-heading{display:grid}.dashboard-heading h1{font-size:2.1rem}.dashboard-heading p{font-size:1rem}.admin-button--primary{justify-self:start}.quiz-tabs{gap:18px;justify-content:flex-start;margin-top:36px}.quiz-table th,.quiz-table td{padding:12px 8px}.quiz-table th{font-size:.7rem;letter-spacing:.02em}.quiz-table__name{font-size:.98rem;word-break:break-word}.icon-button{width:38px;height:38px}.editor-topbar{gap:16px;min-height:72px;padding:0 16px}.editor-topbar__actions{gap:8px}.editor-back{font-size:0}.editor-back svg{width:25px}.editor-topbar .admin-button{min-height:44px;padding:0 14px;font-size:.85rem}.editor-topbar .admin-button svg,.question-rail li:before,.question-rail li>svg{display:none}.editor-shell{height:auto;overflow:visible}.editor-workspace{display:block;overflow:visible}.editor-canvas{overflow-y:visible;padding:24px 18px 50px}.question-rail{display:block;padding:16px;border-right:0;border-bottom:1px solid var(--ds-color-border-strong)}.question-rail h2{margin-bottom:12px;font-size:1.25rem}.question-rail ol{display:flex;flex:none;gap:8px;overflow-x:auto;overflow-y:visible;padding-bottom:6px}.question-rail li{display:block;flex:0 0 160px;border:1px solid var(--ds-color-border);border-radius:6px}.question-rail li button{width:100%;grid-template-columns:24px minmax(0,1fr);padding:0 10px}.question-rail__add{padding-left:0}.quiz-title-row,.editor-fields{grid-template-columns:1fr}.quiz-title-row>input{font-size:1.55rem}.editor-fields{gap:8px}.editor-fields label:not(:first-child){margin-top:10px}.answers-heading{display:block}.answers-heading p{margin-top:6px}.answer-row{grid-template-columns:22px 34px 44px minmax(0,1fr) 38px;gap:6px}.answer-row--open{grid-template-columns:22px 44px minmax(0,1fr) 38px}.answer-letter{width:44px}.quiz-preview__answers{grid-template-columns:1fr}}.results-history{width:min(1120px,100%);margin:0 auto;padding:24px 0}.results-history>header h1{margin:0;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.055em}.results-history>header p{color:var(--color-muted)}.results-history__list{display:grid;gap:12px;margin-top:34px}.results-history__list article{display:grid;grid-template-columns:minmax(260px,1.5fr) 1fr 1fr auto;align-items:center;gap:24px;padding:22px 24px;border:1px solid var(--ds-alpha-brand-16);border-radius:12px}.results-history__list h2,.results-history__list p{margin:0}.results-history__list h2{font-size:1.25rem}.results-history__list article>div p{margin-top:6px;color:var(--color-muted);font-size:.9rem}.results-history__actions{display:flex;align-items:center;gap:8px;justify-self:end}.results-history__actions a{padding:12px 18px;border-radius:8px;color:var(--color-white);background:var(--color-navy);font-weight:800;text-decoration:none}.results-history__actions button{display:inline-grid;width:44px;height:44px;place-items:center;border:1px solid var(--ds-alpha-brand-16);border-radius:8px;color:var(--ds-color-danger);background:var(--color-white);cursor:pointer}.results-history__actions button:disabled{cursor:wait;opacity:.55}.results-history__actions svg{width:18px;height:18px}.results-history__empty{margin-top:36px;padding:48px;border:2px dashed var(--ds-alpha-brand-20);border-radius:12px;color:var(--color-muted);text-align:center}@media(max-width:800px){.results-history__list article{grid-template-columns:1fr}.results-history__actions{justify-self:start}}.host-lobby{min-height:100svh;color:var(--color-white);background:var(--color-navy)}.host-lobby__header{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:calc(28px + var(--safe-top)) calc(36px + var(--safe-right)) 18px calc(36px + var(--safe-left));font-size:1rem;font-weight:var(--ds-font-weight-bold)}.host-lobby__brand{font-size:2.35rem;font-weight:var(--ds-font-weight-heavy);letter-spacing:var(--ds-letter-tight-md)}.host-lobby__stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:clamp(28px,5vw,60px);padding:36px calc(36px + var(--safe-right)) calc(46px + var(--safe-bottom)) calc(36px + var(--safe-left))}.host-lobby__join,.participants-panel{display:grid;align-content:start}.host-lobby__join{justify-items:start;gap:14px;text-align:left}.host-lobby h1,.participants-panel h2{margin:0;font-size:clamp(2.15rem,5vw,3.5rem);letter-spacing:var(--ds-letter-tight-sm);line-height:1.04}.host-lobby__url,.host-lobby__instruction,.participants-panel__heading p{margin:0;font-size:1.05rem;font-weight:var(--ds-font-weight-bold)}.host-lobby__url strong,.participants-panel__heading strong{color:var(--color-accent)}.host-lobby__code{display:inline-flex;gap:14px;align-items:center;padding:0;border:0;color:var(--color-white);background:transparent;font-size:clamp(3.4rem,9vw,6rem);font-weight:var(--ds-font-weight-heavy);letter-spacing:.03em;line-height:1;cursor:pointer}.host-lobby__code svg{width:24px;height:24px;opacity:.72}.host-lobby__qr{display:grid;width:min(100%,292px);padding:16px;border-radius:var(--ui-radius-card);place-items:center;background:var(--color-white)}.host-lobby__qr svg{width:100%;height:auto}.participants-panel{gap:20px}.participants-panel__heading{display:grid;gap:8px}.participants-panel ul{display:grid;gap:10px;max-height:min(46vh,430px);margin:0;padding:0;overflow:auto;list-style:none}.participants-panel li{display:grid;grid-template-columns:1fr 38px;gap:12px;align-items:center;min-height:56px;padding:0 12px 0 16px;border:var(--ui-border-soft) solid var(--ds-alpha-white-55);border-radius:var(--ui-radius-card);font-size:1.05rem}.participants-panel li button{display:grid;width:38px;height:38px;padding:0;border:0;border-radius:var(--ui-radius-control);place-items:center;color:var(--color-white);background:transparent;cursor:pointer}.participants-panel li button:hover{background:var(--ds-alpha-white-18)}.participants-empty{max-width:390px;margin:0;color:var(--ds-alpha-white-70);line-height:1.5}.host-lobby__actions{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:auto}.host-lobby__end{display:inline-flex;gap:8px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--color-white);color:var(--color-white);background:transparent;font-weight:var(--ds-font-weight-bold);cursor:pointer}.host-lobby__end svg{width:18px}.host-lobby__start{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border:0;border-radius:var(--ui-radius-control);color:var(--color-white);background:var(--color-accent);font-size:1.12rem;font-weight:var(--ds-font-weight-heavy);cursor:pointer}.host-lobby__start:disabled{cursor:not-allowed;filter:saturate(.5);opacity:.58}.host-lobby__start svg{width:24px;height:24px;fill:currentColor}.player-lobby{display:grid;align-content:center;justify-items:center;min-height:100%;padding:24px 0;width:min(100%,720px);text-align:center}.player-lobby__quiz{margin:0 0 12px;color:var(--color-blue);font-weight:700}.player-lobby h1{margin:0;color:var(--color-navy);font-size:clamp(2.5rem,8vw,4.4rem);letter-spacing:-.055em;line-height:1.05}.player-lobby>p:not(.player-lobby__quiz){max-width:560px;margin:22px auto 30px;color:var(--ds-color-text-muted);font-size:1.2rem;line-height:1.6}.player-lobby__status{display:inline-flex;gap:10px;align-items:center;padding:12px 16px;border:var(--ui-border-strong) solid var(--color-navy);border-radius:var(--ui-radius-card);color:var(--color-navy);font-weight:700}.player-lobby__status span{width:12px;height:12px;border-radius:50%;background:var(--ds-color-success);animation:status-pulse 1.8s ease-in-out infinite}.audio-cue-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:var(--ui-border-soft) solid var(--ds-alpha-brand-28);border-radius:var(--ds-radius-round);color:var(--color-navy);background:var(--ds-alpha-white-82);font-size:.92rem;font-weight:var(--ds-font-weight-bold);cursor:pointer}.audio-cue-button svg{width:17px;height:17px}.audio-cue-button.is-enabled{border-color:var(--ds-alpha-success-55);color:var(--ds-color-success-text);background:var(--ds-alpha-success-10)}.player-lobby__audio{margin-top:18px}@keyframes status-pulse{50%{transform:scale(.7);opacity:.55}}@media(max-width:680px){.host-lobby__header{padding:calc(18px + var(--safe-top)) calc(20px + var(--safe-right)) 18px calc(20px + var(--safe-left));font-size:.9rem}.host-lobby__brand{font-size:2rem}.host-lobby__stage{padding:22px calc(18px + var(--safe-right)) calc(34px + var(--safe-bottom)) calc(18px + var(--safe-left))}.host-lobby h1{font-size:2.55rem}.host-lobby__url{font-size:1.05rem}.host-lobby__code{font-size:clamp(3.3rem,17vw,4.8rem)}.host-lobby__actions{display:grid;gap:16px;justify-content:stretch}.host-lobby__start{grid-row:1}.host-lobby__end{justify-self:center}.player-lobby{min-height:100%;padding:12px 10px calc(14px + var(--safe-bottom))}.player-lobby__quiz{margin-bottom:8px;font-size:.92rem}.player-lobby h1{font-size:clamp(2rem,9vw,3rem);letter-spacing:var(--ds-letter-tight-sm)}.player-lobby>p:not(.player-lobby__quiz){margin:14px auto 20px;font-size:.98rem;line-height:1.45}.player-lobby__status{padding:10px 14px;border-width:var(--ui-border-soft);font-size:.92rem}.player-lobby__status span{width:9px;height:9px}.player-lobby__audio{margin-top:14px}.player-lobby__audio.audio-cue-button,.player-lobby__audio .audio-cue-button{min-height:34px;padding-inline:12px;font-size:.82rem}}@media(prefers-reduced-motion:reduce){.player-lobby__status span{animation:none}}.game-header{display:grid;grid-template-columns:1fr minmax(260px,520px) auto;align-items:center;gap:40px;min-height:116px;padding:calc(24px + var(--safe-top)) calc(4vw + var(--safe-right)) 24px calc(4vw + var(--safe-left));color:var(--color-white);background:var(--color-navy)}.game-header__brand{color:inherit;font-size:clamp(2rem,3vw,3rem);font-weight:800;letter-spacing:-.08em}.game-header__brand:first-letter{color:var(--color-accent)}.game-header__progress{display:grid;gap:14px}.game-header__progress strong{font-size:clamp(1rem,1.5vw,1.35rem)}.game-header__progress>span{display:flex;gap:7px}.game-header__progress i{width:100%;height:6px;background:var(--color-white)}.game-header__progress i.is-complete{background:var(--color-accent)}.game-header__timer{display:grid;width:76px;height:76px;place-items:center;border:6px solid var(--color-accent);border-radius:50%;font-size:1.75rem;font-weight:800}.game-header__timer--urgent{border-color:var(--ds-color-warning);color:var(--color-white);background:var(--ds-color-danger);box-shadow:0 0 0 0 var(--ds-alpha-danger-42);animation:timer-urgent-pulse .78s ease-in-out infinite}@keyframes timer-urgent-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 var(--ds-alpha-danger-42)}50%{transform:scale(1.08);box-shadow:0 0 0 10px transparent}}.host-game{min-height:100svh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:var(--color-white)}.host-game__stage{display:grid;align-content:center;gap:36px;padding:42px 4vw}.host-game__question{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:54px}.host-game__question h1{margin:0;font-size:clamp(2.6rem,5vw,5.1rem);letter-spacing:-.055em;line-height:1.03}.host-game__clock{display:grid;width:200px;height:200px;place-content:center;border:9px solid var(--color-accent);border-radius:50%;text-align:center}.host-game__clock strong{font-size:5rem;line-height:.95}.host-game__clock span{margin-top:8px;font-size:1.1rem;font-weight:700}.host-game__clock.is-closed{border-color:var(--color-blue)}.host-game__answers{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}.host-game__answers>div{display:grid;grid-template-columns:92px 1fr auto;align-items:center;min-height:126px;border:3px solid var(--color-navy);border-radius:12px;overflow:hidden}.host-game__answers span{display:grid;align-self:stretch;place-items:center;color:var(--color-white);background:var(--color-blue);font-size:2.4rem;font-weight:800}.host-game__answers strong{padding:24px 32px;font-size:clamp(1.5rem,2.5vw,2.5rem)}.host-game__answers small{min-width:64px;color:var(--color-accent);font-size:1.75rem;font-weight:800}.host-game__answers>div.is-correct{border-color:var(--ds-color-success);background:var(--ds-alpha-success-08);box-shadow:0 0 0 2px var(--ds-alpha-success-18),var(--ui-shadow-success)}.host-game__answers>div.is-correct span{background:var(--ds-color-success)}.host-game__answers>div.is-correct small{color:var(--ds-color-success)}.host-game__open-answer{padding:50px;border:3px dashed var(--color-blue);border-radius:12px;font-size:1.5rem;text-align:center}.host-game__footer{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:140px;padding:26px calc(4vw + var(--safe-right)) calc(26px + var(--safe-bottom)) calc(4vw + var(--safe-left));color:var(--color-white);background:var(--color-navy)}.host-game__footer p{display:flex;align-items:center;gap:14px;margin:0;font-size:1.35rem}.host-game__footer svg{width:34px;height:34px}.host-game__footer-actions{display:flex;gap:14px}.host-game__ready{display:grid;width:min(900px,90vw);place-self:center;justify-items:center;text-align:center}.host-game__ready p{margin:0 0 22px;color:var(--color-accent);font-weight:800}.host-game__ready h1{margin:0;font-size:clamp(3rem,7vw,6rem);letter-spacing:-.06em;line-height:1}.host-game__ready span{margin:28px 0;color:var(--color-muted);font-weight:700}.host-auto-toggle{display:inline-flex;gap:10px;align-items:center;margin:8px 0 18px;color:var(--color-navy);font-weight:800}.host-auto-toggle input{width:20px;height:20px;accent-color:var(--color-accent)}.host-auto-toggle--footer{margin:14px 0 0;color:var(--color-white)}.host-auto-panel{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px;border:1px solid var(--ds-alpha-white-28);border-radius:10px;background:var(--ds-alpha-white-08);font-weight:800}.host-auto-panel.is-urgent{border-color:var(--ds-color-warning);background:var(--ds-alpha-danger-22);animation:timer-urgent-pulse var(--ds-duration-pulse) ease-in-out infinite}.host-auto-panel button{min-height:42px;padding:0 14px;font-size:.92rem}.player-game{min-height:100svh;min-height:100dvh;background:var(--color-white)}.player-game__stage{display:grid;gap:26px;padding:52px max(28px,6vw) 36px}.player-game__tools{display:flex;justify-content:flex-end;min-height:42px}.player-game__stage h1{margin:0 0 14px;font-size:clamp(2.25rem,10vw,3.5rem);letter-spacing:-.055em;line-height:1.08}.player-game__answers{display:grid;gap:18px}.player-game__answers button{display:grid;grid-template-columns:76px 1fr;align-items:center;min-height:86px;padding:0;overflow:hidden;border:3px solid var(--color-navy);border-radius:12px;color:var(--color-navy);background:var(--color-white);text-align:left;cursor:pointer}.player-game__answers button span{display:grid;align-self:stretch;place-items:center;color:var(--color-white);background:var(--color-blue);font-size:1.7rem;font-weight:800}.player-game__answers button strong{padding:18px 24px;font-size:1.4rem}.player-game__answers button.is-selected{border-color:var(--color-accent);color:var(--color-navy);background:var(--ds-alpha-accent-08)}.player-game__answers button.is-selected span{color:var(--color-white);background:var(--color-accent)}.player-game__answers button[aria-pressed=true]{transform:translateY(-1px);box-shadow:var(--ui-shadow-selected)}.player-game__answers button:disabled{cursor:default;opacity:.78}.player-game__stage textarea{min-height:180px;resize:vertical;padding:22px;border:3px solid var(--color-navy);border-radius:12px;font-size:1.25rem}.player-game__hint{display:flex;align-items:center;gap:14px;margin:8px 0 0;line-height:1.4}.player-game__hint svg{flex:0 0 auto;width:32px;height:32px;color:var(--color-accent)}.player-game--waiting{display:grid;grid-template-rows:auto 1fr}.player-game--waiting main{display:grid;gap:14px;place-content:center;justify-items:center;padding:40px;text-align:center}.player-game--waiting main>span{display:grid;width:112px;height:112px;place-items:center;border:8px solid var(--color-accent);border-radius:50%;font-size:3rem;font-weight:800}.player-game--waiting h1{max-width:600px;font-size:clamp(2.5rem,8vw,5rem);letter-spacing:-.06em}.question-start-notice{position:fixed;z-index:20;top:calc(18px + var(--safe-top));left:50%;transform:translate(-50%);padding:12px 18px;border-radius:999px;color:var(--color-white);background:var(--color-accent);font-weight:800;box-shadow:0 16px 38px var(--ds-alpha-brand-22);animation:question-notice-in 1.2s ease both}@keyframes question-notice-in{0%{opacity:0;transform:translate(-50%,-12px) scale(.96)}18%,82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}.leaderboard{display:grid;gap:0;margin:0;padding:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:60px 1fr auto;align-items:center;min-height:64px;padding:0 22px;border-bottom:1px solid var(--ds-alpha-brand-16)}.leaderboard li>strong,.leaderboard li>b{font-size:1.2rem}.leaderboard li.is-current{color:var(--color-accent);background:var(--ds-alpha-accent-08)}.interim-results,.player-interim{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}.interim-results main{width:min(900px,90vw);align-self:center;justify-self:center}.interim-results h1,.player-interim h1{margin:0 0 30px;font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.06em}.interim-results footer{display:flex;justify-content:flex-end;gap:14px;padding:24px 4vw;background:var(--color-navy)}.player-interim main{display:grid;align-content:center;padding:40px max(26px,6vw)}.player-interim main>p{margin-top:28px;color:var(--color-muted);text-align:center}.player-feedback{min-height:100svh}.player-feedback main{display:grid;justify-items:center;padding:56px 28px;text-align:center}.player-feedback main>span{display:grid;width:112px;height:112px;place-items:center;border:8px solid currentColor;border-radius:50%;font-size:1.6rem;font-weight:800}.player-feedback .is-correct{color:var(--color-accent)}.player-feedback .is-wrong{color:var(--color-blue)}.player-feedback h1{margin:34px 0 6px;font-size:1.15rem}.player-feedback h1+p{margin:0;font-size:2rem;font-weight:800}.player-feedback main>div{display:grid;margin:38px 0 22px}.player-feedback main>div strong{color:var(--color-accent);font-size:4.5rem;line-height:1}.player-feedback main>div span{font-weight:700}.player-feedback small{margin-top:24px;color:var(--color-muted)}.host-results{min-height:100svh;background:var(--color-white)}.host-results>header,.player-results>header{min-height:90px;padding:22px 3vw;color:var(--color-white);background:var(--color-navy)}.host-results__content{width:min(1440px,94vw);margin:0 auto;padding:28px 0 34px}.host-results h1{margin:0 0 6px;font-size:clamp(3.5rem,6vw,5.4rem);letter-spacing:-.065em}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;width:min(1060px,85vw);min-height:270px;margin:0 auto 18px}.podium__place{display:grid;place-content:center;justify-items:center;min-height:200px;padding:22px;color:var(--color-white);background:var(--color-blue);text-align:center}.podium__place--1{min-height:270px;background:var(--color-navy)}.podium__place--3{min-height:175px;background:var(--color-accent)}.podium__place>strong{font-size:4.5rem;line-height:.9}.podium__place>span{margin:10px 0;font-size:1.8rem;font-weight:800}.podium__place>small{padding-top:10px;border-top:2px solid var(--color-white);font-size:1rem;font-weight:700}.host-results h2{margin:8px 0 10px;font-size:1.65rem}.results-table-wrap{overflow-x:auto;border:1px solid var(--ds-alpha-brand-20);border-radius:8px}.host-results__actions{display:flex;gap:16px;margin-top:20px}.player-results{min-height:100svh;color:var(--color-navy);background:var(--color-white)}.player-results>section{display:grid;padding:30px max(28px,7vw) 16px}.player-results h1{margin:0;font-size:clamp(2rem,8vw,3.2rem);letter-spacing:-.05em}.player-results__rank{margin:18px 0 12px;padding-bottom:16px;border-bottom:2px solid var(--ds-alpha-accent-50);font-size:clamp(3rem,15vw,6rem);font-weight:800;line-height:.9}.player-results__rank strong{color:var(--color-accent);font-size:1.5em}.player-results__rank sup{font-size:.35em}.player-results__points{margin:0;padding-bottom:14px;border-bottom:2px solid var(--ds-alpha-accent-50);font-size:2rem;font-weight:800}.player-results__points strong{color:var(--color-accent);font-size:2em}.player-results__summary{display:grid;grid-template-columns:1fr 1fr;padding:14px 0;border-bottom:2px solid var(--ds-alpha-accent-35)}.player-results__summary p{display:flex;align-items:center;gap:12px;margin:0}.player-results__summary p+p{padding-left:20px;border-left:2px solid var(--ds-alpha-accent-50)}.player-results__summary svg{width:36px;height:36px;color:var(--color-accent)}.player-results__summary span{display:grid}.player-results h2{margin:16px 0 6px}.player-results .leaderboard li{padding-inline:12px}.player-results .leaderboard li{min-height:56px}.player-results>section>a{display:grid;min-height:60px;place-items:center;margin-top:16px;border-radius:8px;color:var(--color-white);background:var(--color-navy);font-weight:800;text-decoration:none}@media(max-width:1000px){.host-game__question{grid-template-columns:150px 1fr;gap:30px}.host-game__clock{width:140px;height:140px}.host-game__clock strong{font-size:3.6rem}}@media(max-width:700px){.game-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:68px;padding:calc(10px + var(--safe-top)) calc(14px + var(--safe-right)) 10px calc(14px + var(--safe-left))}.game-header__brand{font-size:1.65rem;letter-spacing:var(--ds-letter-tight-md)}.game-header__progress{gap:7px;text-align:center}.game-header__progress strong{font-size:.82rem;font-weight:var(--ds-font-weight-bold)}.game-header__progress>span{gap:5px}.game-header__progress i{height:3px;border-radius:var(--ds-radius-round);opacity:.7}.game-header__timer{width:44px;height:44px;border-width:var(--ui-border-strong);font-size:1rem}.player-game__stage{gap:12px;padding:12px calc(14px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(14px + var(--safe-left))}.player-game__tools{min-height:28px;justify-content:flex-start;order:3}.player-game__tools .audio-cue-button{min-height:28px;padding-inline:9px;border-width:var(--ui-border-soft);font-size:.76rem}.player-game__tools .audio-cue-button svg{width:14px;height:14px}.player-game__stage h1{margin-bottom:0;font-size:clamp(1.45rem,6vw,2rem);letter-spacing:var(--ds-letter-tight-sm);line-height:1.14}.player-game__answers{gap:8px}.player-game__answers button,.host-game__answers>div{min-height:var(--ui-card-min-height);border-width:var(--ui-border-strong);border-radius:var(--ui-radius-card);background:var(--ds-color-surface)}.player-game__answers button{grid-template-columns:44px 1fr}.player-game__answers button span,.host-game__answers span{align-self:center;width:var(--ui-letter-size);height:var(--ui-letter-size);margin-left:8px;border-radius:var(--ds-radius-round);background:var(--color-blue);font-size:.95rem}.player-game__answers button strong{padding:10px 12px 10px 4px;font-size:.98rem;line-height:1.25}.player-game__answers button.is-selected{background:var(--ds-alpha-accent-08)}.player-game__answers button.is-selected span{background:var(--color-accent)}.player-game__hint{gap:8px;margin-top:0;color:var(--ds-color-text-muted);font-size:.82rem;line-height:1.35}.player-game__hint svg{width:18px;height:18px}.player-game__stage textarea{min-height:132px;padding:var(--ui-card-padding);border-width:var(--ui-border-strong);border-radius:var(--ui-radius-card);font-size:1rem}.host-results__actions{flex-direction:column}.player-results__summary{font-size:.9rem}.host-game__stage{align-content:start;gap:12px;padding:14px calc(14px + var(--safe-right)) 12px calc(14px + var(--safe-left))}.host-game__question{grid-template-columns:1fr;gap:10px;justify-items:start;text-align:left}.host-game__clock{display:none}.host-game__question h1{font-size:clamp(1.5rem,6vw,2.1rem);letter-spacing:var(--ds-letter-tight-sm);line-height:1.14}.host-game__answers{grid-template-columns:1fr;gap:8px}.host-game__answers>div{grid-template-columns:44px 1fr auto}.host-game__answers strong{padding:10px 12px 10px 4px;font-size:.98rem;line-height:1.25}.host-game__answers small{min-width:34px;padding-right:12px;font-size:1rem;text-align:right}.host-game__answers>div.is-correct{box-shadow:0 0 0 1px var(--ds-alpha-success-18),var(--ui-shadow-success)}.host-game__answers>div.is-correct span{color:var(--color-white);background:var(--ds-color-success)}.host-game__open-answer{padding:22px 16px;border-width:var(--ui-border-strong);border-radius:var(--ui-radius-card);color:var(--ds-color-text-muted);font-size:1rem}.host-game__footer{flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:10px calc(14px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(14px + var(--safe-left))}.host-game__footer p{justify-content:center;font-size:.92rem}.host-game__footer svg{width:20px;height:20px}.host-game__footer button{width:100%;min-height:var(--ui-control-height);padding:0 16px;border-radius:var(--ui-radius-control);font-size:1rem}.host-game__footer-actions{flex-direction:column;gap:8px}.host-auto-toggle{gap:8px;margin:6px 0 10px;font-size:.9rem}.host-auto-toggle input{width:16px;height:16px}.host-auto-toggle--footer{justify-content:center;margin-top:8px}.host-auto-panel{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 10px;border-radius:var(--ui-radius-control);font-size:.82rem;text-align:left}.host-auto-panel button{width:auto;min-height:34px;padding:0 10px;font-size:.78rem;white-space:nowrap}.host-auto-panel.is-urgent{animation:none}.host-game__ready{padding:0 6px}.host-game__ready h1{font-size:clamp(1.7rem,8vw,2.6rem);letter-spacing:var(--ds-letter-tight-sm);line-height:1.12}.host-game__ready span{margin:16px 0}.host-game__ready button{width:100%;min-height:var(--ui-control-height);font-size:1rem}.interim-results main{width:min(560px,92vw);padding:0 4px}.interim-results footer{flex-direction:column;padding:18px 20px}.interim-results footer button{width:100%}.podium{width:100%;min-height:0}.podium__place>strong{font-size:3rem}.podium__place>span{font-size:1.2rem}.podium__place{min-height:150px;padding:14px 8px}.podium__place--1{min-height:190px}.podium__place--3{min-height:125px}}