:root{color:#111114;font-synthesis:none;--text:#111114;--surface:#fff;--muted:#6e6e73;--border:#e5e5ea;--fill:#f2f2f7;--primary:#f36;--primary-pressed:#e62657;--link:#d61f50;--focus:#d61f50;--error:#b42318;--accent:#b26a00;--pink:#ffe4ec;--lilac:#efe7ff;--mint:#e1f6ec;--sky:#e3efff;--peach:#ffeedc;--lemon:#fff6cc;--radius-card:24px;--radius-row:20px;--radius-field:14px;--shadow:0 1px 2px #1111140a, 0 8px 24px #11111414;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.45}*{box-sizing:border-box}body{background:#fff;min-width:320px;margin:0}a{color:var(--link);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.page:focus{outline:none}.header,.page,.footer{padding-left:max(16px, var(--safe-area-inset-left,env(safe-area-inset-left,0px)));padding-right:max(16px, var(--safe-area-inset-right,env(safe-area-inset-right,0px)))}.header{max-width:1160px;padding-top:calc(24px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));justify-content:space-between;align-items:center;gap:16px;margin:auto;padding-bottom:12px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;min-height:48px;font-weight:700;text-decoration:none;display:flex}.brand img{width:auto;height:48px;display:block}.brand small{letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:500;display:block}nav{gap:4px;display:flex}nav a{white-space:nowrap;min-height:44px;color:var(--text);border-radius:999px;place-items:center;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none;display:grid}nav a:hover{background:var(--fill)}nav a[aria-current=page]{background:var(--fill);color:var(--link)}.page{max-width:1160px;margin:auto;padding-bottom:48px}.hero{max-width:790px;padding:64px 0 56px}.eyebrow{color:var(--link);text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-size:13px;font-weight:700}h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 16px;font-size:max(30px,min(4.5vw,40px));font-weight:700;line-height:1.12}h2{margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.25}h3{margin:12px 0 8px;font-size:18px;font-weight:600}p{max-width:70ch;margin:0 0 16px}.lead{color:var(--muted);max-width:58ch;font-size:19px}.button{background:var(--primary);color:#fff;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 26px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #ff336647}.button:hover{background:var(--primary-pressed);color:#fff}.button.secondary{color:var(--text);background:var(--fill);box-shadow:none;font-size:17px;font-weight:600}.button.secondary:hover{background:#e8e8ee}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.muted{color:var(--muted);font-size:15px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow);border:0;padding:20px}.card p{color:var(--muted);margin-bottom:0}.card-number{color:var(--link);letter-spacing:.08em;font-size:14px}.notice{background:var(--lilac);color:#2e1a5c;border-radius:18px;margin-top:24px;padding:16px 18px}.notice h2{font-size:18px}.notice p{color:inherit;margin:0;font-size:16px}.content{max-width:820px;padding-top:32px}.content .card h2:not(:first-child){margin-top:24px}.content .button{margin-top:16px}.footer{max-width:1160px;padding-top:24px;padding-bottom:calc(24px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;gap:16px;margin:auto;font-size:14px;display:flex}.skip-link{z-index:10;background:#fff;border-radius:12px;padding:12px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}@media (max-width:767px){.header{flex-wrap:wrap;gap:8px}nav{width:100%}nav a{flex:1;padding:8px 6px}.hero{padding-top:40px;padding-bottom:40px}.section-heading{margin-bottom:24px;display:block}.cards{grid-template-columns:1fr}.button{width:100%}.footer{flex-direction:column}.lead{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.form{gap:16px;margin:24px 0;display:grid}.form fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.form label{gap:6px;min-width:0;font-weight:600;display:grid}.form label.choice{align-items:flex-start;gap:12px;display:flex}.choice input{width:24px;height:24px;min-height:24px;accent-color:var(--primary);flex:0 0 24px;margin-top:3px;padding:0}input,select,textarea{font:inherit;border-radius:var(--radius-field);background:var(--fill);width:100%;min-width:0;min-height:52px;color:var(--text);border:2px solid #0000;padding:10px 16px}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}textarea{resize:vertical}button{cursor:pointer;font:inherit;border:0}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:default}.button:disabled,a.button[aria-disabled=true]{box-shadow:none}.actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.event-list{gap:16px;margin:24px 0;display:grid}.event-list h3{overflow-wrap:anywhere}.error{color:var(--error)}.user-text{white-space:pre-wrap;overflow-wrap:anywhere}.nav-button{min-height:44px;color:var(--link);background:0 0;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600}.nav-button:hover{background:var(--fill)}.content h2{margin-top:28px}details.card summary{min-height:32px}.results-ranking{padding-left:0;list-style:none}.results-ranking li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:12px 0}.user-content{white-space:pre-wrap;overflow-wrap:anywhere}.media-preview{object-fit:contain;border-radius:18px;max-width:100%;max-height:320px;display:block}.emergency-blank{z-index:2;background:#522b2b;position:sticky;top:.5rem}.brand-icon{background-blend-mode:multiply;background-position:50%;background-size:cover;border-radius:30%;flex:none;display:inline-block}.event-cover{aspect-ratio:16/9;border-radius:var(--radius-card);background:#f2f2f7 50%/cover no-repeat;width:100%;max-height:320px;margin:0 0 20px;display:block}.empty-art{mix-blend-mode:multiply;background:50%/contain no-repeat;width:160px;height:160px;margin:0 auto 12px}.share-art{mix-blend-mode:multiply;background:50%/contain no-repeat;width:140px;height:140px;margin:0 auto}.challenge-art{aspect-ratio:5/3;background:#f2f2f7 50%/cover no-repeat;border-radius:20px;width:100%;margin:0 0 14px}.home-page{max-width:none;padding:0!important}.welcome{min-height:100vh;min-height:100dvh;padding:calc(40px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 24px calc(28px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));color:#fff;background:#3a2a2a;flex-direction:column;justify-content:space-between;gap:24px;margin:0;display:flex;position:relative;overflow:hidden}.welcome-photo{background:50% 40%/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.welcome:before,.welcome:after{content:"";pointer-events:none;position:absolute;left:0;right:0}.welcome:before{background:linear-gradient(#fff4ea8c,#fff4ea00);height:40%;top:0}.welcome:after{background:linear-gradient(#11111400,#11111499);height:45%;bottom:0}.welcome>:not(.welcome-photo){z-index:1;position:relative}.welcome-title{text-align:center;color:var(--text);margin:0}.welcome-logo{filter:drop-shadow(0 2px 10px #ffffffd9);width:min(300px,72%);height:auto;margin:0 auto;display:block}.welcome-text{text-align:center;width:100%;max-width:440px;margin:0 auto}.welcome-actions{gap:12px;display:grid}.welcome-actions .button{width:100%;margin:0}.welcome-actions .button.secondary{color:var(--text);background:#fff;font-size:19px;font-weight:700;box-shadow:0 6px 18px #11111426}.welcome-more{flex-wrap:wrap;justify-content:center;gap:0 18px;margin-top:10px;display:flex}.welcome-more a{color:#fff;text-shadow:0 1px 8px #11111499;align-items:center;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}.role-card{align-items:flex-start;gap:14px;display:flex}.role-card h3{margin-top:4px}.color-list{gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.color-row{border-radius:var(--radius-row);min-height:76px;color:var(--text);align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex}a.color-row:hover{filter:brightness(.97);color:var(--text)}.color-row .brand-icon{background-color:#ffffffa6!important}.color-row strong{font-weight:600;display:block}.choice.color-row strong{display:inline}.color-row small{color:#3a3a3f;font-size:14px;display:block}.color-row .row-title{font-weight:600}.color-row .row-status{color:#3a3a3f;font-weight:500}.color-row .chevron{color:#3a3a3f;margin-left:auto;font-size:22px}.badge{background:#ffffffbf;border-radius:999px;margin-top:4px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.type-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:14px;margin:24px 0;display:grid}.type-choice{text-align:center;font:inherit;color:var(--text);cursor:pointer;min-height:48px;box-shadow:none;border:2px solid #0000;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 12px;display:flex}.type-choice:hover{border-color:var(--primary)}.type-choice:focus-visible{border-color:var(--primary)}.type-choice strong{font-size:17px;font-weight:600}.type-choice span:not(.brand-icon){color:#3a3a3f;font-size:13px;line-height:1.35}.type-choice .brand-icon{background-color:#ffffff8c!important}.chosen-type{align-items:center;gap:14px;display:flex}.display-stage{color:#fff;text-align:center;background:#111114;justify-content:center;align-items:center;padding:3vh 4vw;font-size:max(1rem,min(2vw,2.5rem));display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.display-stage h1{color:inherit;margin:0 0 3vh;font-size:max(1.6rem,min(3.5vw,4rem))}.display-stage p{max-width:none;margin:1vh 0}.display-stage blockquote{overflow-wrap:anywhere;max-width:88vw;margin:0;font-size:max(1rem,min(2.4vw,3rem))}.display-stage blockquote footer{margin-top:2vh;font-size:.7em}.display-stage figure{flex-direction:column;align-items:center;width:92vw;height:94vh;margin:0;display:flex}.display-stage figure img{object-fit:contain;border-radius:2vh;width:100%;height:85vh;min-height:0}.display-stage figcaption{overflow-wrap:anywhere;font-size:max(1rem,min(1.6vw,2rem))}.display-stage .button{font-size:max(1rem,min(1.6vw,1.6rem))}.display-logo{background:#fff;border-radius:3vh;padding:1vh 2vw;display:inline-flex}.display-logo img{mix-blend-mode:multiply;width:auto;height:9vh;display:block}.display-announcement{overflow-wrap:anywhere;max-width:90vw}.display-quiz{width:90vw}.display-options{grid-template-columns:1fr 1fr;gap:2vh 2vw;display:grid}.display-options div{overflow-wrap:anywhere;background:#1f1f23;border:2px solid #3a3a40;border-radius:2.5vh;padding:2vh 1vw}.display-options .correct{background:#d61f50;border-color:#fff}.display-results{grid-template-columns:1fr 1fr;gap:.5vh 3vw;width:88vw;display:grid}.display-results h1{grid-column:1/-1}.display-results p{text-align:left;border-bottom:1px solid #3a3a40;justify-content:space-between;gap:1vw;font-size:max(1rem,min(2vw,2.4rem));display:flex}.suspects-secret{color:var(--link);text-align:center;overflow-wrap:anywhere;margin:16px 0;font-size:2.5rem;font-weight:700}.display-pairing{flex-direction:column;gap:2vh}.pair-code{letter-spacing:.15em;overflow-wrap:anywhere;font-size:max(1.5rem,min(4vw,5rem))}.export-checksum{overflow-wrap:anywhere;display:block}.demo-ribbon{background:var(--lemon);color:#4a3a00;border-radius:16px;margin:0 0 16px;padding:10px 14px}.demo-ribbon strong{letter-spacing:.08em;margin-right:8px}.demo-panel{background:#fff8e6;margin-top:16px}.demo-panel .actions{margin:12px 0}.event-nav{background:var(--fill);border-radius:999px;flex-wrap:wrap;gap:2px;margin:16px 0 0;padding:4px;display:flex}.event-nav a{text-align:center;color:#3a3a3f;overflow-wrap:normal;word-break:keep-all;hyphens:none;border-radius:999px;flex:1 1 0;place-items:center;min-width:0;min-height:44px;padding:6px 4px;font-size:15px;font-weight:600;text-decoration:none;display:grid}.event-nav a[aria-current=page]{color:var(--text);background:#fff;box-shadow:0 2px 8px #1111141f}.phase{margin-top:32px}.phase[data-current]>h2{color:var(--link)}.phase-now{color:var(--muted);font-size:16px;font-weight:400}.steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.step{border-left:0;padding:16px 20px}.step[data-status=todo]{box-shadow:none;background:#fff8ec}.step[data-status=done]{box-shadow:none;background:#f1faf5}.step .actions{margin:12px 0 0}.step .button{margin-top:12px}.step-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.step-head h3{margin:0 0 8px;font-size:18px}.step-mark{color:var(--muted);background:#fff;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.step[data-status=done] .step-mark{color:#0b6b45}.step[data-status=todo] .step-mark{color:#7a5420}.context-chip{background:var(--pink);overflow-wrap:anywhere;color:#5c0a26;border-radius:999px;margin:0 0 16px;padding:6px 14px;font-size:15px;font-weight:600;display:inline-block}.now-card{color:#fff;background:#d61f50;margin:16px 0;box-shadow:0 10px 28px #d61f504d}.now-card h2{color:#fff;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:13px}.now-card p{color:#fff;font-size:18px}.now-card a:not(.button){color:#fff}.now-card .button{color:#a3123f;box-shadow:none;background:#fff;margin-top:12px}.now-card .button:hover{color:#a3123f;background:#ffe4ec}.now-card .button.secondary{color:#fff;background:#ffffff2e}.tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin:24px 0;display:grid}.tile{text-align:left;background:var(--fill);min-height:128px;color:var(--text);overflow-wrap:anywhere;border:0;border-radius:28px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;font-weight:600;text-decoration:none;display:flex}.tile:hover{filter:brightness(.97);color:var(--text)}.tile .brand-icon{background-color:#fff9!important}.plain-list{margin:0 0 16px;padding-left:20px}.plain-list li{margin:8px 0}.advanced summary,.how summary{cursor:pointer;min-height:32px;font-weight:600}.how{margin:24px 0}.how p{margin-top:12px}.pair-qr{background:#fff;border-radius:16px;width:min(28vh,320px);height:auto}.deadline{background:var(--fill);border-radius:18px;margin:16px 0;padding:12px 16px}.deadline p{margin:0}.deadline strong{font-variant-numeric:tabular-nums;font-size:1.4em}.deadline-warning{background:#fff1d6}.deadline-warning [role=alert]{color:#6b4614;font-weight:600}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;margin:16px 0;padding:0;list-style:none;display:grid}.gallery-grid li{overflow-wrap:anywhere;flex-direction:column;gap:8px;padding:12px;display:flex}.gallery-grid img{aspect-ratio:1;object-fit:cover;background:var(--fill);border-radius:18px;width:100%}.gallery-grid .button{width:100%}.gallery-grid li.winner,.card.winners{box-shadow:0 0 0 3px var(--primary), var(--shadow)}.display-stage figure img{object-fit:contain;max-width:92vw;max-height:72vh}.display-waiting p,.display-clock p{justify-content:center;gap:2vw;margin:1vh 0;display:flex}.display-waiting strong{font-variant-numeric:tabular-nums;font-size:1.6em}.display-clock{opacity:.9;font-size:.7em;position:fixed;bottom:2vh;left:0;right:0}.display-stage .deadline-warning{color:#ffd38a;background:0 0}.display-guessed{font-weight:650}.auth-page{max-width:460px;margin:0 auto}.auth-logo{width:180px;height:auto;margin:8px auto 24px;display:block}.auth-page .eyebrow{text-align:center;margin-bottom:8px}.auth-page h1{text-align:center}.auth-page .lead{text-align:center;margin:0 auto 24px}.auth-page .form{margin:8px 0 0}.auth-page .button{width:100%}.auth-page .actions{margin:12px 0 0}.button.google{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--border);background:#fff;gap:12px;font-size:17px;font-weight:600}.button.google:hover{background:var(--fill);color:var(--text)}.divider{color:var(--muted);align-items:center;gap:12px;max-width:none;margin:20px 0 4px;font-size:14px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-legal{color:var(--muted);margin-top:28px;font-size:13px}.auth-legal p{margin:0 0 8px}.project-steps .color-row{align-items:flex-start;padding:16px}.project-steps h2{margin:2px 0 4px;font-size:18px}.project-steps p{color:#3a3a3f;margin:0;font-size:15px}
