/* Tribe Compass is deliberately scoped so it can share the atlas with other games. */
#tribe-quiz-game { --cq-paper:#f4f0e7; --cq-card:#fffdf8; --cq-ink:#213b36; --cq-muted:#6e7870; --cq-teal:#32685d; --cq-teal-soft:#e3ede6; --cq-coral:#be6e55; --cq-coral-soft:#f5e6dd; --cq-line:#d9dace; background:var(--cq-paper); color:var(--cq-ink); min-height:100vh; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#tribe-quiz-game[hidden] { display:none!important; }
#tribe-quiz-game * { box-sizing:border-box; }
#tribe-quiz-game button,#tribe-quiz-game input { font:inherit; }
#tribe-quiz-game button { cursor:pointer; }
#tribe-quiz-game button:disabled { opacity:.4; cursor:default; }
#tribe-quiz-game button:focus-visible,#tribe-quiz-game a:focus-visible,#tribe-quiz-game input:focus-visible,#tribe-quiz-game summary:focus-visible,#tribe-quiz-game .cq-card:focus-visible { outline:3px solid #b27535; outline-offset:5px; }
#tribe-quiz-game a { color:var(--cq-teal); text-underline-offset:3px; }
#tribe-quiz-game .cq-card,#tribe-quiz-game .cq-interlude h2,#tribe-quiz-game .cq-results-heading h2 { scroll-margin-top:70px; }
#tribe-quiz-game h1,#tribe-quiz-game h2,#tribe-quiz-game h3,#tribe-quiz-game h4,#tribe-quiz-game p { margin:0; }
.cq-shell { max-width:1240px; padding:54px 56px 28px; margin:auto; }
.cq-heading { display:flex; align-items:center; justify-content:space-between; padding-bottom:28px; border-bottom:1px solid var(--cq-line); gap:30px; }
.cq-eyebrow { font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:750; color:var(--cq-muted); line-height:1.6; }
.cq-heading h1 { font-family:Georgia,"Times New Roman",serif; font-size:44px; font-weight:400; letter-spacing:-1.7px; margin-top:5px!important; line-height:1.1; }
.cq-heading h1 em,.cq-intro-copy h2 em,.cq-play-aside h2 em,.cq-results-heading h2 em { color:var(--cq-teal); font-weight:400; }
.cq-heading-star { font-family:Georgia,serif; color:var(--cq-coral); font-size:40px; display:inline-block; margin-left:18px; transform:rotate(-8deg); vertical-align:middle; }
.cq-heading-note { font-family:Georgia,"Times New Roman",serif; font-style:italic; font-size:18px; color:var(--cq-muted); line-height:1.45; }
.cq-intro-layout { display:grid; grid-template-columns:1fr .92fr; gap:78px; padding:56px 0 30px; align-items:center; }
.cq-intro-copy { position:relative; padding-bottom:22px; }
.cq-kicker { color:var(--cq-coral); font-weight:600; font-size:11px; letter-spacing:.5px; }
.cq-intro-copy h2 { margin:20px 0!important; font-family:Georgia,"Times New Roman",serif; font-size:clamp(42px,5vw,65px); line-height:1.04; font-weight:400; letter-spacing:-2.1px; }
.cq-intro-lead { max-width:355px; color:var(--cq-muted); font-size:15px; line-height:1.8; }
.cq-intro-steps { max-width:365px; margin-top:29px; display:flex; flex-direction:column; gap:18px; }
.cq-intro-steps>div { display:flex; gap:14px; }
.cq-intro-steps>div>span { flex:0 0 28px; color:var(--cq-coral); font-size:10px; font-weight:600; padding-top:4px; }
.cq-intro-steps p { font-size:12px; color:var(--cq-muted); line-height:1.7; }
.cq-intro-steps strong { display:block; color:var(--cq-ink); font-size:13px; font-weight:650; margin-bottom:3px; }
.cq-mini-compass { position:absolute; right:-44px; bottom:-3px; width:116px; transform:rotate(12deg); opacity:.5; pointer-events:none; }
.cq-mini-compass svg { width:116px; fill:none; stroke:#91a49a; stroke-width:.65; }
.cq-mini-compass .cq-compass-needle { fill:var(--cq-teal); stroke:var(--cq-teal); }
.cq-mini-compass span { display:block; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:7px; color:var(--cq-teal); }
.cq-start-panel { position:relative; border:1px solid #d9ded3; border-radius:6px; padding:36px; background:var(--cq-card); box-shadow:0 12px 38px #223c3607; }
.cq-start-panel::before { content:""; position:absolute; left:16px;right:16px;top:-8px;height:7px; border:1px solid var(--cq-line);border-bottom:0;border-radius:6px 6px 0 0;background:#ebece1; }
.cq-start-panel h3 { font-family:Georgia,"Times New Roman",serif; font-size:29px; line-height:1.2; font-weight:400; margin:10px 0 29px!important; letter-spacing:-.7px; }
.cq-primary { background:var(--cq-teal); color:#fffef9; border:1px solid var(--cq-teal); border-radius:3px; padding:14px 20px; font-size:12px!important; font-weight:650!important; display:inline-flex; justify-content:center; align-items:center; gap:26px; min-height:48px; transition:background .15s,transform .15s; }
.cq-primary:hover { background:#254e45; transform:translateY(-1px); }
.cq-primary svg { width:19px; height:19px; flex:0 0 19px; }
.cq-start-panel>.cq-primary { width:100%; margin-top:23px; }
.cq-no-right { font-size:10px; text-align:center; margin:12px 0 23px!important; color:var(--cq-muted); }
.cq-privacy { color:var(--cq-muted); font-size:10px; line-height:1.7; }
.cq-start-panel>.cq-privacy { border-top:1px solid #e5e5dc; padding-top:17px; }
.cq-text-button { padding:6px 0; background:none; border:0; color:var(--cq-teal); font-size:11px!important; display:inline-flex; gap:6px; align-items:center; line-height:1.5; }
.cq-text-button:hover:not(:disabled) { text-decoration:underline; text-underline-offset:4px; }
.cq-text-button svg { width:14px; height:14px; }
.cq-small-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:9px 13px; border:1px solid #cdd4c8; border-radius:3px; background:transparent; color:var(--cq-teal); font-size:11px!important; line-height:1.4; }
.cq-small-button:hover { background:var(--cq-teal-soft); }
.cq-small-button svg { width:15px; height:15px; }
.cq-confirm { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:19px 22px; margin-top:20px; border:1px solid #dba58e; background:#fbede4; border-radius:4px; }
.cq-confirm strong { font-size:13px; }
.cq-confirm p { font-size:11px; line-height:1.6; color:#776759; margin-top:3px!important; }
.cq-confirm-actions { display:flex; gap:9px; flex-shrink:0; }
.cq-danger { color:#994634; border-color:#bc7b65; }
.cq-progress-panel { padding:28px 0 34px; max-width:850px; margin:auto; }
.cq-progress-meta { display:flex; align-items:center; justify-content:space-between; font-size:10px; color:var(--cq-ink); margin-bottom:11px; gap:12px; }
.cq-progress-meta span span { color:var(--cq-muted); }
.cq-round-label { font-weight:650; }
.cq-round-label b { font-weight:400; margin-left:14px; color:var(--cq-muted); }
.cq-progress-segments { display:flex; gap:5px; }
.cq-progress-segments>span { width:33.333%; height:3px; background:#dddfd3; overflow:hidden; border-radius:3px; }
.cq-progress-segments i { height:100%; display:block; background:var(--cq-teal); transition:width .3s; }
.cq-play-layout { display:grid; grid-template-columns:1fr 1.62fr; max-width:850px; gap:56px; margin:8px auto 37px; align-items:center; }
.cq-play-aside h2 { font-family:Georgia,"Times New Roman",serif; font-size:40px; font-weight:400; letter-spacing:-1.1px; line-height:1.13; margin:16px 0!important; }
.cq-play-aside>p:not(.cq-eyebrow) { color:var(--cq-muted); font-size:13px; line-height:1.75; max-width:225px; }
.cq-input-hints { display:flex; flex-direction:column; gap:8px; margin-top:25px; font-size:10px; color:var(--cq-muted); }
.cq-input-hints span { display:flex; gap:10px; align-items:center; }
.cq-input-hints kbd { border:1px solid #d6dacf; border-radius:3px; background:#eeeee5; min-width:22px; text-align:center; padding:3px; color:#7d897d; font-family:inherit; }
.cq-play-aside>.cq-aside-note { font-size:10px!important; margin-top:20px!important; max-width:195px!important; }
.cq-card-column { min-width:0; }
.cq-card-stack { position:relative; margin:0 8px 18px; isolation:isolate; }
.cq-card-stack::before,.cq-card-stack::after { content:""; position:absolute; inset:7px 2px -7px; border:1px solid #d6dacd; border-radius:7px; background:#e9ebdf; transform:rotate(-2deg); z-index:-1; }
.cq-card-stack::after { inset:3px -2px -3px; transform:rotate(1.3deg); background:#f9f8ee; }
.cq-card { position:relative; min-height:415px; display:flex; flex-direction:column; padding:24px 29px 23px; background:var(--cq-card); border:1px solid #d6dacd; border-radius:6px; box-shadow:0 14px 24px #233b3510; touch-action:pan-y; user-select:none; cursor:grab; transition:transform .18s ease-out; overflow:hidden; --cq-yes-opacity:0; --cq-no-opacity:0; }
.cq-card.cq-dragging { transition:none; cursor:grabbing; }
.cq-card-top { display:flex; justify-content:space-between; gap:10px; align-items:center; padding-bottom:21px; }
.cq-card-kind { display:flex; align-items:center; gap:7px; font-size:9px; text-transform:uppercase; letter-spacing:1.1px; color:var(--cq-teal); font-weight:650; }
.cq-dot { width:5px; height:5px; border-radius:50%; background:currentColor; }
.cq-card-number { font-size:10px; color:#90978c; font-variant-numeric:tabular-nums; }
.cq-person { display:flex; align-items:center; gap:13px; margin-bottom:24px; }
.cq-portrait { position:relative; flex:0 0 53px; width:53px; height:60px; border-radius:3px; overflow:hidden; background:#e8eddf; }
.cq-portrait>span { position:absolute; inset:0; display:grid; place-items:center; font-family:Georgia,serif; color:#526d5d; font-size:21px; }
.cq-portrait img { position:relative; width:100%; height:100%; object-fit:cover; filter:saturate(.7); display:block; }
.cq-person-name { font-family:Georgia,"Times New Roman",serif; font-size:20px; line-height:1.1; letter-spacing:-.3px; }
.cq-person-meta { margin-top:7px!important; font-size:9px; color:var(--cq-muted); line-height:1.5; }
.cq-card-idea { flex:1; }
.cq-card-topic { font-size:9px; font-weight:650; color:var(--cq-coral); text-transform:uppercase; letter-spacing:1px; margin-bottom:10px!important; }
.cq-card-idea h3 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:24px; letter-spacing:-.5px; line-height:1.32; }
.cq-card-context { font-size:11px; line-height:1.75; color:var(--cq-muted); margin-top:14px!important; }
.cq-card-foot { border-top:1px solid #e4e6dd; padding-top:14px; margin-top:23px; display:flex; flex-direction:column; gap:6px; }
.cq-card-foot p { font-size:9px; color:var(--cq-muted); line-height:1.55; }
.cq-card-foot a { display:inline-block; width:fit-content; font-size:9px; line-height:1.5; max-width:100%; cursor:pointer; }
.cq-question-symbol { font-family:Georgia,serif; font-size:53px; line-height:1; color:var(--cq-coral); margin-bottom:18px; }
.cq-question-card { background:#fcf8ed; }
.cq-question-card .cq-card-kind { color:#a16745; }
.cq-swipe-stamp { pointer-events:none; position:absolute; top:78px; border:3px solid; font-size:23px; font-weight:800; text-transform:uppercase; padding:7px 12px; letter-spacing:2px; z-index:2; background:#fffdf8e6; }
.cq-swipe-yes { color:var(--cq-teal); left:20px; transform:rotate(-12deg); opacity:var(--cq-yes-opacity); }
.cq-swipe-no { color:var(--cq-coral); right:20px; transform:rotate(12deg); opacity:var(--cq-no-opacity); }
.cq-answer-actions { display:grid; grid-template-columns:1fr .85fr 1fr; gap:11px; position:relative; z-index:3; padding-top:5px; }
.cq-answer { background:transparent; border:1px solid #cad6c7; border-radius:4px; min-height:89px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:12px 8px 10px; transition:background .15s,transform .15s; }
.cq-answer:hover { transform:translateY(-2px); }
.cq-answer svg { width:23px; height:23px; }
.cq-answer span { font-size:11px; font-weight:650; }
.cq-answer small { font-size:8px; color:var(--cq-muted); font-weight:400; }
.cq-disagree { color:#a75e47; background:#f5e9df; border-color:#e4cabc; }
.cq-disagree:hover { background:#f0ded0; }
.cq-agree { color:var(--cq-teal); background:#e6ede1; border-color:#c6d5bf; }
.cq-agree:hover { background:#dbe6d5; }
.cq-skip { color:#7e8879; border-color:#d9ded1; }
.cq-skip:hover { background:#eaece2; }
.cq-under-card { display:flex; justify-content:space-between; align-items:center; margin-top:11px; gap:8px; }
.cq-under-card>span { font-size:9px; color:#8a9285; }
.cq-footer { border-top:1px solid var(--cq-line); display:flex; align-items:center; justify-content:space-between; padding-top:18px; gap:25px; }
.cq-footer>.cq-privacy { max-width:590px; }
.cq-footer>div { display:flex; flex-shrink:0; gap:11px; align-items:center; }
.cq-footer>div>span { color:#b4bcad; }
.cq-footer .cq-text-button { font-size:10px!important; }
.cq-interlude { text-align:center; max-width:570px; margin:9px auto 57px; }
.cq-interlude-symbol { font-size:59px; color:var(--cq-coral); margin:15px 0 11px; }
.cq-interlude h2 { font-family:Georgia,"Times New Roman",serif; font-size:48px; line-height:1.1; font-weight:400; letter-spacing:-1.5px; margin-bottom:18px!important; }
.cq-interlude>p:not(.cq-eyebrow) { font-size:13px; color:var(--cq-muted); line-height:1.9; max-width:410px; margin:auto!important; }
.cq-round-recap { display:flex; justify-content:center; gap:28px; margin:29px 0; border-top:1px solid var(--cq-line); border-bottom:1px solid var(--cq-line); padding:20px 0; }
.cq-round-recap span { color:var(--cq-muted); font-size:10px; }
.cq-round-recap strong { display:block; font-family:Georgia,serif; color:var(--cq-teal); font-size:27px; font-weight:400; margin-bottom:5px; }
.cq-interlude>.cq-primary { min-width:240px; }
.cq-interlude>.cq-text-button { display:flex; margin:14px auto 0; }
.cq-results { padding:36px 0; }
.cq-results-heading { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-bottom:29px; }
.cq-results-heading h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:44px; letter-spacing:-1.5px; line-height:1.15; margin:9px 0 12px!important; overflow-wrap:anywhere; }
.cq-results-heading>div>p:not(.cq-eyebrow) { font-size:12px; color:var(--cq-muted); line-height:1.7; }
.cq-result-actions { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end; flex-shrink:0; max-width:310px; }
.cq-profile-link { font-size:11px; display:inline-block; max-width:500px; margin-top:10px; overflow-wrap:anywhere; }
.cq-result-summary { display:grid; grid-template-columns:135px 125px 1fr; gap:30px; align-items:center; padding:24px 27px; background:#e9ece1; border:1px solid #d9dfd0; border-radius:4px; }
.cq-summary-number { display:block; font-family:Georgia,serif; font-size:31px; color:var(--cq-teal); line-height:1; }
.cq-summary-number small { font-size:15px; color:#8b9b86; margin-left:2px; }
.cq-result-summary>div p { margin-top:8px!important; font-size:10px; color:var(--cq-muted); }
.cq-summary-explanation { font-size:11px; line-height:1.8; color:#71806e; padding-left:28px; border-left:1px solid #ccd5c3; }
.cq-result-warning { border-left:3px solid #ba895b; padding:9px 13px; margin-top:15px!important; font-size:11px; line-height:1.7; color:#81674e; background:#f0e9d9; }
.cq-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:18px; }
.cq-section-heading h3 { font-family:Georgia,serif; font-weight:400; font-size:24px; letter-spacing:-.5px; }
.cq-section-heading>p { font-size:9px; color:var(--cq-muted); }
.cq-match-section,.cq-axes-section,.cq-drivers-section { margin-top:39px; }
.cq-matches { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.cq-match { background:var(--cq-card); border:1px solid var(--cq-line); border-radius:5px; padding:21px 23px; display:flex; flex-direction:column; }
.cq-match-first { border-color:#87a58e; background:#edf1e7; }
.cq-match-rank { display:flex; align-items:center; justify-content:space-between; color:#90a18a; font-size:10px; letter-spacing:1px; margin-bottom:19px; }
.cq-match-rank>span { font-size:27px; color:var(--cq-teal); line-height:1; }
.cq-match h4 { font-family:Georgia,serif; font-size:22px; letter-spacing:-.4px; line-height:1.2; font-weight:400; margin-bottom:11px!important; }
.cq-match>p { font-size:11px; line-height:1.7; color:var(--cq-muted); flex:1; }
.cq-fit-label { display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:9px; color:var(--cq-muted); margin:25px 0 9px; }
.cq-fit-label strong { color:var(--cq-teal); font-size:11px; font-weight:600; }
.cq-fit-bar { background:#dce2d6; height:4px; border-radius:3px; overflow:hidden; }
.cq-fit-bar>span { height:100%; background:#62856b; display:block; }
.cq-fit-empty { background:#e3e4dc; }
.cq-fit-empty>span { background:#bbc3b5; }
.cq-fit-explanation { font-size:10px; color:var(--cq-muted); line-height:1.8; margin-top:13px!important; max-width:750px; }
.cq-axis-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--cq-line); border-radius:4px; background:#faf9f2; }
.cq-axis { padding:24px 27px; border-bottom:1px solid #e1e3d8; }
.cq-axis:nth-child(odd) { border-right:1px solid #e1e3d8; }
.cq-axis:nth-last-child(-n+2) { border-bottom:0; }
.cq-axis-labels { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.cq-axis-labels strong { font-size:10px; font-weight:600; max-width:44%; line-height:1.5; }
.cq-axis-labels strong:last-child { text-align:right; }
.cq-axis-track { position:relative; height:5px; margin:18px 6px 17px; background:linear-gradient(to right,#d9c4ac,#ececdf 48%,#b4cbb4); border-radius:5px; }
.cq-axis-center { position:absolute; left:50%; top:-3px; height:11px; width:1px; background:#b9c0af; }
.cq-axis-marker { position:absolute; width:13px; height:13px; top:-4px; border-radius:50%; background:var(--cq-teal); border:3px solid #f7f8ef; box-shadow:0 0 0 1px #668970; transform:translateX(-50%); }
.cq-axis-empty { background:#e1e4d8; }
.cq-axis-empty .cq-axis-marker { background:#b1baaa; box-shadow:0 0 0 1px #a9b4a2; }
.cq-axis-description { color:var(--cq-muted); font-size:10px; line-height:1.7; }
.cq-axis-evidence { color:#8c9785; font-size:9px; line-height:1.6; margin-top:7px!important; }
.cq-axis-reasons { margin-top:12px; }
.cq-axis-reasons summary { cursor:pointer; font-size:10px; color:var(--cq-teal); width:fit-content; }
.cq-axis-reasons>p { margin-top:9px!important; font-size:10px; color:var(--cq-muted); line-height:1.7; }
.cq-axis-reasons ul { padding-left:14px; margin:8px 0 0; }
.cq-axis-reasons li { font-size:10px; line-height:1.7; color:var(--cq-muted); padding:5px 0; }
.cq-axis-reasons li strong { color:var(--cq-ink); font-weight:600; }
.cq-axis-reasons li span { display:block; color:var(--cq-teal); margin-top:3px; font-size:9px; }
.cq-drivers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.cq-driver { border-left:1px solid #b7c9b4; padding-left:17px; }
.cq-answer-tag { display:inline-block; padding:4px 7px; border-radius:3px; background:#e5e7dc; color:#7a8772; font-size:8px; text-transform:uppercase; letter-spacing:.65px; font-weight:650; }
.cq-tag-agree { background:#e0eade; color:#456e4c; }
.cq-tag-disagree { background:#f3e5d9; color:#a66c4c; }
.cq-driver p { font-family:Georgia,serif; font-size:16px; line-height:1.55; margin:12px 0 11px!important; }
.cq-driver small { color:var(--cq-muted); font-size:9px; line-height:1.6; }
.cq-empty-copy { font-size:12px; color:var(--cq-muted); line-height:1.8; }
.cq-method { border-top:1px solid var(--cq-line); border-bottom:1px solid var(--cq-line); margin-top:34px; padding:17px 0; }
.cq-method summary { font-size:11px; color:var(--cq-teal); cursor:pointer; width:fit-content; }
.cq-method p { color:var(--cq-muted); font-size:11px; line-height:1.8; max-width:860px; margin-top:13px!important; }
.cq-results-bottom { display:flex; align-items:center; gap:25px; margin-top:25px; }
.cq-review-list { list-style:none; padding:0; margin:24px 0 0; border-top:1px solid var(--cq-line); }
.cq-review-list li { display:flex; align-items:flex-start; gap:16px; padding:19px 0; border-bottom:1px solid var(--cq-line); }
.cq-review-number { color:#98a48e; font-size:11px; width:20px; flex:0 0 20px; padding-top:5px; }
.cq-review-list li>div { flex:1; }
.cq-review-list li>div>p { font-size:12px; line-height:1.7; margin:7px 0!important; }
.cq-review-list small,.cq-review-list a { font-size:10px; color:var(--cq-muted); }
.cq-review-list a { margin-left:8px; color:var(--cq-teal); }
.cq-review-list .cq-small-button { margin-top:2px; }
.cq-review-note { font-size:10px; color:var(--cq-muted); line-height:1.7; margin-top:10px!important; }
.cq-revisit-confirm { color:#996246; }
.cq-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; }
@media(min-width:1440px) { .cq-shell { padding-top:65px; } .cq-intro-layout { padding-top:70px; padding-bottom:60px; } .cq-card { min-height:443px; } .cq-play-layout { margin-top:23px; margin-bottom:48px; } }
@media(max-width:1000px) { .cq-shell { padding:36px 34px 24px; } .cq-intro-layout { gap:40px; } .cq-start-panel { padding:27px; } .cq-mini-compass { display:none; } .cq-play-layout { gap:33px; grid-template-columns:1fr 1.6fr; } .cq-play-aside h2 { font-size:36px; } .cq-card { padding:23px; } .cq-result-summary { grid-template-columns:105px 105px 1fr; gap:20px; } .cq-result-actions { max-width:175px; } .cq-match { padding:20px 18px; } .cq-match h4 { font-size:20px; } }
@media(max-width:760px) { .cq-shell { padding:26px 22px 22px; } .cq-heading { padding-bottom:22px; } .cq-heading h1 { font-size:35px; letter-spacing:-1px; } .cq-heading-star { margin-left:10px; font-size:30px; } .cq-heading-note { font-size:14px; } .cq-eyebrow { font-size:9px; letter-spacing:1.6px; } .cq-intro-layout { grid-template-columns:1fr; gap:29px; padding:32px 0 10px; max-width:510px; margin:auto; } .cq-intro-copy { padding-bottom:0; } .cq-intro-copy h2 { font-size:49px; margin:15px 0!important; } .cq-intro-lead { max-width:440px; font-size:13px; } .cq-intro-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; max-width:none; margin-top:24px; } .cq-intro-steps>div { display:block; } .cq-intro-steps>div>span { display:block; margin-bottom:7px; } .cq-intro-steps p { font-size:10px; } .cq-intro-steps strong { font-size:11px; } .cq-start-panel { padding:25px; } .cq-start-panel h3 { font-size:28px; margin-bottom:23px!important; } .cq-play-layout { grid-template-columns:1fr; max-width:470px; gap:0; margin:4px auto 28px; } .cq-play-aside { display:none; } .cq-progress-panel { max-width:470px; padding:24px 0 27px; } .cq-card { min-height:403px; padding:23px 26px; } .cq-card-idea h3 { font-size:25px; } .cq-card-context { font-size:12px; } .cq-footer { flex-direction:column; align-items:flex-start; gap:6px; } .cq-footer .cq-privacy { font-size:9px; } .cq-results-heading h2 { font-size:37px; } .cq-results-heading { align-items:flex-start; } .cq-result-actions { max-width:145px; } .cq-result-actions .cq-small-button { font-size:10px!important; } .cq-result-summary { grid-template-columns:1fr 1fr; gap:20px; padding:21px; } .cq-summary-explanation { grid-column:1/-1; border-left:0; padding:15px 0 0; border-top:1px solid #cdd7c4; } .cq-matches { gap:10px; } .cq-match { padding:17px 14px; } .cq-match h4 { font-size:18px; } .cq-match>p { font-size:10px; } .cq-fit-label { flex-direction:column; align-items:flex-start; gap:4px; } .cq-section-heading { align-items:flex-start; flex-direction:column; gap:7px; margin-bottom:15px; } .cq-axis { padding:21px; } .cq-drivers { gap:17px; } .cq-driver { padding-left:12px; } .cq-driver p { font-size:14px; } .cq-confirm { flex-direction:column; align-items:flex-start; gap:13px; } .cq-interlude { margin-top:5px; } .cq-interlude h2 { font-size:41px; } .cq-interlude-symbol { font-size:50px; } }
@media(max-width:480px) { .cq-shell { padding:23px 17px 19px; } .cq-heading { align-items:flex-start; } .cq-heading h1 { font-size:33px; } .cq-heading-note { display:none; } .cq-heading-star { font-size:28px; } .cq-kicker { font-size:10px; } .cq-intro-copy h2 { font-size:46px; } .cq-intro-steps { grid-template-columns:1fr; gap:12px; } .cq-intro-steps>div { display:flex; gap:11px; } .cq-intro-steps p { font-size:11px; } .cq-intro-steps strong { font-size:12px; margin-bottom:1px; } .cq-intro-steps>div>span { margin-bottom:0; } .cq-start-panel { padding:23px; } .cq-round-label b { margin-left:8px; font-size:9px; } .cq-progress-meta { font-size:9px; } .cq-card-stack { margin-left:4px; margin-right:4px; } .cq-card { padding:21px 22px; min-height:399px; } .cq-person { margin-bottom:20px; } .cq-card-idea h3 { font-size:23px; line-height:1.35; } .cq-card-topic { font-size:8px; } .cq-card-context { font-size:11px; } .cq-card-foot { margin-top:20px; } .cq-card-foot a { font-size:9px; } .cq-person-name { font-size:20px; } .cq-answer-actions { gap:8px; } .cq-answer { min-height:80px; } .cq-answer small { font-size:8px; } .cq-under-card .cq-text-button { font-size:10px!important; } .cq-under-card>span { font-size:8px; } .cq-results-heading { flex-direction:column; gap:17px; } .cq-result-actions { max-width:none; justify-content:flex-start; } .cq-results-heading h2 { font-size:37px; } .cq-results { padding-top:29px; } .cq-section-heading h3 { font-size:23px; } .cq-matches { grid-template-columns:1fr; gap:12px; } .cq-match { padding:21px; } .cq-match-rank { margin-bottom:13px; } .cq-match h4 { font-size:24px; } .cq-match>p { font-size:11px; } .cq-fit-label { flex-direction:row; align-items:center; margin-top:17px; } .cq-fit-label strong { font-size:11px; } .cq-axis-grid { grid-template-columns:1fr; } .cq-axis { border-right:0!important; } .cq-axis:nth-last-child(2) { border-bottom:1px solid #e1e3d8; } .cq-axis-labels strong { font-size:11px; } .cq-drivers { grid-template-columns:1fr; gap:24px; } .cq-driver p { font-size:16px; } .cq-results-bottom { flex-direction:column; align-items:flex-start; gap:12px; } .cq-results-bottom .cq-primary { width:100%; } .cq-round-recap { gap:20px; } .cq-round-recap span { font-size:9px; } .cq-interlude h2 { font-size:38px; } .cq-review-list li { gap:10px; flex-wrap:wrap; } .cq-review-list li>div { width:calc(100% - 35px); } .cq-review-list .cq-small-button { margin-left:30px; } }
@media(prefers-reduced-motion:reduce) { #tribe-quiz-game *,#tribe-quiz-game *::before,#tribe-quiz-game *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
/* v14: anonymous statements, a five-point scale, and one-screen result art. */
.cq-anonymous-card { min-height:300px; justify-content:center; }
.cq-anonymous-card .cq-card-idea { display:flex; align-items:center; min-height:155px; }
.cq-anonymous-card .cq-card-idea h3 { font-size:27px; }
.cq-anonymous-card .cq-card-foot { margin-top:18px; }
.cq-five-choices { grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.cq-five-choices .cq-answer { min-height:82px; padding:11px 5px; gap:7px; }
.cq-five-choices .cq-answer span { font-size:11px; line-height:1.25; }
.cq-five-choices .cq-answer small { font-size:19px; line-height:1; color:inherit; }
.cq-choice-0 { background:#e6b397; border-color:#c88666; color:#583425; }
.cq-choice-1 { background:#f4e2d5; border-color:#d5b49d; color:#77513b; }
.cq-choice-2 { background:#eeeee5; border-color:#d0d2c4; color:#646c60; }
.cq-choice-3 { background:#e1ebe3; border-color:#acc4b4; color:#365d4a; }
.cq-choice-4 { background:#96b6a7; border-color:#638b78; color:#193d2c; }
.cq-five-choices .cq-answer:hover { filter:brightness(.96); }
.cq-swipe-help { color:var(--cq-muted); font-size:10px; text-align:center; line-height:1.6; margin-top:14px!important; }
.cq-results-active { max-width:920px; padding-top:22px; }
.cq-results-active .cq-results { padding-top:0; }
.cq-share-card { width:100%; max-width:680px; margin:0 auto; background:var(--cq-card); border:1px solid #d5dacf; border-radius:8px; padding:24px 28px 20px; box-shadow:0 9px 35px #233b3509; scroll-margin-top:70px; }
.cq-share-brand { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e0e2d8; padding-bottom:11px; color:var(--cq-teal); }
.cq-share-brand>strong { font-size:12px; text-transform:uppercase; letter-spacing:1.2px; flex-shrink:0; }
.cq-share-brand>span { font-size:10px; color:var(--cq-muted); text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:55%; }
.cq-share-hero { padding:17px 0 18px; }
.cq-share-hero>p { color:var(--cq-muted); font-size:10px; text-transform:uppercase; font-weight:600; letter-spacing:1.2px; }
.cq-share-hero h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:34px; letter-spacing:-.7px; line-height:1.12; margin:6px 0!important; overflow-wrap:anywhere; }
.cq-share-hero small { display:block; font-size:11px; color:var(--cq-muted); line-height:1.45; }
.cq-compact-axes { display:flex; flex-direction:column; gap:13px; }
.cq-compact-labels { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; color:var(--cq-ink); line-height:1.35; margin-bottom:6px; }
.cq-compact-labels>span:last-child { text-align:right; }
.cq-compact-labels b { font-variant-numeric:tabular-nums; font-weight:700; white-space:nowrap; }
.cq-compact-track { height:13px; background:#91b3a4; border-radius:3px; overflow:hidden; position:relative; }
.cq-compact-track>span { display:block; height:100%; background:#d5a584; }
.cq-compact-track>i { position:absolute; left:50%; top:0; height:100%; width:1px; background:#fffdf8a6; }
.cq-compact-track.cq-axis-empty,.cq-compact-track.cq-axis-empty>span { background:#d8ddd5; }
.cq-share-foot { display:flex; justify-content:space-between; gap:10px; color:var(--cq-muted); font-size:9px; line-height:1.4; border-top:1px solid #e0e2d8; margin-top:18px; padding-top:11px; }
.cq-share-foot>span:last-child { text-align:right; }
.cq-result-tools { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin:20px auto 0; }
.cq-result-tools .cq-primary { gap:10px; }
.cq-export-message { font-size:11px; color:var(--cq-teal); text-align:center; line-height:1.5; margin-top:10px!important; }
.cq-export-message:empty { display:none; }
.cq-result-context { max-width:680px; color:var(--cq-muted); margin:22px auto 0!important; font-size:12px; line-height:1.7; }
.cq-axis-details { margin-top:20px; display:grid; gap:22px; }
.cq-axis-detail { border-top:1px solid var(--cq-line); padding-top:17px; }
.cq-axis-detail h3 { font-size:14px; font-weight:650; }
.cq-axis-detail p { margin-top:9px!important; }
.cq-axis-detail>small { display:block; color:var(--cq-muted); margin-top:10px; font-size:10px; }
.cq-people-ranking { list-style:none; padding:0; margin:20px 0 0; }
.cq-people-ranking li { display:flex; gap:18px; align-items:center; justify-content:space-between; padding:13px 0; border-top:1px solid var(--cq-line); }
.cq-people-ranking li>div { min-width:0; }
.cq-people-ranking strong { font-size:13px; }
.cq-people-ranking small { display:block; color:var(--cq-muted); font-size:10px; margin-top:6px; line-height:1.6; }
.cq-people-ranking li>span { font-size:11px; flex-shrink:0; color:var(--cq-teal); }
.cq-source-context { font-size:10px!important; color:var(--cq-muted); }
@media(max-width:760px) {
  .cq-results-active { padding-top:14px; }
  .cq-share-card { padding:20px 22px 17px; }
  .cq-share-hero h2 { font-size:30px; }
  .cq-anonymous-card { min-height:300px; }
  .cq-anonymous-card .cq-card-idea h3 { font-size:26px; }
}
@media(max-width:480px) {
  .cq-results-active { padding:12px 10px 20px; }
  .cq-share-card { padding:17px 15px 14px; border-radius:6px; }
  .cq-share-brand { padding-bottom:10px; }
  .cq-share-brand>strong { font-size:10px; letter-spacing:.8px; }
  .cq-share-brand>span { font-size:9px; }
  .cq-share-hero { padding:13px 0 15px; }
  .cq-share-hero>p { font-size:9px; letter-spacing:.8px; }
  .cq-share-hero h2 { font-size:27px; margin:5px 0!important; }
  .cq-share-hero small { font-size:10px; line-height:1.4; }
  .cq-compact-axes { gap:12px; }
  .cq-compact-labels { font-size:10px; gap:8px; margin-bottom:5px; line-height:1.25; }
  .cq-compact-track { height:12px; }
  .cq-share-foot { font-size:8px; margin-top:15px; padding-top:10px; }
  .cq-result-tools { gap:8px; }
  .cq-result-tools .cq-primary { width:100%; }
  .cq-result-tools .cq-small-button { flex:1; }
  .cq-result-context { padding:0 7px; }
  .cq-results-active .cq-method,.cq-results-active .cq-drivers-section { margin-left:7px; margin-right:7px; }
  .cq-anonymous-card { min-height:285px; padding:20px 21px; }
  .cq-anonymous-card .cq-card-idea { min-height:150px; }
  .cq-anonymous-card .cq-card-idea h3 { font-size:24px; line-height:1.3; }
  .cq-five-choices { gap:5px; }
  .cq-five-choices .cq-answer { min-height:76px; padding:9px 3px; }
  .cq-five-choices .cq-answer span { font-size:10px; }
  .cq-swipe-help { font-size:9px; }
  .cq-people-ranking li { align-items:flex-start; gap:10px; }
  .cq-people-ranking li>span { font-size:10px; padding-top:2px; }
}
/* v15: sourced public-view profiles sit below the compact screenshot card. */
.cq-profile-explorer { max-width:760px; margin:32px auto 0; padding:26px; background:#fffdf8; border:1px solid #d5dacf; border-radius:8px; scroll-margin-top:72px; }
.cq-profile-explorer-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.cq-profile-explorer-heading h3 { font-family:Georgia,"Times New Roman",serif; font-size:27px; line-height:1.2; font-weight:400; margin:7px 0 0; }
.cq-profile-explorer-heading>span { font-size:12px; color:var(--cq-muted); white-space:nowrap; }
.cq-profile-caution { margin-top:14px!important; color:var(--cq-teal); font-size:11px; line-height:1.6; }
.cq-profile-picker { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:end; gap:10px; margin-top:23px; }
.cq-profile-picker .cq-small-button { min-height:43px; padding:11px 12px; white-space:nowrap; }
.cq-profile-select-label { display:flex; flex-direction:column; gap:7px; color:var(--cq-muted); font-size:10px; }
.cq-profile-select-label select { display:block; width:100%; min-width:0; height:43px; border:1px solid #bac8bb; color:var(--cq-ink); border-radius:4px; background:#faf9f1; padding:9px 10px; font:inherit; font-size:13px; text-overflow:ellipsis; }
.cq-profile-select-label select:focus-visible,.cq-profile-name-button:focus-visible { outline:3px solid #73a792; outline-offset:3px; }
.cq-profile-summary { display:flex; align-items:flex-start; gap:17px; margin-top:26px; }
.cq-profile-summary>div { min-width:0; }
.cq-profile-portrait { width:72px; height:82px; flex-shrink:0; object-fit:cover; border-radius:5px; border:1px solid #d8ded5; }
.cq-profile-summary h4 { margin:0; font:400 29px/1.15 Georgia,"Times New Roman",serif; overflow-wrap:anywhere; }
.cq-profile-summary p { font-size:12px; line-height:1.7; color:var(--cq-muted); margin-top:9px!important; }
.cq-profile-match { display:flex; flex-wrap:wrap; align-items:center; gap:8px 17px; border-top:1px solid var(--cq-line); border-bottom:1px solid var(--cq-line); margin-top:21px; padding:14px 0; }
.cq-profile-match>strong { font-size:13px; color:var(--cq-teal); }
.cq-profile-match>span { color:var(--cq-muted); font-size:10px; line-height:1.7; }
.cq-profile-scope { color:var(--cq-muted); font-size:11px; line-height:1.65; margin-top:14px!important; }
.cq-profile-axis-key { display:flex; justify-content:space-between; gap:12px; color:var(--cq-muted); font-size:10px; line-height:1.6; margin-top:25px!important; }
.cq-profile-axes { display:grid; grid-template-columns:1fr 1fr; gap:22px 26px; margin-top:19px; }
.cq-profile-axis { min-width:0; }
.cq-profile-axis-labels { display:flex; align-items:center; justify-content:space-between; gap:9px; margin-bottom:11px; font-size:11px; line-height:1.4; }
.cq-profile-axis-labels>strong:last-child { text-align:right; }
.cq-profile-axis-line { display:grid; grid-template-columns:66px minmax(0,1fr) 55px; align-items:center; gap:7px; margin-top:8px; }
.cq-profile-axis-line>span { font-size:9px; color:var(--cq-muted); }
.cq-profile-axis-line>small { text-align:right; font-size:9px; color:var(--cq-ink); line-height:1.3; }
.cq-profile-axis-track { position:relative; height:10px; overflow:hidden; border-radius:2px; background:#91b3a4; }
.cq-profile-axis-track>i { display:block; height:100%; background:#d5a584; }
.cq-profile-axis-track>b { position:absolute; height:100%; width:1px; left:50%; top:0; background:#fffdf8; }
.cq-profile-axis-track.cq-profile-axis-unknown { background:repeating-linear-gradient(135deg,#e5e7df,#e5e7df 4px,#f3f3ec 4px,#f3f3ec 8px); }
.cq-profile-axis p { font-size:9px; line-height:1.5; color:var(--cq-muted); margin-top:9px!important; }
.cq-profile-axis-note { margin-top:23px!important; font-size:10px; line-height:1.7; color:var(--cq-muted); }
.cq-profile-evidence { border-top:1px solid var(--cq-line); margin-top:24px; padding-top:18px; }
.cq-profile-evidence>summary { cursor:pointer; color:var(--cq-teal); font-size:12px; font-weight:600; line-height:1.6; }
.cq-profile-evidence-note { margin-top:11px!important; font-size:11px; line-height:1.65; color:var(--cq-muted); }
.cq-profile-evidence>ol { margin:18px 0 0; padding-left:21px; }
.cq-profile-evidence>ol>li { border-bottom:1px solid var(--cq-line); padding:0 0 20px 5px; margin-top:20px; color:var(--cq-muted); font-size:11px; }
.cq-profile-statement { color:var(--cq-ink); font:400 17px/1.5 Georgia,"Times New Roman",serif; }
.cq-profile-position { display:flex; flex-wrap:wrap; gap:7px 18px; color:var(--cq-teal); font-size:10px; line-height:1.6; margin-top:11px; }
.cq-profile-position b { font-weight:600; }
.cq-profile-rationale { margin-top:12px!important; font-size:11px; line-height:1.7; color:var(--cq-muted); }
.cq-profile-sources { list-style:none; margin:12px 0 0; padding:0; }
.cq-profile-sources>li { padding:9px 0 0; line-height:1.6; }
.cq-profile-sources a,.cq-profile-sources>li>span:first-child { font-size:11px; overflow-wrap:anywhere; }
.cq-profile-source-date { display:inline-block; font-size:9px; color:var(--cq-muted); margin-left:9px; }
.cq-profile-sources p { margin-top:5px!important; font-size:10px; line-height:1.6; }
.cq-profile-name-button { appearance:none; border:0; padding:0; background:transparent; color:var(--cq-teal); font-family:inherit; font-size:13px; font-weight:600; line-height:1.5; text-align:left; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
@media(max-width:760px) {
  .cq-profile-explorer { padding:23px 21px; }
  .cq-profile-axes { grid-template-columns:1fr; gap:22px; }
  .cq-profile-axis-line { grid-template-columns:69px minmax(0,1fr) 92px; }
}
@media(max-width:480px) {
  .cq-profile-explorer { padding:20px 15px; margin-top:26px; border-radius:6px; }
  .cq-profile-explorer-heading h3 { font-size:25px; }
  .cq-profile-caution { font-size:10px; }
  .cq-profile-picker { grid-template-columns:1fr 1fr; gap:9px; margin-top:19px; }
  .cq-profile-select-label { grid-column:1/-1; grid-row:1; }
  .cq-profile-picker .cq-small-button { min-height:42px; }
  .cq-profile-select-label select { font-size:16px; }
  .cq-profile-summary { gap:12px; margin-top:22px; }
  .cq-profile-portrait { width:57px; height:67px; }
  .cq-profile-summary h4 { font-size:26px; }
  .cq-profile-summary p { font-size:11px; }
  .cq-profile-match>strong { font-size:12px; }
  .cq-profile-axis-key { flex-direction:column; gap:3px; }
  .cq-profile-axis-line { grid-template-columns:64px minmax(0,1fr) 81px; gap:6px; }
  .cq-profile-axis-labels { font-size:10px; }
  .cq-profile-statement { font-size:16px; }
  .cq-profile-position { flex-direction:column; gap:3px; }
}

/* v19: one continuous test, with optional detail kept out of the main flow. */
#tribe-quiz-game { min-height:calc(100dvh - 148px); }
.cq-shell:not(.cq-results-active) { max-width:940px; padding:26px 32px 20px; }
.cq-heading { max-width:640px; margin:auto; padding-bottom:18px; }
.cq-heading h1 { font-size:30px; letter-spacing:-.8px; margin:0!important; }
.cq-heading-star { font-size:27px; margin-left:12px; }
.cq-intro-layout { display:flex; flex-direction:column; gap:22px; max-width:510px; padding:34px 0 20px; margin:auto; }
.cq-intro-copy { padding:0; text-align:center; }
.cq-intro-copy h2 { font-size:46px; margin:16px 0!important; }
.cq-intro-lead { max-width:none; font-size:14px; line-height:1.7; }
.cq-start-panel { width:100%; padding:22px; }
.cq-start-panel>.cq-primary { margin-top:0; }
.cq-start-panel>.cq-privacy { border:0; padding:0; text-align:center; margin-top:12px!important; }
.cq-about summary,.cq-help summary,.cq-profile-axis-note summary { cursor:pointer; color:var(--cq-teal); font-size:12px; width:fit-content; }
.cq-about { width:100%; }
.cq-about p,.cq-help p { color:var(--cq-muted); font-size:12px; line-height:1.7; margin-top:12px!important; }
.cq-progress-panel { max-width:640px; padding:23px 0 20px; }
.cq-progress-meta { font-size:12px; }
.cq-progress-meta>span:last-child { color:var(--cq-muted); font-size:11px; }
.cq-progress-track { height:4px; background:#dddfd3; border-radius:4px; overflow:hidden; }
.cq-progress-track>span { display:block; height:100%; background:var(--cq-teal); transition:width .2s; }
.cq-play-layout { display:block; max-width:640px; margin:6px auto 24px; }
.cq-anonymous-card { min-height:260px; padding:25px 29px; }
.cq-anonymous-card .cq-card-top { padding-bottom:16px; }
.cq-anonymous-card .cq-card-idea { min-height:155px; }
.cq-anonymous-card .cq-card-idea h3 { font-size:28px; line-height:1.3; }
.cq-help { margin-top:10px; }
.cq-help summary { margin:auto; font-size:11px; }
.cq-help .cq-input-hints { margin-top:13px; }
.cq-footer { max-width:640px; margin-left:auto; margin-right:auto; }
.cq-profile-axis-note p { margin-top:10px!important; }
@media(max-width:600px) {
  .cq-shell:not(.cq-results-active) { padding:18px 8px; }
  .cq-heading { padding-bottom:14px; }
  .cq-heading h1 { font-size:27px; }
  .cq-intro-layout { padding:28px 0 12px; gap:20px; }
  .cq-intro-copy h2 { font-size:39px; }
  .cq-intro-lead { font-size:13px; }
  .cq-start-panel { padding:20px; }
  .cq-progress-panel { padding:19px 0 16px; }
  .cq-progress-meta { font-size:11px; }
  .cq-anonymous-card { padding:21px; min-height:255px; }
  .cq-anonymous-card .cq-card-idea h3 { font-size:23px; }
  .cq-five-choices .cq-answer { min-height:72px; }
  .cq-under-card .cq-text-button { min-height:40px; font-size:12px!important; }
}
/* v25: nine compact screenshot axes. */
@media(max-width:480px) {
  .cq-compact-axes { gap:9px; }
  .cq-compact-labels { font-size:10px; margin-bottom:4px; }
  .cq-compact-track { height:11px; }
  .cq-share-hero { padding:10px 0 12px; }
  .cq-share-foot { margin-top:12px; }
}