:root{color-scheme:light dark}
.confidence-page{--cc-bg:light-dark(#f4f5ed,#0a0d09);--cc-panel:light-dark(#fffef8,#111610);--cc-ink:light-dark(#142018,#f1f5e9);--cc-muted:light-dark(#566052,#a3af9a);--cc-line:light-dark(#d1d8c7,#2a3425);--cc-lime:#a9fb42;--cc-accent:light-dark(#3b6600,#a9fb42);--cc-tone:light-dark(#e6eddc,#1b2712);--cc-danger:light-dark(#a3401b,#ffb396);margin:0;background:var(--cc-bg);color:var(--cc-ink);font-family:'DM Sans',sans-serif;line-height:1.6}
.confidence-main{max-width:1200px;margin:auto;padding:0 5.5% 58px}.confidence-main *{box-sizing:border-box}.confidence-main [hidden]{display:none!important}.confidence-main a{color:inherit;text-decoration:none}.confidence-main button,.confidence-main input,.confidence-main textarea{font:inherit}.confidence-main button,.confidence-main a,.confidence-main input,.confidence-main summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.confidence-main button,.confidence-main summary{cursor:pointer}.confidence-main button:disabled{cursor:wait;opacity:.65}.confidence-main :focus-visible{outline:3px solid var(--cc-accent);outline-offset:4px}.confidence-main h1,.confidence-main h2,.confidence-main h3{font-family:'Space Grotesk',sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0}.confidence-main p{margin:0}.confidence-main .eyebrow{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:10px;font-weight:400;letter-spacing:.1em;color:var(--cc-accent);display:flex;gap:9px;align-items:center;margin-bottom:17px}.live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:currentColor;flex-shrink:0}
.hero{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:48px;padding:68px 0 58px}.hero h1{font-size:clamp(49px,6.2vw,76px);letter-spacing:-.064em;line-height:1.01}.hero h1>span{color:var(--cc-accent)}.hero #intro{margin:22px 0 8px;font-size:17px;max-width:370px}.hero .hero-note{font-size:14px;line-height:1.7;color:var(--cc-muted)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.pills span{padding:5px 9px;border:1px solid var(--cc-line);border-radius:4px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.01em;color:var(--cc-muted)}.confidence-art{position:relative;padding:25px 20px;isolation:isolate;min-width:0}.art-radar{position:absolute;inset:0;aspect-ratio:1;border:1px solid var(--cc-line);border-radius:50%;transform:scale(1.08);z-index:-1;background:radial-gradient(circle,var(--cc-tone),transparent 67%)}.art-radar:before,.art-radar:after{content:'';position:absolute;border:1px solid var(--cc-line);border-radius:50%;inset:12%}.art-radar:after{inset:26%}.art-card{background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:9px;transform:rotate(5deg);box-shadow:8px 12px 0 color-mix(in srgb,var(--cc-tone) 70%,transparent);overflow:hidden}.art-card-top,.art-card-bottom{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.02em;color:var(--cc-muted);display:flex;justify-content:space-between;align-items:center;padding:13px 18px;gap:10px}.art-card-top{border-bottom:1px solid var(--cc-line)}.art-card-top span:last-child{color:var(--cc-accent);font-size:19px;line-height:1}.art-card-main{padding:25px 28px 30px}.art-kicker{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:9px;color:var(--cc-muted);letter-spacing:.06em}.art-card strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(60px,7.6vw,94px);line-height:.91;font-weight:500;letter-spacing:-.07em;margin:16px 0 18px}.art-card strong span{color:var(--cc-accent)}.art-fine{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--cc-muted)}.art-card-bottom{background:var(--cc-tone);border-top:1px solid var(--cc-line)}.art-card-bottom span:last-child{font-size:18px}.art-sticker{position:absolute;bottom:8px;right:0;transform:rotate(-6deg);padding:9px 13px;background:var(--cc-lime);color:#172209;box-shadow:3px 3px 0 #172209;border:1px solid #172209;font-family:'IBM Plex Mono',monospace;font-size:10px}
.game-steps{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--cc-line);gap:20px;padding:20px 0}.game-steps>span{display:flex;gap:12px;font-size:11px;color:var(--cc-muted);align-items:center}.game-steps b{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:400;border:1px solid var(--cc-line);border-radius:50%;width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.game-steps .current{color:var(--cc-ink)}.game-steps .current b{border-color:var(--cc-lime);background:var(--cc-lime);color:#172209}.game-section{padding-top:44px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}.section-head h2{font-size:38px}.section-head .eyebrow{margin-bottom:10px}.small,.muted{color:var(--cc-muted)}.small{font-family:'IBM Plex Mono',monospace;font-size:9px;text-align:right}.mobile-break{display:none}.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.question-card{display:flex;align-items:center;gap:18px;position:relative;min-width:0;min-height:136px;text-align:left;padding:25px;background:var(--cc-panel);color:var(--cc-ink);border:1px solid var(--cc-line);border-radius:8px;transition:border-color .2s,transform .2s,background .2s}.question-card:hover{border-color:var(--cc-accent);background:var(--cc-tone);transform:translateY(-3px)}.q-icon{display:flex;align-items:center;justify-content:center;color:var(--cc-accent);font-size:28px;flex:0 0 43px;width:43px;height:52px;border-right:1px solid var(--cc-line);padding-right:15px}.q-name{display:block;font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:500;letter-spacing:-.6px;line-height:1.2}.q-tag{display:block;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.03em;text-transform:uppercase;color:var(--cc-muted);margin-top:9px}.q-arrow{font-size:22px;color:var(--cc-accent);margin-left:auto;align-self:flex-start;flex-shrink:0}.pick-note{font-size:12px;color:var(--cc-muted);margin-top:22px!important}.panel{padding:34px;background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:10px}.play-panel{margin:36px auto 0;max-width:900px}.play-panel>.section-head{align-items:center;margin-bottom:26px}.play-panel>.section-head .eyebrow{margin:0}.play-panel #playTitle{font-size:clamp(25px,3.6vw,39px);line-height:1.24;letter-spacing:-.045em;max-width:740px}.play-panel #invitation{font-size:13px;line-height:1.65;margin-top:18px}.nickname-field{max-width:470px;margin-top:30px}.field-label{display:block;font-size:12px;font-weight:500;margin-bottom:10px}.field-label .muted{font-size:10px;font-weight:400}.confidence-main input[type=text],.confidence-main textarea{width:100%;min-width:0;background:var(--cc-bg);border:1px solid var(--cc-line);border-radius:6px;color:var(--cc-ink);padding:13px 15px;line-height:1.5}.confidence-main input::placeholder{color:var(--cc-muted);opacity:.8}.confidence-main textarea{resize:vertical;font-size:12px;line-height:1.7}.confidence-main fieldset{border:0;padding:0;margin:29px 0;min-width:0}.confidence-main legend{font-size:14px;font-weight:500;margin-bottom:13px}.confidence-main legend>span{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--cc-muted);margin-right:9px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option,.confidence-options label,.tone-options label{display:flex;align-items:center;gap:10px;border:1px solid var(--cc-line);border-radius:6px;padding:14px;background:var(--cc-bg);cursor:pointer;font-size:14px;line-height:1.5;min-width:0}.option:hover,.confidence-options label:hover,.tone-options label:hover{border-color:var(--cc-accent)}.option:has(input:checked),.confidence-options label:has(input:checked),.tone-options label:has(input:checked){border-color:var(--cc-accent);background:var(--cc-tone);box-shadow:inset 0 0 0 1px var(--cc-accent)}.confidence-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.confidence-options label{font-size:12px}.confidence-main input[type=radio]{accent-color:var(--cc-accent);width:15px;height:15px;margin:0;flex-shrink:0}.tone-options{display:flex;gap:10px;flex-wrap:wrap}.tone-options label{font-size:12px;padding:11px 14px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--cc-line);border-radius:6px;padding:12px 18px;font-weight:600!important;font-size:12px!important;min-height:45px;line-height:1.4;color:var(--cc-ink);background:var(--cc-panel);transition:transform .2s,background .2s}.primary{background:var(--cc-lime);color:#172209;border-color:var(--cc-lime)}.primary:hover,.secondary:hover{transform:translateY(-2px)}.secondary:hover{background:var(--cc-tone);border-color:var(--cc-accent)}.primary>span{font-size:21px;font-weight:400}.text-button{border:0;background:none;color:var(--cc-accent);font-size:11px!important;text-decoration:underline;text-underline-offset:4px;padding:5px 0}.lock-button{min-width:230px}.fine{font-size:11px;color:var(--cc-muted);line-height:1.75}.play-panel form>.fine{margin-top:15px;max-width:570px}.error{color:var(--cc-danger);font-size:13px;margin-bottom:13px!important}.error:empty{display:none}.notice{padding:17px;border:1px solid var(--cc-danger);border-radius:7px;color:var(--cc-danger);font-size:13px;margin-top:25px!important}
.result-heading{margin-bottom:29px;max-width:810px}.result-heading h2{font-size:clamp(33px,4.2vw,51px);margin-bottom:18px;overflow-wrap:anywhere}.result-heading>p.muted{font-size:16px;max-width:680px}.scorecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:17px}.score{border:1px solid var(--cc-line);border-radius:9px;background:var(--cc-panel);padding:28px;position:relative;overflow:hidden}.score:before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--cc-lime)}.score.miss:before{background:var(--cc-danger)}.score h3{font-size:25px;overflow-wrap:anywhere;margin-bottom:20px}.score .answer{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(24px,3.1vw,37px);letter-spacing:-.035em;line-height:1.2;overflow-wrap:anywhere;margin-bottom:22px}.score .outcome{font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-accent);margin-bottom:20px}.score.miss .outcome{color:var(--cc-danger)}.score .muted{font-size:12px}.score .fine{border-top:1px solid var(--cc-line);padding-top:15px;margin-top:18px}.confidence-meter{display:flex;gap:5px;margin:10px 0 0}.confidence-meter>i{display:block;width:29px;height:4px;background:var(--cc-line);border-radius:1px}.confidence-meter>i.filled{background:var(--cc-accent)}.score.miss .confidence-meter>i.filled{background:var(--cc-danger)}.explanation{border:1px solid var(--cc-line);border-radius:8px;padding:23px 26px;margin:20px 0 28px;background:var(--cc-tone)}.explanation summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:14px;font-weight:500;list-style:none}.explanation summary::-webkit-details-marker{display:none}.explanation summary>span{font-size:20px;color:var(--cc-accent);transition:transform .2s}.explanation[open] summary{margin-bottom:20px}.explanation[open] summary>span{transform:rotate(90deg)}.explanation strong{font-size:15px;font-weight:600}.explanation p{font-size:13px;color:var(--cc-muted);margin-top:8px;max-width:760px}.collection-panel{display:grid;grid-template-columns:1fr 280px;gap:35px;align-items:center;padding:32px;background:var(--cc-tone);border:1px solid var(--cc-line);border-radius:10px;overflow:hidden;margin-bottom:28px}.collection-panel h3{font-size:36px;margin-bottom:16px}.collection-copy>.muted{font-size:13px;max-width:355px}.collection-copy>.primary{margin-top:23px}.collection-copy>.fine{margin-top:12px}.card-preview{width:100%;transform:rotate(3deg);border-radius:9px;box-shadow:8px 12px 0 color-mix(in srgb,var(--cc-ink) 9%,transparent);border:1px solid var(--cc-line);line-height:0;overflow:hidden;background:var(--cc-panel)}.card-preview canvas{display:block;width:100%;height:auto}.card-preview>.fine{padding:25px;line-height:1.7}.invite-panel h3{font-size:34px;margin-bottom:15px;max-width:630px}.invite-panel>.muted{font-size:14px;max-width:640px;margin-bottom:25px}.invite-panel textarea{max-height:180px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0}.return-hint{padding-left:12px;border-left:2px solid var(--cc-accent);margin-top:10px!important}.replay-actions{margin:23px 0 0}.community{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center;padding:32px 0;margin:38px 0 22px;border-block:1px solid var(--cc-line)}.community h3{font-size:30px}.community .eyebrow{font-size:9px}.community-links{display:flex;flex-direction:column;gap:0}.community-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font-size:12px;border-bottom:1px solid var(--cc-line)}.community-links a:last-child{border:0}.community-links a:hover{color:var(--cc-accent)}.community-links a span{font-size:18px;color:var(--cc-accent)}.game-disclaimer{max-width:760px}
.confidence-page:not([data-view=choose]) .hero{display:block;padding:32px 0 26px}.confidence-page:not([data-view=choose]) .confidence-art,.confidence-page:not([data-view=choose]) .hero-note,.confidence-page:not([data-view=choose]) .pills{display:none}.confidence-page:not([data-view=choose]) .hero .eyebrow{margin-bottom:9px}.confidence-page:not([data-view=choose]) .hero h1{font-size:34px;line-height:1.1;letter-spacing:-.05em}.confidence-page:not([data-view=choose]) .hero h1 br{display:none}.confidence-page:not([data-view=choose]) .hero h1>span:before{content:' '}.confidence-page:not([data-view=choose]) .hero #intro{font-size:13px;margin:12px 0 0;max-width:600px}
@media(max-width:900px){.hero{gap:27px;padding-top:49px}.hero h1{font-size:60px}.art-card-main{padding:20px 23px}.art-card strong{font-size:76px}.collection-panel{grid-template-columns:1fr 240px;gap:27px;padding:27px}.collection-panel h3{font-size:30px}.question-card{padding:22px;gap:13px}.q-name{font-size:18px}.confidence-options label{padding:12px 10px}}
@media(max-width:680px){.confidence-main{padding:0 6% 38px}.hero{grid-template-columns:1fr;gap:32px;padding:36px 0 42px}.hero h1{font-size:clamp(49px,10.6vw,68px)}.hero .eyebrow{font-size:9px}.hero #intro{font-size:16px}.hero .hero-note{font-size:13px}.confidence-art{max-width:320px;width:100%;margin:auto;padding:20px}.art-card-main{padding:23px 25px}.art-card strong{font-size:84px}.art-radar{transform:scale(1)}.game-steps{gap:12px;padding:16px 0}.game-steps>span{font-size:10px;line-height:1.4;gap:7px}.game-steps b{font-size:9px;width:24px;height:24px}.game-section{padding-top:31px}.section-head{margin-bottom:23px;gap:14px}.section-head h2{font-size:32px}.section-head>.small{display:none}.question-grid{grid-template-columns:1fr;gap:10px}.question-card{min-height:112px;padding:21px;gap:17px}.q-name{font-size:20px}.q-icon{flex-basis:45px}.q-tag{font-size:9px;margin-top:7px}.panel{padding:25px 22px}.play-panel{margin-top:25px}.play-panel #playTitle{font-size:28px}.play-panel>.section-head{gap:12px}.play-panel>.section-head .eyebrow{font-size:9px}.nickname-field{margin-top:24px}.confidence-main fieldset{margin:26px 0}.confidence-options{grid-template-columns:1fr}.confidence-options label{padding:14px}.collection-panel{grid-template-columns:1fr;gap:27px;padding:26px 23px}.collection-panel h3{font-size:34px}.card-preview{max-width:295px;margin:0 auto 8px}.collection-copy>.muted{max-width:430px}.scorecards{grid-template-columns:1fr}.score{padding:25px}.score .answer{font-size:31px}.explanation{padding:22px}.result-heading h2{font-size:37px}.result-heading>p.muted{font-size:14px}.invite-panel h3{font-size:31px}.invite-panel>.muted{font-size:13px}.actions button{flex-grow:1}.community{grid-template-columns:1fr;gap:18px;margin-top:31px}.community h3{font-size:29px}.confidence-page:not([data-view=choose]) .hero h1{font-size:28px}}
@media(max-width:400px){.confidence-main{padding-inline:18px}.hero h1{font-size:49px}.hero .eyebrow{font-size:8px;letter-spacing:.055em}.game-steps{gap:7px}.game-steps>span{font-size:9px;gap:5px}.game-steps b{width:21px;height:21px;font-size:8px}.section-head h2{font-size:30px}.mobile-break{display:block}.question-card{padding:18px;gap:12px;min-height:112px}.q-name{font-size:19px}.q-icon{flex-basis:38px;padding-right:11px;font-size:25px}.panel{padding:23px 18px}.play-panel #playTitle{font-size:25px}.options{grid-template-columns:1fr}.tone-options{gap:8px}.tone-options label{padding:11px;font-size:11px}.field-label .muted{display:block;margin-top:3px}.lock-button{width:100%;min-width:0}.result-heading h2{font-size:33px}.collection-panel{padding:25px 19px}.collection-panel h3{font-size:31px}.collection-copy>.primary{width:100%}.invite-panel h3{font-size:29px}.confidence-page:not([data-view=choose]) .hero h1{font-size:25px}.confidence-page:not([data-view=choose]) .hero #intro{font-size:12px}}
@media(prefers-reduced-motion:reduce){.confidence-main *{scroll-behavior:auto!important;transition:none!important}.question-card:hover,.primary:hover,.secondary:hover{transform:none}.art-card,.art-sticker,.card-preview{transform:none}}
