:root{color-scheme:light;--cp-bg: #f7f4ef;--cp-bg-elevated: #fcfbf8;--cp-surface: #ffffff;--cp-surface-soft: #f5f5f5;--cp-border: #dedede;--cp-border-strong: #919191;--cp-text: #242424;--cp-text-muted: #5c5c5c;--cp-text-soft: #6f6f6f;--cp-accent: #b11f4b;--cp-accent-hover: #9a1a41;--cp-accent-soft: rgba(177, 31, 75, .08);--cp-accent-fg: #ffffff;--cp-success: #16a34a;--cp-danger: #dc2626;--cp-warning: #f59e0b;--cp-link: #0078d4;--cp-shadow: 0 18px 48px rgba(0, 0, 0, .12);--cp-overlay: rgba(255, 255, 255, .8);--cp-panel: rgba(255, 255, 255, .86);--cp-panel-strong: rgba(255, 255, 255, .96);--cp-sheen: rgba(255, 255, 255, .55);--cp-highlight: rgba(177, 31, 75, .12);--radius: .75rem;--radius-sm: .5rem}html[data-theme=dark]{color-scheme:dark;--cp-bg: #3d3b3a;--cp-bg-elevated: #343231;--cp-surface: #292929;--cp-surface-soft: #2e2e2e;--cp-border: #474747;--cp-border-strong: #5f5f5f;--cp-text: #dedede;--cp-text-muted: #919191;--cp-text-soft: #b0b0b0;--cp-accent: #fd8ea1;--cp-accent-hover: #fb7b91;--cp-accent-soft: rgba(253, 142, 161, .14);--cp-accent-fg: #1a1a1a;--cp-success: #4ade80;--cp-danger: #f87171;--cp-warning: #fbbf24;--cp-link: #4da6ff;--cp-shadow: 0 18px 48px rgba(0, 0, 0, .32);--cp-overlay: rgba(41, 41, 41, .88);--cp-panel: rgba(41, 41, 41, .72);--cp-panel-strong: rgba(41, 41, 41, .96);--cp-sheen: rgba(255, 255, 255, .04);--cp-highlight: rgba(253, 142, 161, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cp-bg);color:var(--cp-text);font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}a{color:inherit}button{font:inherit}h1,h2,h3{letter-spacing:-.04em}.skip-link{position:fixed;z-index:40;top:12px;left:12px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--cp-accent);color:var(--cp-accent-fg);font-weight:750;text-decoration:none;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.shell-narrow{width:min(720px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--cp-border);background:var(--cp-overlay);backdrop-filter:blur(14px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.25rem;font-weight:800;letter-spacing:-.04em;color:inherit}.logo-mark{width:36px;height:36px;flex:0 0 auto;color:var(--cp-accent)}.nav-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-link{padding:8px 12px;color:var(--cp-text-muted);text-decoration:none;font-weight:650;border-radius:var(--radius-sm)}.nav-link:hover{color:var(--cp-text)}.nav-link.active{color:var(--cp-accent)}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--cp-border);border-radius:var(--radius-sm);background:var(--cp-surface);color:var(--cp-text);cursor:pointer}.icon-button:hover{border-color:var(--cp-border-strong)}:focus-visible{outline:0;box-shadow:0 0 0 4px var(--cp-highlight);border-radius:var(--radius-sm)}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid var(--cp-border);border-radius:var(--radius-sm);background:var(--cp-surface);color:var(--cp-text);text-decoration:none;font-weight:750;cursor:pointer}.button:hover{border-color:var(--cp-border-strong)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{border-color:var(--cp-accent);background:var(--cp-accent);color:var(--cp-accent-fg)}.button.primary:hover:not(:disabled){border-color:var(--cp-accent-hover);background:var(--cp-accent-hover)}.button.danger{border-color:var(--cp-danger);color:var(--cp-danger)}.button.small{min-height:38px;padding:6px 12px;font-size:.9rem}.button.block{width:100%}.card{border:1px solid var(--cp-border);border-radius:var(--radius);background:var(--cp-surface);padding:24px}.card.soft{background:var(--cp-bg-elevated)}.grid{display:grid;gap:20px}.grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row.between{justify-content:space-between}.page{padding-block:40px 80px}.page-title{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 4px}.muted{color:var(--cp-text-muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 10px;border:1px solid var(--cp-border);border-radius:999px;background:var(--cp-surface);color:var(--cp-text-muted);font-size:.82rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--cp-success)}.accent-text{color:var(--cp-accent)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:750;border:1px solid var(--cp-border);background:var(--cp-surface-soft)}.badge.success{color:var(--cp-success);border-color:color-mix(in srgb,var(--cp-success) 40%,transparent)}.badge.warning{color:var(--cp-warning)}.badge.accent{color:var(--cp-accent);background:var(--cp-accent-soft);border-color:color-mix(in srgb,var(--cp-accent) 30%,transparent)}label{font-weight:650;display:block;margin-bottom:6px}.input,.textarea,.select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--cp-border);border-radius:var(--radius-sm);background:var(--cp-surface);color:var(--cp-text);font:inherit}.textarea{min-height:96px;resize:vertical}.field{margin-bottom:16px}.hint{color:var(--cp-text-soft);font-size:.85rem;margin-top:4px}.error-text{color:var(--cp-danger);font-size:.9rem}.toast-region{position:fixed;z-index:60;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{border:1px solid var(--cp-border);border-left:4px solid var(--cp-accent);border-radius:var(--radius-sm);background:var(--cp-panel-strong);box-shadow:var(--cp-shadow);padding:12px 16px;font-weight:600}.toast.error{border-left-color:var(--cp-danger)}.toast.success{border-left-color:var(--cp-success)}.site-footer{border-top:1px solid var(--cp-border);padding-block:28px;margin-top:40px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--cp-text-muted);font-size:.9rem}.hero{min-height:560px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:64px;padding-block:72px 56px}.hero h1{max-width:700px;margin:0;font-size:clamp(3rem,7vw,6rem);line-height:.92;letter-spacing:-.075em}.hero-copy{max-width:620px;margin:26px 0 0;color:var(--cp-text-muted);font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.quiz-preview{position:relative;max-width:440px;margin-inline:auto}.quiz-card{position:relative;z-index:2;overflow:hidden;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface);box-shadow:var(--cp-shadow)}.quiz-card-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--cp-border)}.quiz-body{padding:26px}.quiz-emoji{width:60px;height:60px;display:grid;place-items:center;margin-bottom:20px;border-radius:16px;background:var(--cp-accent-soft);font-size:1.9rem}.quiz-body h2{margin:0;font-size:1.6rem;line-height:1.15}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.answer{min-height:54px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--cp-border);border-radius:var(--radius-sm);background:var(--cp-bg-elevated);font-weight:650}.answer-key{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:.375rem;background:var(--cp-accent-soft);color:var(--cp-accent);font-size:.78rem;font-weight:800}.decorative-tile{position:absolute;z-index:1;width:120px;height:120px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-accent-soft);transform:rotate(10deg)}.tile-one{top:-24px;right:-28px}.tile-two{bottom:-26px;left:-30px;transform:rotate(-8deg)}.section{padding-block:72px}.section-heading{margin-bottom:32px}.section-heading p{color:var(--cp-accent);font-weight:750;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}.category-card{display:flex;gap:16px;padding:22px;border:1px solid var(--cp-border);border-radius:var(--radius);background:var(--cp-surface)}.category-icon{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:var(--cp-accent-soft);font-size:1.5rem}.play-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(680px,100%);margin-top:24px}.answer-tile{min-height:96px;border:2px solid var(--cp-border);border-radius:var(--radius);background:var(--cp-surface);color:var(--cp-text);font-size:1.1rem;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px}.answer-tile:hover:not(:disabled){border-color:var(--cp-accent)}.answer-tile.selected{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.answer-tile.correct{border-color:var(--cp-success);background:color-mix(in srgb,var(--cp-success) 14%,transparent)}.answer-tile.incorrect{border-color:var(--cp-danger);opacity:.7}.answer-tile:disabled{cursor:default}.timer-bar{width:min(680px,100%);height:10px;border-radius:999px;background:var(--cp-surface-soft);overflow:hidden;margin-top:8px}.timer-fill{height:100%;background:var(--cp-accent);transition:width 1s linear}.big-pin{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;letter-spacing:.3em;color:var(--cp-accent);margin:8px 0}.host-lobby-access{width:min(760px,100%);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;text-align:left}.host-lobby-access .big-pin{font-size:clamp(2.5rem,6vw,4.5rem)}.join-link{color:var(--cp-link);overflow-wrap:anywhere}.join-qr{width:244px;min-height:244px;display:grid;place-items:center;padding:12px;border:1px solid var(--cp-border);border-radius:var(--radius);background:var(--cp-surface)}.join-qr svg{display:block;width:100%;height:auto}@media(max-width:680px){.host-lobby-access{grid-template-columns:1fr;justify-items:center;text-align:center}.join-qr{width:min(244px,100%)}}.leaderboard{width:min(560px,100%);margin-top:20px}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--cp-border);border-radius:var(--radius-sm);background:var(--cp-surface);margin-bottom:8px}.leaderboard-rank{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:var(--cp-accent-soft);color:var(--cp-accent);font-weight:800}.leaderboard-score{margin-left:auto;font-weight:800}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--cp-border);font-size:.92rem}.table th{color:var(--cp-text-muted);font-weight:700}.pill-count{font-variant-numeric:tabular-nums}.center{text-align:center}.spinner{width:28px;height:28px;border:3px solid var(--cp-border);border-top-color:var(--cp-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:40px}}@media(max-width:560px){.answer-grid,.answers{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}