:root{--black:#000005;--raised:#1A1C2A;--gray:#4E586D;--muted:#7E889D;--body:#657085;--light:#F0F2F5;--white:#FFFFFF;--border:#E2E4E9;--magenta:#D00070;--ruby:#8B003F;--blue:#0C4471;--green:#174C36;--sky:#ABCAE9;--outline:4px solid var(--black);--pixel:'Silkscreen',monospace;--sans:'Inter',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--light);color:var(--black);font-family:var(--sans);padding:24px;min-height:100svh}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline:4px solid var(--sky);outline-offset:5px}.pixel{font-family:var(--pixel);font-weight:400}.game-window{max-width:1440px;min-height:calc(100svh - 48px);margin:auto;border:var(--outline);position:relative;background:var(--black)}.game-window:after{content:'';position:absolute;inset:8px;border:4px solid var(--gray);pointer-events:none;z-index:5}.screen{min-height:calc(100svh - 56px);padding:36px 52px;animation:wipe .32s steps(12) both}[hidden]{display:none!important}.title-screen{color:var(--white);display:flex;flex-direction:column;background:var(--black)}.title-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1px}.title-content{text-align:center;flex:1;padding:46px 0 40px}.eyebrow{font-size:14px;color:var(--sky);margin:0 0 24px}h1{font-size:clamp(28px,3.65vw,53px);line-height:1.35;letter-spacing:-2px;margin:0}h1 span{color:var(--magenta)}.intro{font-size:14px;line-height:1.7;color:var(--muted);margin:24px 0 32px}.avatar-row{display:flex;justify-content:center;gap:16px}.avatar-box{width:104px;height:104px;background:var(--raised);border:var(--outline);display:flex;align-items:center;justify-content:center;position:relative}.avatar-box svg{width:80px;height:80px}.avatar-box:nth-child(2) svg{animation-delay:-.35s}.avatar-box:nth-child(3) svg{animation-delay:-.7s}.avatar-box:nth-child(4) svg{animation-delay:-1.05s}.level-names{font-size:10px;color:var(--muted);margin:16px 0 0}.start-block{margin-top:36px}.press-start{font-size:11px;margin:0 0 16px;animation:blink 1.4s steps(2,end) infinite}.button{min-height:52px;border:var(--outline);border-radius:0;padding:13px 25px;font-family:var(--pixel);font-size:12px;line-height:1.5;position:relative}.button:before{content:'▶';position:absolute;left:-24px;top:50%;transform:translateY(-50%);color:var(--magenta);opacity:0}.button:hover:before,.button:focus-visible:before{opacity:1}.primary{background:var(--magenta);color:var(--white)}.secondary{background:var(--white);color:var(--black)}.button:hover{box-shadow:4px 4px 0 var(--black);transform:translate(-2px,-2px)}.title-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;border-top:1px solid var(--gray);padding-top:22px}.title-footer .pixel{font-size:9px}.question-screen{background:var(--blue);color:var(--white);padding-top:32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;border-bottom:4px solid var(--black);font-size:13px}.scene{min-height:214px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0 18px;gap:10px}.scene-caption{font-size:9px;color:var(--sky);text-align:center}.agent-stage{width:180px;height:112px;position:relative;display:flex;align-items:center;justify-content:center}.scene-bot{width:96px;height:96px;position:relative;z-index:1}.scene-bot svg{width:100%;height:100%}.floor-tile{position:absolute;border:2px solid var(--gray);width:48px;height:16px;bottom:8px;background:var(--blue)}.t1{left:16px}.t2{left:64px;bottom:0}.t3{right:16px}.scene-label{font-size:8px;color:var(--sky);letter-spacing:1px}.dialogue{background:var(--white);border:var(--outline);box-shadow:inset -4px -4px 0 var(--border);padding:24px;display:flex;gap:24px;color:var(--black)}.speaker{font-size:12px;color:var(--magenta);margin:0 0 14px}.dialogue-content{flex:1;min-width:0}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-size:16px;line-height:1.5;font-weight:500;margin:0 0 16px;padding:0}.options{display:flex;flex-direction:column;gap:4px}.option{display:flex;align-items:center;gap:12px;min-height:44px;position:relative;padding:5px 10px 5px 26px;cursor:pointer;font-size:14px;line-height:1.5;border:2px solid transparent}.option:before{content:'▶';position:absolute;left:5px;font-size:12px;color:var(--magenta);visibility:hidden}.option:has(input:checked):before{visibility:visible}.option:has(input:checked){background:var(--light);border-color:var(--border)}.option:has(input:focus-visible){outline:2px solid var(--black);outline-offset:3px}.option input{position:absolute;opacity:0;width:1px;height:1px}.key{width:27px;height:27px;flex-shrink:0;border:2px solid var(--black);display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--light)}.option:has(input:checked) .key{background:var(--magenta);color:var(--white)}.option.unsure{color:var(--body)}.unsure .key{background:var(--muted);color:var(--black)}#validation,#sample-note{font-size:13px;margin:12px 0 0;line-height:1.5;color:var(--ruby)}.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.keyboard-hint{color:var(--sky);font-size:11px}.keyboard-hint span{margin:0 8px}svg{image-rendering:pixelated;shape-rendering:crispEdges}.bob{animation:bob 1.6s steps(2,end) infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes fade{from{opacity:0}to{opacity:1}}@media(min-width:1500px){.game-window,.screen{min-height:900px}}@media(max-width:800px){body{padding:12px}.game-window{min-height:calc(100svh - 24px)}.screen{padding:30px 28px;min-height:calc(100svh - 32px)}.title-meta{font-size:8px}.title-meta span:last-child{display:none}.title-content{padding:48px 0 40px}h1{font-size:34px;letter-spacing:-1px}.title-footer{flex-direction:column;align-items:center;text-align:center;gap:12px}.topbar{font-size:10px;align-items:flex-start}.dialogue{gap:16px;padding:20px}.scene{min-height:200px}.keyboard-hint{display:none}}@media(max-width:520px){body{padding:6px}.game-window:after{inset:5px;border-width:3px}.screen{padding:27px 18px;min-height:calc(100svh - 20px)}.title-content{padding:42px 0 36px}h1{font-size:clamp(22px,6vw,30px);line-height:1.5}.eyebrow{font-size:11px}.intro{font-size:13px}.avatar-row{gap:5px}.avatar-box{width:70px;height:80px}.avatar-box svg{width:64px;height:64px}.level-names{font-size:7px;line-height:2}.button{font-size:10px;padding:12px 18px}.title-footer .pixel{font-size:8px;line-height:1.7}.topbar{gap:8px;font-size:9px}.scene{min-height:180px}.scene-caption{font-size:7px;line-height:1.7}.dialogue{display:block;padding:18px 12px}.speaker{padding-top:3px;margin-bottom:12px;font-size:10px}fieldset{clear:both}legend{font-size:16px;padding-top:4px}.option{font-size:14px;gap:8px;padding-left:20px;padding-right:4px}.option:before{left:1px;font-size:10px}.key{width:25px;height:25px}.question-actions{margin-top:16px}.button:before{left:-16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.screen{animation:fade .15s linear!important}.button:hover{transform:none}}

/* Shared question-shell rules: unlabeled three-stage progress, full-width dialogue. */
.topbar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;padding:0 0 18px;gap:0;border-bottom:4px solid var(--black)}
.stage-progress{grid-column:2;width:336px;height:76px;max-width:100%}
.stage-progress svg{width:100%;height:100%;display:block;overflow:visible}
.time-left{grid-column:3;justify-self:end;font-size:10px;white-space:nowrap}
.stage-line{fill:var(--raised)}.stage-fill{fill:var(--magenta)}
.stage-node{fill:var(--raised);stroke:var(--gray);stroke-width:4px}
.stage-node.complete{fill:var(--magenta);stroke:var(--magenta)}
.stage-node.current{stroke:none}
.stage-pulse{fill:none;stroke:var(--magenta);stroke-width:4px;animation:stage-blink 2.4s steps(2,end) infinite}
.pixel-door{fill:var(--raised);stroke:var(--gray);stroke-width:2px}.door-knob{fill:var(--gray)}
.dialogue{display:block;padding:28px 32px}.dialogue-content{width:100%}
.question-screen .scene{min-height:256px}
.name-content{max-width:760px;margin:64px auto 32px}.name-bot{width:96px;height:96px;margin:0 auto 32px}.name-bot svg{width:100%;height:100%}
.name-content h2{font-size:24px;font-weight:500;line-height:1.4;margin:0 0 12px}.name-intro{font-size:14px;color:var(--body);line-height:1.6;margin:0 0 28px}
.name-label{font-size:14px;font-weight:600;display:block;margin-bottom:10px}#participant-name{display:block;width:100%;min-height:52px;padding:12px 14px;border:var(--outline);border-radius:0;font:16px var(--sans);background:var(--white);color:var(--black)}#participant-name:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}#participant-name::placeholder{color:var(--body)}#name-privacy{font-size:12px;line-height:1.5;color:var(--body);margin:12px 0 0}#name-error{color:var(--ruby);font-size:13px;margin:12px 0 0}
@keyframes stage-blink{0%,49%{opacity:1}50%,100%{opacity:.3}}
@media(max-width:800px){.topbar{min-height:80px}.stage-progress{width:280px;height:68px}.time-left{font-size:8px}.dialogue{padding:24px}.name-content{margin-top:40px}}
@media(max-width:520px){.topbar{display:block;min-height:104px;padding:0 0 24px}.stage-progress{width:232px;height:64px;margin:0 auto}.time-left{display:block;text-align:right;font-size:8px;margin-top:2px}.dialogue{padding:22px 16px}.question-screen .scene{min-height:190px}.name-content{margin-top:32px}.name-content h2{font-size:22px}.name-bot{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.stage-pulse{animation:none!important}}
/* Shared sample format styles. */
.scene-caption{font-family:var(--sans);font-size:18px;line-height:1.6;font-weight:500;color:var(--sky);max-width:760px;overflow-wrap:anywhere;padding:0 12px;text-align:center}
.stage-one{background:var(--black)}.stage-one .question-body{max-width:1120px;margin:64px auto 24px}.stage-two .question-body{margin:0 auto}.question-screen .scene{gap:12px;min-height:252px}.scene-bot{width:96px;height:96px}.scenario-banner{padding:10px 20px;border:var(--outline);font-size:12px;line-height:1.6}.scenario-banner.incident{background:var(--ruby);color:var(--white)}.scenario-banner.request{background:var(--sky);color:var(--black)}
.helper{font-size:14px;color:var(--body);margin:0 0 20px}.text-input,.pixel-select{width:100%;min-height:56px;border:var(--outline);border-radius:0;background:var(--white);color:var(--black);font:16px var(--sans);padding:14px 16px}.text-input::placeholder{color:var(--body)}.text-input:focus-visible,.pixel-select:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}.select-wrap{position:relative;max-width:640px}.select-wrap:after{content:'▼';font-family:var(--pixel);position:absolute;right:20px;top:18px;pointer-events:none}.pixel-select{appearance:none;padding-right:52px}.pixel-select option:hover,.pixel-select option:checked{background:var(--magenta);color:var(--white)}
.choice-grid{display:grid;gap:12px}.sector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.range-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.multi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chip-grid{display:flex;flex-wrap:wrap}.choice-tile{position:relative;min-height:92px;display:flex;align-items:center;gap:12px;padding:18px 16px 18px 28px;border:var(--outline);background:var(--white);cursor:pointer;font:14px/1.5 var(--sans);color:var(--black)}.sector-grid .choice-tile{min-height:124px;display:grid;grid-template-columns:28px 28px 1fr;gap:10px}.choice-tile:before{content:'▶';position:absolute;left:7px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--magenta);visibility:hidden}.choice-tile:has(input:checked):before{visibility:visible}.choice-tile:has(input:checked){border-color:var(--magenta)}.choice-tile:has(input:checked) .key{background:var(--magenta);color:var(--white)}.choice-tile input{position:absolute;opacity:0;width:1px;height:1px}.choice-tile:has(input:focus-visible){outline:3px solid var(--black);outline-offset:3px}.tile-icon{width:26px;height:26px;display:block}.range-grid .choice-tile{min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:14px 10px 14px 20px;text-align:center}.range-grid .key{width:24px;height:24px}.chip-grid .choice-tile{min-height:58px;flex:1 1 280px}.multi-choice:has(input:checked){background:var(--magenta);color:var(--white)}.multi-choice:has(input:checked):before{color:var(--white)}.multi-choice:has(input:checked) .key{border-color:var(--white)}.pixel-check{margin-left:auto;visibility:hidden;font-family:var(--pixel)}.multi-choice:has(input:checked) .pixel-check{visibility:visible}.unsure{color:var(--body)}.unsure .key{background:var(--muted);color:var(--black)}.other-field{margin-top:24px}.other-field label{display:block;font-size:14px;margin-bottom:10px}.other-field input{max-width:640px}
.slider-group{display:flex;gap:32px;align-items:center;padding:20px 0 12px}.slider-area{--value:50%;flex:1;min-width:0;position:relative;padding-top:52px}.slider-value{position:absolute;top:0;left:clamp(34px,var(--value),calc(100% - 34px));transform:translateX(-50%);font-size:25px;color:var(--magenta);line-height:1.5}.pixel-slider{appearance:none;width:100%;height:24px;background:var(--border);border:var(--outline);border-radius:0;margin:0;cursor:pointer;--fill:var(--magenta);background:transparent}.pixel-slider::-webkit-slider-thumb{appearance:none;width:32px;height:44px;background:var(--magenta);border:var(--outline);border-radius:0}.pixel-slider::-moz-range-thumb{width:24px;height:36px;background:var(--magenta);border:var(--outline);border-radius:0}.pixel-slider:focus-visible{outline:3px solid var(--magenta);outline-offset:10px}.unanswered .pixel-slider{--fill:var(--border)}.unanswered .pixel-slider::-webkit-slider-thumb{background:var(--muted)}.unanswered .pixel-slider::-moz-range-thumb{background:var(--muted)}.unanswered .slider-value{color:var(--body)}.is-unsure{opacity:.65}.slider-stops{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px;color:var(--body);font:12px/1.6 var(--sans);text-align:center}.slider-stops span:first-child{text-align:left}.slider-stops span:last-child{text-align:right}.slider-stops.percentage{display:flex;justify-content:space-between}.not-sure-button{border:var(--outline);background:var(--light);color:var(--body);padding:12px 18px;min-height:48px;font:14px var(--sans);white-space:nowrap;cursor:pointer}.not-sure-button[aria-pressed="true"]{background:var(--magenta);color:var(--white)}.not-sure-button:hover:before{content:'▶ ';color:var(--magenta)}

@supports (appearance:base-select){.pixel-select,.pixel-select::picker(select){appearance:base-select}.pixel-select::picker(select){border:var(--outline);background:var(--white);border-radius:0}.pixel-select option{min-height:44px;padding:12px 16px}.pixel-select option:hover,.pixel-select option:focus{background:var(--magenta);color:var(--white)}.pixel-select::picker-icon{display:none}}
@media(max-width:1000px){.range-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.multi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-grid .choice-tile{grid-template-columns:28px 1fr}.sector-grid .tile-icon-wrap{display:none}}
@media(max-width:520px){.scene-caption{font-size:16px;line-height:1.65}.stage-one .question-body{margin:32px auto 12px}.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sector-grid .choice-tile{display:flex;flex-wrap:wrap;min-height:132px;padding:16px 10px 16px 22px;gap:8px;align-content:center}.sector-grid .choice-tile>span:last-child{width:100%}.sector-grid .tile-icon-wrap{display:block}.choice-tile{font-size:14px;padding:16px 12px 16px 24px}.range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-grid{grid-template-columns:1fr}.slider-group{flex-direction:column;align-items:stretch;gap:24px}.slider-area{width:100%}.not-sure-button{align-self:flex-start}.slider-stops{font-size:11px;gap:4px}.question-screen .scene{min-height:220px}.scenario-banner{font-size:10px}.question-actions{gap:16px}}

.scene-caption.pixel{font-family:var(--pixel);font-size:14px;line-height:1.8;font-weight:400}
.slider-track{position:absolute;left:0;right:0;top:62px;height:24px;border:var(--outline);background:var(--border);pointer-events:none}.slider-track-fill{display:block;height:100%;width:var(--value);background:var(--magenta)}.unanswered .slider-track-fill{background:var(--border)}.pixel-slider{height:44px;background:transparent;border:none;position:relative;z-index:1;display:block}.slider-stops:not(.percentage) span:before{content:'';display:block;width:4px;height:8px;background:var(--gray);margin:0 auto 6px}.slider-stops:not(.percentage) span:first-child:before{margin-left:0}.slider-stops:not(.percentage) span:last-child:before{margin-right:0}
@media(max-width:1000px){.sector-grid .tile-icon-wrap{display:block}.sector-grid .choice-tile{display:flex;flex-wrap:wrap}.sector-grid .choice-tile>span:last-child{width:100%}}
@media(max-width:520px){.scene-caption.pixel{font-size:12px;line-height:1.8}}

.not-sure-button{display:inline-flex;align-items:center;gap:10px;position:relative}.not-sure-button .key{background:var(--muted);color:var(--black)}.not-sure-button[aria-pressed="true"] .key{background:var(--magenta);border-color:var(--white);color:var(--white)}.not-sure-button:hover:before{content:'▶';position:absolute;left:-20px}
.slider-stops:not(.percentage){display:block;position:relative;height:52px}.slider-stops:not(.percentage) span{position:absolute;top:0;transform:translateX(-50%);width:32px}.slider-stops:not(.percentage) span:first-child{transform:none;width:120px}.slider-stops:not(.percentage) span:last-child{transform:translateX(-100%);width:120px}
@media(max-width:520px){.slider-stops:not(.percentage) span:first-child,.slider-stops:not(.percentage) span:last-child{width:76px}}

/* Readable labeled-stop scale for workflow questions. */
.slider-stops:not(.percentage){height:94px;color:var(--black)}
.slider-stops:not(.percentage) strong{display:block;font:600 22px/1.5 var(--sans)}
.slider-stops:not(.percentage) em{display:block;font:400 15px/1.5 var(--sans);margin-top:4px;color:var(--black)}
@media(max-width:520px){.slider-stops:not(.percentage){height:104px}.slider-stops:not(.percentage) strong{font-size:20px}.slider-stops:not(.percentage) em{font-size:14px;line-height:1.5}}
/* Beginning of the real assessment. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.intro-wrap{position:relative;max-width:900px;margin:48px auto 32px;padding-top:28px}.skip-link{position:absolute;right:0;top:0;border:0;min-height:44px;min-width:44px;padding:10px;background:transparent;color:var(--sky);font:14px var(--sans);text-decoration:underline;text-underline-offset:4px}.intro-lines{padding:28px 0 32px}.intro-line{font:400 20px/1.65 var(--sans);margin:0 0 22px;min-height:1.65em;color:var(--white)}
.stacked-grid{grid-template-columns:1fr}.stacked-grid .choice-tile{min-height:68px}.contact-field{margin-top:22px;max-width:740px}.contact-field label{display:block;font-size:14px;font-weight:500;margin-bottom:10px}.contact-privacy{font:13px/1.7 var(--sans);color:var(--body);margin:20px 0 14px;max-width:740px}.opt-in{display:flex;gap:12px;align-items:center;min-height:48px;position:relative;cursor:pointer;font:14px/1.6 var(--sans)}.opt-in input{position:absolute;opacity:0;width:1px;height:1px}.opt-in-square{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:var(--outline);background:var(--white);color:var(--white);font-family:var(--pixel);font-size:16px}.opt-in:has(input:checked) .opt-in-square{background:var(--magenta)}.opt-in:has(input:focus-visible){outline:3px solid var(--magenta);outline-offset:4px}
.stage-one.has-scene .question-body{margin-top:0}.timeline-pair{width:220px;gap:20px}.book-sprite{animation-delay:-.4s}.stage-one.has-scene .scene{min-height:220px}.stage-one.has-scene .scene-caption{color:var(--sky)}
.token-bank{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:8px 0 28px}.pixel-coins{display:flex;gap:8px;flex-wrap:wrap}.pixel-coin{width:28px;height:28px;color:var(--magenta)}.pixel-coin svg{width:100%;height:100%}.pixel-coin.spent{color:var(--border)}.token-counter{font-size:14px;white-space:nowrap;color:var(--magenta)}.token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.token-tile{border:var(--outline);background:var(--white);padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;color:var(--black)}.token-tile.allocated{border-color:var(--magenta)}.token-tile p{font:14px/1.6 var(--sans);margin:0}.token-controls{display:flex;align-items:center;gap:10px}.token-controls button{min-width:44px;min-height:44px;border:var(--outline);background:var(--white);color:var(--black);font:24px/1 var(--sans)}.token-controls button:hover:not(:disabled){background:var(--light)}.token-controls button:disabled,.token-controls button[aria-disabled="true"]{color:var(--body);border-color:var(--border)}.token-controls output{min-width:20px;text-align:center;font:600 16px var(--sans)}.token-share{grid-column:1/-1;height:6px;background:var(--border)}.token-share span{display:block;height:100%;background:var(--magenta)}
.complete-content{max-width:800px;margin:100px auto 40px;text-align:center}.complete-content h1{font-size:36px;letter-spacing:0;color:var(--white);line-height:1.4}.complete-content p{font:18px/1.8 var(--sans);max-width:660px;margin:28px auto 44px;color:var(--white)}.completion-mark{color:var(--magenta);font-size:56px;margin-bottom:28px}.just-completed{animation:complete-node .48s steps(4,end)}.completion-line{transform-origin:40px 38px;animation:complete-line .48s steps(8,end)}
@keyframes complete-node{from{fill:var(--raised)}to{fill:var(--magenta)}}@keyframes complete-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:800px){.token-tile{grid-template-columns:1fr}.token-controls{justify-content:flex-start}.intro-line{font-size:18px}.complete-content{margin-top:72px}}
@media(max-width:520px){.intro-wrap{margin-top:24px}.intro-lines{padding-top:38px}.intro-line{font-size:17px;line-height:1.7;margin-bottom:20px}.token-grid{grid-template-columns:1fr}.token-tile{grid-template-columns:1fr auto;padding:14px;gap:10px}.token-controls{gap:6px}.token-bank{display:block;margin-bottom:24px}.pixel-coins{gap:5px}.pixel-coin{width:22px;height:22px}.token-counter{margin-top:16px}.complete-content{margin-top:48px}.complete-content h1{font-size:28px}.complete-content p{font-size:16px}.contact-privacy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.just-completed,.completion-line{animation:none!important}}

.participant-label{font:500 16px/1.6 var(--sans);color:var(--sky);margin:0 0 20px;overflow-wrap:anywhere}.button:disabled{background:var(--raised);color:var(--muted);cursor:default;box-shadow:none;transform:none}.button:disabled:before{display:none}.complete-content .next-section-note{font-size:13px;color:var(--muted);margin-top:24px}
@media(max-width:520px){.token-tile{grid-template-columns:minmax(0,1fr)}.token-controls{justify-content:flex-start}.token-tile p{overflow-wrap:anywhere}}

/* Shared progress track: three connected squares. */
.stage-progress{width:256px}
@media(max-width:520px){.stage-progress{width:220px}}

/* Walking marker follows the filled edge between the three level boxes. */
.stage-progress{width:392px;height:96px}.topbar{min-height:112px}.progress-walker{transform:translateX(var(--walk-to));animation:walker-travel .42s steps(8,end) both}.walk-frame-a{opacity:1;animation:walk-a .64s steps(1,end) infinite}.walk-frame-b{opacity:0;animation:walk-b .64s steps(1,end) infinite}.completion-line{transform-origin:44px 62px}
@keyframes walker-travel{from{transform:translateX(var(--walk-from))}to{transform:translateX(var(--walk-to))}}
@keyframes walk-a{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes walk-b{0%,49%{opacity:0}50%,100%{opacity:1}}
@media(max-width:800px){.stage-progress{width:320px;height:86px}.topbar{min-height:104px}}
@media(max-width:520px){.stage-progress{width:min(290px,100%);height:78px}.topbar{min-height:118px}}
@media(prefers-reduced-motion:reduce){.progress-walker,.walk-frame-a,.walk-frame-b{animation:none!important}.progress-walker{transform:translateX(var(--walk-to))}.walk-frame-a{opacity:1}.walk-frame-b{opacity:0}}

/* Runtime scenario formats, using the shared question shell. */
.ladder-options{position:relative;display:flex;flex-direction:column;gap:14px;padding:12px 24px}.ladder-options:before,.ladder-options:after{content:'';position:absolute;top:0;bottom:88px;width:6px;background:var(--gray);z-index:0}.ladder-options:before{left:10px}.ladder-options:after{right:10px}.ladder-options .choice-tile{position:relative;z-index:1;min-height:64px}.ladder-options .unsure{margin-top:8px;background:var(--light);border-color:var(--border);min-height:48px}.ladder-options .unsure:has(input:checked){border-color:var(--magenta)}
.slider-stops.named-stops:not(.percentage){display:grid;grid-template-columns:repeat(var(--stop-count),minmax(0,1fr));gap:14px;height:auto;min-height:112px;margin-top:16px}.slider-stops.named-stops:not(.percentage) span{position:static;transform:none;width:auto!important;text-align:left;min-width:0}.slider-stops.named-stops:not(.percentage) span:before{display:none}.slider-stops.named-stops:not(.percentage) strong{font-size:18px}.slider-stops.named-stops:not(.percentage) em{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.slider-stops.named-stops:not(.percentage) span:last-child{transform:none;text-align:left}.slider-group:has(.named-stops){align-items:flex-start}.slider-group:has(.named-stops) .not-sure-button{margin-top:48px}
.wave-bot{position:relative;width:112px;height:112px;margin:0 auto 32px}.wave-bot>svg:first-child{width:100%;height:100%}.wave-arm{position:absolute;right:8px;top:34px;width:25px;height:40px;transform-origin:50% 90%;animation:pixel-wave 1.2s steps(3,end) infinite}.complete-content:has(.wave-bot){margin-top:48px}
@keyframes pixel-wave{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(25deg)}}@keyframes door-light{to{color:var(--sky)}}
@media(max-width:800px){.slider-stops.named-stops:not(.percentage){gap:10px}}
@media(max-width:520px){.ladder-options{padding:10px 12px;gap:12px}.ladder-options:before{left:2px}.ladder-options:after{right:2px}.ladder-options .choice-tile{padding-left:24px}.slider-stops.named-stops:not(.percentage){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0}.slider-stops.stack-mobile:not(.percentage){grid-template-columns:1fr}.slider-stops.named-stops:not(.percentage) span{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}.slider-stops.named-stops:not(.percentage) em{margin-top:0;font-size:14px}.slider-group:has(.named-stops) .not-sure-button{margin-top:0}.complete-content:has(.wave-bot){margin-top:32px}}
@media(prefers-reduced-motion:reduce){.wave-arm{animation:none!important;transform:rotate(-10deg)}}
.title-content>.avatar-row{margin-top:32px}
/* Portal hub and reusable portal themes. */
.title-meta{gap:16px}.title-time{color:var(--sky);white-space:nowrap}
.portal-screen{position:relative;isolation:isolate;background:var(--green);color:var(--white)}.stage-three{position:relative;isolation:isolate;background:var(--black)}
.portal-screen h1{letter-spacing:0}.portal-screen .topbar{border-bottom-color:var(--black)}.hub-content{max-width:1200px;margin:42px auto 16px;text-align:center}.hub-content h1{font:400 36px/1.4 var(--pixel);margin:0 0 18px}.hub-intro{font:16px/1.7 var(--sans);max-width:660px;margin:0 auto 22px}.hub-counter{font-size:13px;color:var(--sky);margin:0 0 12px}.hub-recommendation{font:13px/1.6 var(--sans);margin:0 0 28px}
.portal-map{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;min-height:330px;padding:46px 0 0;margin:22px 0 36px;align-items:start}.overworld-path{position:absolute;inset:34px 0 auto;width:100%;height:150px;pointer-events:none}.portal-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:0 4px 16px;background:transparent;border:0;border-radius:0;color:var(--white);font-family:var(--sans);cursor:pointer}.portal-card.map-low{margin-top:55px}.portal-tile{position:relative;display:grid;place-items:center;width:84px;height:84px;border:4px solid var(--white);background:var(--black);flex-shrink:0}.portal-core{width:44px;height:52px;border:4px solid var(--black);background:var(--sky);box-shadow:inset -4px -4px 0 var(--gray)}.portal-tile:before{content:'▶';position:absolute;left:-28px;color:var(--magenta);font-size:16px;opacity:0}.portal-card:focus-visible{outline:4px solid var(--magenta);outline-offset:8px}.portal-name{font-size:12px;line-height:1.65;max-width:190px}.portal-descriptor{font-size:13px;line-height:1.6;max-width:190px}.portal-duration{font-size:11px;line-height:1.6;white-space:nowrap;color:var(--sky)}.recommended-tag{position:absolute;top:-30px;left:50%;transform:translateX(-50%);padding:6px 8px;border:2px solid var(--black);background:var(--magenta);color:var(--white);font-size:8px;white-space:nowrap}.recommended .portal-tile{animation:portal-bounce 1.6s steps(2,end) infinite}.portal-flag{position:absolute;right:-12px;top:-14px;width:24px;height:32px}.portal-flag svg{width:100%;height:100%}.portal-card.finished{cursor:default}.portal-card.finished .portal-core{background:var(--sky)}.portal-status{font-size:9px;color:var(--white);padding:4px 8px;background:var(--magenta);border:2px solid var(--black)}.hub-error{font:14px/1.6 var(--sans);color:var(--white);background:var(--ruby);border:var(--outline);padding:12px;max-width:520px;margin:0 auto 20px}.hub-actions{margin-top:14px}
.portal-entry-content{max-width:900px;margin:76px auto 36px;text-align:center}.portal-entry-content h1{font:400 clamp(26px,3vw,42px)/1.5 var(--pixel);letter-spacing:0;margin:0 0 22px}.entry-descriptor{font:18px/1.8 var(--sans);margin:0 0 20px}.entry-count{font:14px/1.6 var(--sans);color:var(--sky);margin:0 0 42px}.entry-portal-mark{color:var(--sky);font:96px/1 var(--pixel);margin-bottom:28px}.portal-entry-content .question-actions{margin-top:42px;gap:20px}.single-action{justify-content:center}.portal-complete .portal-entry-content{margin-top:90px}

.themed.theme-shadow,.themed.theme-rollback,.themed.theme-telemetry{background:var(--black)}.themed.theme-vault{background:var(--blue)}.themed.theme-evidence{background:var(--green)}.portal-texture{position:absolute;inset:16px;z-index:0;pointer-events:none;overflow:hidden;opacity:.07}.themed>.topbar,.themed>.question-body,.themed>.portal-entry-content{position:relative;z-index:1}.theme-shadow .portal-texture{opacity:.8}.theme-rollback .portal-texture{opacity:.2}.theme-telemetry .portal-texture{opacity:.1}.theme-evidence .portal-texture{opacity:.06}.shadow-flicker{animation:shadow-flicker 7s steps(1,end) infinite}.rollback-lines{animation:rollback-glitch 8s steps(1,end) infinite}.rewind-mark{position:absolute;right:20px;top:16px;width:40px;height:28px}.question-screen.stage-three .question-body{margin:0 auto}.question-screen.stage-three .scene{min-height:252px}.results-placeholder{background:var(--light);color:var(--black)}.results-placeholder .portal-entry-content{margin-top:clamp(120px,24vh,240px)}.results-placeholder h1{color:var(--black)}.results-placeholder .button{margin-top:24px}
.portal-screen>.pixel-dissolve{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));pointer-events:none}.dissolve-pixel{background:var(--black);opacity:0;animation:pixel-away .08s steps(1,end) both}
@keyframes pixel-away{from{opacity:1}to{opacity:0}}@keyframes portal-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shadow-flicker{0%,46%,52%,100%{opacity:.8}48%{opacity:.3}50%{opacity:.65}}@keyframes rollback-glitch{0%,96%,100%{transform:translateX(0)}97%{transform:translateX(4px)}98%{transform:translateX(-4px)}}
@media(max-width:1000px){.portal-map{gap:8px}.portal-tile{width:72px;height:72px}.portal-name{font-size:10px}.portal-descriptor{font-size:12px}.portal-duration{font-size:10px}.recommended-tag{font-size:7px}}
@media(max-width:800px){.title-meta .title-topic{display:none}.title-meta .title-time{display:inline}.hub-content{margin-top:30px}.portal-map{display:flex;flex-direction:column;align-items:center;gap:44px;padding:28px 0 0;min-height:0;margin-top:32px}.overworld-path{display:none}.portal-map:before{content:'';position:absolute;left:50%;top:30px;bottom:130px;border-left:4px dotted var(--sky);transform:translateX(-50%)}.portal-card,.portal-card.map-low{margin:0;width:100%;max-width:320px;gap:12px;padding-bottom:0}.portal-card>span:not(.portal-tile):not(.recommended-tag){background:var(--green);padding-left:10px;padding-right:10px}.portal-card .portal-status{background:var(--magenta)!important}.portal-name{font-size:13px;max-width:280px}.portal-descriptor{font-size:14px;max-width:280px}.portal-duration{font-size:12px}.portal-tile{width:84px;height:84px}.recommended-tag{font-size:8px;top:-28px}.portal-entry-content{margin-top:56px}.hub-content h1{font-size:30px}.portal-entry-content h1{font-size:30px}.entry-descriptor{font-size:17px}}
@media(max-width:520px){.hub-content{margin-top:24px}.hub-content h1{font-size:26px}.hub-intro{font-size:15px}.hub-counter{font-size:11px;line-height:1.8}.hub-recommendation{font-size:13px;max-width:270px;margin-left:auto;margin-right:auto}.hub-actions{align-items:stretch}.hub-actions .button{font-size:9px;padding:12px}.portal-entry-content{margin-top:44px}.portal-entry-content h1{font-size:27px;line-height:1.6}.entry-descriptor{font-size:16px}.portal-entry-content .question-actions{flex-direction:column;align-items:center;gap:16px}.portal-entry-content .button{min-width:200px}.portal-complete .portal-entry-content{margin-top:60px}.question-screen.stage-three .scene{min-height:220px}.portal-texture{inset:12px}}
@media(prefers-reduced-motion:reduce){.shadow-flicker{animation:none!important;opacity:.8}.rollback-lines,.recommended .portal-tile{animation:none!important;transform:none}.dissolve-pixel{animation:none!important;opacity:0}}
@media(max-width:800px){.title-meta>span.title-time:last-child{display:inline}}

/* One shared journey: three level boxes, then the computer-and-trophy finish line. */
.stage-progress{width:556px;max-width:100%;height:100px}
@media(max-width:800px){.stage-progress{width:420px;height:90px}}
@media(max-width:520px){.stage-progress{width:min(320px,100%);height:78px}}

.title-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.title-meta>span:first-child{grid-column:1;justify-self:start}
.title-meta>.title-topic{grid-column:2;justify-self:center}
.title-meta>.title-time{grid-column:3;justify-self:end}

@media(min-width:521px) and (max-width:800px){.stage-progress{width:min(420px,55vw)}}

/* Functional review and deliberately plain scoring-test results. */
.complete-content.review-content{max-width:1000px;margin-top:44px}.review-content>h1,.review-content>p{text-align:center}.review-list{list-style:none;margin:28px 0 32px;padding:0;display:flex;flex-direction:column;gap:14px;text-align:left}.review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;border:var(--outline);background:var(--white);color:var(--black);padding:20px 24px}.review-content .review-row p{font:15px/1.7 var(--sans);color:var(--black);margin:0;max-width:none}.review-row .button{min-height:48px}.review-status{font:15px/1.7 var(--sans)!important;color:var(--sky)!important}
.test-results-card{max-width:1000px;margin:36px auto;padding:32px;border:var(--outline);background:var(--white);box-shadow:inset -4px -4px 0 var(--border);color:var(--black);font:15px/1.7 var(--sans);text-align:left;overflow-wrap:anywhere}.test-results-card h1{font:600 28px/1.4 var(--sans);color:var(--black);margin:0 0 22px;letter-spacing:0}.test-results-card h2{font:600 18px/1.5 var(--sans);margin:28px 0 12px}.test-details{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px 24px;margin:24px 0 30px}.test-details dt{font-weight:600}.test-details dd{margin:0}.provisional-tag{display:inline-block;margin:0;padding:4px 12px;border:2px solid var(--gray);background:var(--light);color:var(--black);font:600 13px/1.6 var(--sans)}.test-score-table{width:100%;border-collapse:collapse;margin:28px 0}.test-score-table caption{font:600 18px/1.5 var(--sans);text-align:left;color:var(--black);margin-bottom:14px}.test-score-table th,.test-score-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px 10px 0;font:400 14px/1.7 var(--sans);vertical-align:top}.test-score-table thead th{font-weight:600}.test-score-table th:first-child{width:62%}.test-findings{list-style:square;padding-left:22px;margin:12px 0 30px}.test-findings li{margin:10px 0}.test-results-card .button{margin-top:20px;font-family:var(--sans);font-weight:500}
@media(max-width:520px){.review-row{grid-template-columns:1fr;gap:16px;padding:18px}.review-row .button{justify-self:start}.complete-content.review-content{margin-top:28px}.test-results-card{margin:20px auto;padding:22px 18px}.test-results-card h1{font-size:24px}.test-details{grid-template-columns:1fr;gap:4px;margin:20px 0}.test-details dt{margin-top:12px}.test-score-table th:first-child{width:55%}.test-score-table th,.test-score-table td{font-size:14px;padding-right:8px}}

/* Generating and revealing the profile share one stage, without a layout jump. */
.results-sequence{background:#000005;color:#FFFFFF;min-height:calc(100svh - 48px)}
.results-sequence-content{width:min(760px,100%);margin:auto;min-height:590px;display:grid;grid-template-rows:192px 280px;gap:24px;align-content:center;justify-items:center;text-align:center;padding:24px 20px 48px;position:relative}
.reveal-figure{position:relative;width:192px;height:192px;flex:none;margin:0 auto;display:grid;place-items:center;grid-area:1/1}
.reveal-robot{width:128px;height:128px;position:relative;z-index:1}
.reveal-robot svg{display:block;width:100%;height:100%;image-rendering:pixelated;shape-rendering:crispEdges}
.reveal-panel{position:absolute;inset:8px 12px 20px;border:4px solid #000005;opacity:0;transform:scale(.75)}
.reveal-shadow{position:absolute;bottom:0;left:64px;width:64px;height:8px;background:#1A1C2A;box-shadow:8px -4px #1A1C2A,-8px -4px #1A1C2A}
.is-hovering .reveal-robot{animation:profile-hover 1.6s steps(2,end) infinite}
.is-hovering .reveal-shadow{animation:profile-shadow 1.6s steps(2,end) infinite}
@keyframes profile-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes profile-shadow{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.75)}}
.is-flashing .reveal-robot{animation:profile-flash .36s steps(1,end) both}
@keyframes profile-flash{0%,66.66%,100%{filter:none}33.33%{filter:brightness(0) invert(1)}}
.is-revealed .reveal-panel{opacity:1;transform:scale(1);animation:profile-panel .24s steps(3,end) both}
@keyframes profile-panel{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
.results-loading{grid-area:2/1;width:100%;height:148px;transition:opacity .2s linear}
.loading-bar-row{display:flex;align-items:center;gap:20px;width:min(480px,100%);margin:auto}
.pixel-loading-bar{height:32px;background:#000005;border:4px solid #FFFFFF;flex:1;overflow:hidden}
.pixel-loading-fill{background:#D00070;height:100%;width:0}
.loading-percent{width:70px;text-align:right;font-size:18px}
.loading-message{font:400 18px/1.6 Inter,sans-serif;min-height:58px;margin:26px 0 0;display:flex;justify-content:center;align-items:flex-start}
.typed-message{display:inline-block;max-width:100%;clip-path:inset(0 100% 0 0);animation:profile-type .4s steps(var(--letters),end) forwards}
@keyframes profile-type{to{clip-path:inset(0 0 0 0)}}
.loading-finished{position:static;pointer-events:none;opacity:0}
.avatar-reveal-copy{grid-area:2/1;width:100%;align-self:start}
.reveal-label{font-size:16px;color:#D00070;margin:0 0 12px;animation:profile-copy .18s steps(2,end) .18s both}
.reveal-name{font-size:clamp(28px,5vw,44px);line-height:1.25;color:#FFFFFF;margin:0 0 22px;animation:profile-copy .18s steps(2,end) .36s both}
.reveal-tagline{font:400 19px/1.6 Inter,sans-serif;max-width:620px;margin:0 auto 12px;animation:profile-copy .18s steps(2,end) .54s both}
.reveal-provisional{font:400 14px/1.6 Inter,sans-serif;color:#F0F2F5;margin:0 auto 20px;animation:profile-copy .18s steps(2,end) .54s both}
.reveal-results-button{margin-top:24px;animation:profile-copy .25s linear both}
@keyframes profile-copy{from{opacity:0}to{opacity:1}}
@media(max-width:520px){.results-sequence-content{padding:24px 0 36px;min-height:550px;grid-template-rows:168px 300px}.reveal-figure{width:168px;height:168px}.reveal-robot{width:112px;height:112px}.reveal-shadow{left:56px;width:56px}.loading-bar-row{gap:12px}.loading-percent{font-size:16px;width:60px}.loading-message{font-size:16px;min-height:80px}.reveal-tagline{font-size:17px}.reveal-provisional{font-size:14px}}
@media(prefers-reduced-motion:reduce){.results-sequence .reveal-robot,.results-sequence .reveal-shadow{animation:none!important}.results-sequence .pixel-loading-fill{transition:width .04s linear!important}.results-sequence .typed-message{animation:none;clip-path:none}.results-sequence .reveal-panel,.results-sequence .avatar-reveal-copy>*{animation:profile-copy .2s linear both!important}.results-sequence .is-revealed .reveal-robot{animation:profile-copy .25s linear both!important}}

.results-brand-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:4px solid var(--black);margin-bottom:24px}
.test-results-card .results-brand-header h1{margin:0}
.trustible-wordmark{font:700 32px/1.2 var(--sans);letter-spacing:-1.2px;color:var(--black);text-decoration:none;flex:none}
.trustible-wordmark:focus-visible{outline:4px solid var(--magenta);outline-offset:6px}
.results-summary{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:32px;align-items:center}
.results-persona{margin:16px 0 24px;text-align:center}
.results-persona-art{width:192px;height:192px;border:4px solid var(--black);display:grid;place-items:center;margin:0 auto 12px}
.results-persona-art svg{width:144px;height:144px;image-rendering:pixelated;shape-rendering:crispEdges}
.results-persona figcaption{font:600 18px/1.4 var(--sans);color:var(--black)}
@media(max-width:700px){.results-summary{grid-template-columns:1fr;gap:8px}.results-persona{margin:0 auto 24px}.results-brand-header{gap:16px;flex-wrap:wrap}.trustible-wordmark{font-size:28px}.results-persona-art{width:168px;height:168px}.results-persona-art svg{width:128px;height:128px}}
.trustible-wordmark img{display:block;width:160px;max-width:100%;height:auto;image-rendering:auto}
@media(max-width:520px){.trustible-wordmark img{width:140px}}

/* Character details screen and fully linked resource tiles. */
.results-page-screen{background:var(--light);color:var(--black)}
.assessment-results{width:min(1200px,100%);margin:16px auto 32px;text-align:left;overflow-wrap:anywhere}
.assessment-results .results-brand-header{margin-bottom:36px}
.assessment-results .results-brand-header h1{font:600 clamp(22px,3vw,32px)/1.3 var(--sans);margin:0;color:var(--black)}
.results-byline{font:400 14px/1.5 var(--sans);color:var(--body);margin:0 0 8px}
.character-profile{position:relative;background:var(--black);color:var(--white);border:4px solid var(--white);outline:4px solid var(--black);padding:36px;isolation:isolate}
.character-profile:before{content:'';position:absolute;inset:8px;border:4px solid var(--gray);z-index:-1;pointer-events:none}
.character-profile-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:36px;align-items:start}
.character-identity{text-align:center;padding:14px 12px 0}
.character-portrait{border:4px solid var(--white);width:208px;height:208px;display:grid;place-items:center;margin:0 auto 24px}
.character-portrait svg{display:block;width:160px;height:160px;image-rendering:pixelated;shape-rendering:crispEdges;animation:profile-hover 1.6s steps(2,end) infinite}
.character-profile .persona-name{font:400 clamp(28px,3vw,38px)/1.3 var(--pixel);color:var(--white);margin:0 0 18px;letter-spacing:0}
.character-tagline{font:400 16px/1.65 var(--sans);color:var(--white);max-width:360px;margin:0 auto 24px}
.character-tier{color:var(--sky);font-size:12px;line-height:1.6;margin:0}
.character-sheet{min-width:0;padding:8px 0}
.sheet-row{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:12px 20px;padding:14px 0;border-bottom:2px solid var(--raised);min-width:0}
.character-profile .sheet-label{color:var(--sky);font:400 11px/1.7 var(--pixel);margin:0}
.sheet-value{color:var(--white);font:400 17px/1.6 var(--sans);min-width:0}
.sheet-level{color:var(--magenta);font-size:48px;line-height:1.1}
.sheet-tag{justify-self:start;padding:5px 12px;font:500 14px/1.5 var(--sans);border:2px solid var(--gray);color:var(--white)}
.exposure-tag.high{background:var(--ruby);border-color:var(--ruby)}
.exposure-tag.low{background:var(--green);border-color:var(--green)}
.profile-provisional{background:var(--gray);border-color:var(--gray)}
.tier-row{align-items:start;padding-top:20px;padding-bottom:20px}
.result-pixel-bar{height:22px;border:3px solid var(--white);background:var(--black);overflow:hidden;min-width:0}
.result-pixel-bar>span{display:block;height:100%;background:var(--magenta)}
.tier-progress-block .result-pixel-bar{height:28px;border-width:4px}
.tier-progress-copy{font:400 13px/1.6 var(--sans);color:var(--white);margin:10px 0 0}
.character-stats{margin-top:24px}
.character-stats>h3{margin-bottom:12px!important}
.character-stat{display:grid;grid-template-columns:146px minmax(44px,1fr) 40px;gap:6px 12px;align-items:center;padding:8px 0 10px}
.stat-name-wrap{position:relative;min-width:0}
.stat-name-button{border:0;border-bottom:2px dotted var(--gray);background:none;color:var(--white);padding:10px 0;min-height:44px;font:400 10px/1.7 var(--pixel);text-align:left;width:100%;cursor:help;white-space:normal}
.stat-name-button:focus-visible{outline:3px solid var(--magenta);outline-offset:4px}
.stat-tooltip{position:absolute;display:none;top:100%;left:0;width:280px;max-width:calc(100vw - 72px);z-index:10;background:var(--white);color:var(--black);border:4px solid var(--black);box-shadow:inset -4px -4px 0 var(--border);padding:14px;font:400 14px/1.6 var(--sans)}
.stat-name-wrap:hover .stat-tooltip,.stat-name-wrap:focus-within .stat-tooltip,.stat-name-wrap.tooltip-open .stat-tooltip{display:block}
.stat-number{font-size:12px;text-align:right;color:var(--white)}
.stat-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2px}
.stat-tag{font:500 10px/1.5 var(--sans);padding:2px 8px;color:var(--white)}
.stat-tag.strongest{background:var(--green)}
.stat-tag.priority{background:var(--magenta)}
.character-narrative{margin-top:32px;padding-top:28px;border-top:4px solid var(--gray)}
.profile-copy-section+.profile-copy-section{margin-top:28px}
.profile-copy-section>p{font:400 16px/1.8 var(--sans);color:var(--white);margin:10px 0 0}
.pixel-bullet-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.pixel-bullet-list li{position:relative;padding-left:22px;color:var(--white);font:400 15px/1.75 var(--sans)}
.pixel-bullet-list li:before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;background:var(--magenta)}
.profile-next-level>p{border:4px solid var(--magenta);padding:18px 20px}
.results-resource-section{margin-top:48px}
.results-resource-section>h2{font:400 22px/1.5 var(--pixel);color:var(--black);margin:0 0 22px}
.finding-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.action-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.resource-tile{display:flex;flex-direction:column;position:relative;min-width:0;min-height:180px;border:4px solid var(--black);box-shadow:inset -4px -4px 0 var(--border);padding:24px;background:var(--white);color:var(--black);text-decoration:none;transition:transform .14s steps(2,end),border-color .14s steps(1,end);font:400 16px/1.7 var(--sans)}
.resource-tile.finding-tile{border-left-color:var(--magenta)}
a.resource-tile:hover,a.resource-tile:focus-visible{border-color:var(--magenta);transform:translateY(-4px);outline:none}
a.resource-tile:after{content:'▶';position:absolute;bottom:18px;right:16px;color:var(--magenta);font:400 16px/1 var(--pixel);opacity:0}
a.resource-tile:hover:after,a.resource-tile:focus-visible:after{opacity:1}
.resource-tile-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:16px}
.resource-tile h3{font:400 16px/1.6 var(--pixel);color:var(--black);margin:0}
.resource-explanation{font:400 15px/1.8 var(--sans);margin:0 0 24px;color:var(--black)}
.resource-tile-footer{margin-top:auto;padding-top:18px;border-top:2px solid var(--border);padding-right:20px}
.resource-title{font:400 13px/1.6 var(--sans);color:var(--body);margin:0 0 12px}
.resource-open-label{font-size:11px;line-height:1.8;color:var(--magenta)}
.action-number{display:grid;place-items:center;width:40px;height:40px;background:var(--magenta);color:var(--white);font-size:20px;flex:none}
.resource-tile.no-findings{grid-column:1/-1;min-height:0;padding:24px}
.deep-dive-table{background:var(--white);border:4px solid var(--black);box-shadow:inset -4px -4px 0 var(--border);margin:0;width:100%}
.deep-dive-table th,.deep-dive-table td{padding:14px 20px}
.results-bottom-actions{margin-top:36px}
@media(max-width:1000px){.character-profile{padding:30px}.character-profile-top{gap:24px;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.sheet-row{grid-template-columns:105px minmax(0,1fr);gap:12px}.character-stat{grid-template-columns:120px minmax(40px,1fr) 34px;gap:6px 8px}.stat-name-button{font-size:9px}.action-resource-grid{gap:16px}.resource-tile{padding:20px}.resource-tile h3{font-size:14px}}
@media(max-width:800px){.character-profile-top{grid-template-columns:1fr}.character-identity{padding-top:8px;padding-bottom:20px}.character-sheet{padding:0}.character-stat{grid-template-columns:146px minmax(44px,1fr) 40px;gap:6px 12px}.stat-name-button{font-size:10px}.sheet-row{grid-template-columns:126px minmax(0,1fr);gap:12px 20px}.action-resource-grid{grid-template-columns:1fr}.finding-resource-grid{grid-template-columns:1fr}.resource-tile{min-height:0}.resource-tile-heading{flex-direction:row;align-items:flex-start}.resource-tile h3{font-size:16px}.resource-tile-footer{margin-top:0}.character-profile .persona-name{font-size:32px}}
@media(max-width:520px){.assessment-results{margin-top:12px}.assessment-results .results-brand-header{margin-bottom:28px}.character-profile{padding:28px 22px}.character-profile-top{gap:12px}.character-portrait{width:196px;height:196px}.character-tagline{font-size:15px}.character-tier{font-size:11px}.sheet-row{grid-template-columns:1fr;gap:10px;padding:16px 0}.sheet-level{font-size:44px}.character-stat{grid-template-columns:112px minmax(30px,1fr) 30px;gap:6px 8px}.stat-name-button{font-size:9px}.stat-number{font-size:10px}.character-profile .sheet-label{font-size:10px}.character-stats{margin-top:22px}.character-narrative{margin-top:24px}.profile-copy-section>p{font-size:15px;line-height:1.8}.pixel-bullet-list li{font-size:14px}.profile-next-level>p{padding:14px}.results-resource-section{margin-top:36px}.results-resource-section>h2{font-size:19px}.resource-tile{padding:20px}.resource-tile-heading{flex-direction:column}.resource-tile h3{font-size:15px}.resource-explanation{font-size:14px}.deep-dive-table th,.deep-dive-table td{padding:12px;font-size:13px}.results-bottom-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.character-portrait svg{animation:none!important}a.resource-tile:hover,a.resource-tile:focus-visible{transform:none}}
.stat-name-wrap.tooltip-dismissed .stat-tooltip{display:none}

/* Light character profile with black copy and retained magenta accents. */
.character-profile{background:var(--white);color:var(--black);border-color:var(--black);outline-color:var(--black)}
.character-profile:before{border-color:var(--border)}
.character-profile .persona-name,.character-profile .sheet-label,.character-profile .sheet-value,.character-profile .sheet-level,.character-profile .character-tagline,.character-profile .character-tier,.character-profile .tier-progress-copy,.character-profile .stat-name-button,.character-profile .stat-number,.character-profile .profile-copy-section>p,.character-profile .pixel-bullet-list li{color:var(--black)}
.character-portrait{border-color:var(--black)}
.character-profile .result-pixel-bar{border-color:var(--black);background:var(--white)}
.character-profile .sheet-row{border-bottom-color:var(--border)}
.character-profile .character-narrative{border-top-color:var(--border)}
.character-profile .sheet-tag,.character-profile .stat-tag{color:var(--black);background:var(--white);border:2px solid var(--black)}
.character-profile .exposure-tag.high{border-color:var(--ruby)}
.character-profile .exposure-tag.low,.character-profile .stat-tag.strongest{border-color:var(--green)}
.character-profile .stat-tag.priority{border-color:var(--magenta)}
.character-profile .profile-provisional{background:var(--light);border-color:var(--gray)}
.recommendation-group{margin-top:28px}
.recommendation-group+.recommendation-group{margin-top:36px}
.recommendation-group-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.recommendation-group-heading h3{font:400 16px/1.6 var(--pixel);margin:0;color:var(--black)}
.recommendation-priority{border:2px solid var(--magenta);padding:3px 10px;background:var(--white);font:500 12px/1.5 var(--sans);color:var(--black)}
@media(max-width:520px){.recommendation-group-heading h3{font-size:14px}}

/* Resource library covers on the left, character details on the right. */
.results-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,1fr);gap:28px;align-items:start}
.results-columns>.character-profile{grid-column:2;grid-row:1;min-width:0;padding:28px 22px}
.results-columns>.resource-library{grid-column:1;grid-row:1;min-width:0}
.results-columns .character-profile-top{grid-template-columns:1fr;gap:20px}
.results-columns .character-identity{padding:4px 0 12px}
.results-columns .character-portrait{width:192px;height:192px}
.results-columns .character-profile .persona-name{font-size:28px}
.results-columns .character-tagline{font-size:15px}
.results-columns .sheet-row{grid-template-columns:1fr;gap:8px;padding:14px 0}
.results-columns .character-stat{grid-template-columns:110px minmax(30px,1fr) 32px;gap:6px 8px}
.results-columns .stat-name-button{font-size:9px}
.results-columns .stat-tooltip{left:auto;right:0;width:250px;max-width:calc(100vw - 80px)}
.results-columns .character-profile .sheet-label{font-size:10px}
.results-columns .profile-copy-section>p{font-size:14px;line-height:1.8}
.results-columns .pixel-bullet-list li{font-size:13px}
.results-columns .profile-next-level>p{padding:14px}
.resource-library>.results-resource-section:first-child{margin-top:0}
.resource-library .results-resource-section>h2{font-size:20px}
.resource-library .finding-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.resource-library .action-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.resource-library .resource-tile{padding:16px;overflow:hidden}
.resource-library .resource-tile-heading{gap:12px;margin-bottom:14px}
.resource-library .resource-tile h3{font-size:12px;line-height:1.8}
.resource-library .resource-explanation{font-size:13px;line-height:1.8}
.resource-library .resource-title{font-size:12px}
.resource-library .resource-open-label{font-size:9px}
.resource-library .resource-tile-footer{padding-top:14px}
.resource-library .action-number{width:28px;height:28px;font-size:14px}
.resource-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;margin:-16px -16px 20px;padding:12px;border-bottom:4px solid var(--black);gap:8px;position:relative}
.resource-cover-art{display:block;width:100%;max-width:160px;height:66px}
.resource-cover-art svg{width:100%;height:100%;shape-rendering:crispEdges;image-rendering:pixelated}
.resource-cover-label{font-size:10px;line-height:1.6;text-align:center;max-width:100%}
.resource-library .finding-tile .resource-cover{min-height:110px;flex-direction:row;gap:16px;text-align:left}
.resource-library .finding-tile .resource-cover-art{width:100px;flex:none;height:60px}
.resource-library .finding-tile .resource-cover-label{text-align:left}
@media(max-width:1150px){.results-columns{grid-template-columns:minmax(0,1fr) 340px;gap:24px}.resource-library .action-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-library .finding-resource-grid{grid-template-columns:1fr}}
@media(max-width:950px){.results-columns{grid-template-columns:1fr;gap:36px}.results-columns>.character-profile{grid-column:1;grid-row:1}.results-columns>.resource-library{grid-column:1;grid-row:2}.results-columns .character-profile-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px}.results-columns .character-profile .persona-name{font-size:30px}.resource-library .action-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-library .resource-tile h3{font-size:13px}.resource-library .resource-explanation{font-size:14px}}
@media(max-width:650px){.results-columns .character-profile-top{grid-template-columns:1fr}.resource-library .action-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-library .resource-tile h3{font-size:12px}.resource-library .resource-explanation{font-size:13px}.resource-cover{min-height:128px}.resource-cover-label{font-size:9px}}
@media(max-width:420px){.resource-library .action-resource-grid{grid-template-columns:1fr}.resource-library .resource-tile h3{font-size:15px}.resource-library .resource-explanation{font-size:14px}.resource-cover{min-height:140px;flex-direction:row;gap:16px}.resource-cover-art{width:120px;flex:none}.resource-cover-label{font-size:12px;text-align:left}.resource-library .resource-open-label{font-size:11px}.resource-library .action-number{width:36px;height:36px;font-size:18px}.resource-library .resource-tile-heading{flex-direction:row}}
.persona-resource-grid{margin-top:8px}

/* Final results arrangement: profile left, five approved resources right. */
.results-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.results-columns>.character-profile{grid-column:1;grid-row:1}
.results-columns>.resource-library{grid-column:2;grid-row:1}
.results-columns .character-profile-top{grid-template-columns:190px minmax(0,1fr);gap:24px}
.results-columns .character-profile .persona-name{font-size:25px}
.results-columns .character-profile .character-tagline{font-size:14px}
.results-columns .character-profile .sheet-value{font-size:15px;overflow-wrap:anywhere}
.resource-library .persona-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.resource-library>.results-resource-section:first-child{margin-top:0}
.resource-library .resource-tile h3{font-size:13px;line-height:1.7}
.resource-library .resource-explanation{font-size:14px;line-height:1.8}
.resource-library .resource-open-label{font-size:10px}
.next-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.next-step-tile{background:var(--white);border:4px solid var(--black);box-shadow:inset -4px -4px 0 var(--border);padding:24px;color:var(--black)}
.next-step-tile h3{font:400 15px/1.7 var(--pixel);margin:18px 0 12px;color:var(--black)}
.next-step-tile p{font:400 15px/1.8 var(--sans);margin:0;color:var(--black)}
@media(max-width:1200px){.results-columns .character-profile-top{grid-template-columns:1fr}.results-columns .character-profile .persona-name{font-size:28px}}
@media(max-width:1000px){.results-columns{grid-template-columns:1fr;gap:36px}.results-columns>.character-profile{grid-column:1;grid-row:1}.results-columns>.resource-library{grid-column:1;grid-row:2}.results-columns .character-profile-top{grid-template-columns:minmax(190px,2fr) minmax(0,3fr);gap:28px}}
@media(max-width:650px){.results-columns .character-profile-top{grid-template-columns:1fr}.resource-library .persona-resource-grid{grid-template-columns:1fr}.resource-library .resource-tile h3{font-size:15px}.resource-library .resource-explanation{font-size:14px}.next-steps-grid{grid-template-columns:1fr}.next-step-tile{padding:20px}}

/* Tier progress introduces the next moves, outside the white character sheet. */
.level-up-panel{margin-top:40px;padding:26px 30px;background:var(--black);color:var(--white);border:4px solid var(--black);text-align:center}
.level-up-panel h2{font:400 14px/1.7 var(--pixel);color:var(--white);margin:0 0 38px}
.level-up-journey{display:grid;grid-template-columns:80px minmax(0,1fr) 80px;gap:28px;align-items:center}
.level-up-avatar{position:relative;width:80px;height:80px}
.level-up-avatar>svg{display:block;width:100%;height:100%;shape-rendering:crispEdges;image-rendering:pixelated}
.level-up-meter{position:relative;min-width:0}
.level-up-panel .result-pixel-bar{height:30px;border:4px solid var(--white);background:var(--black)}
.level-up-marker{position:absolute;left:var(--tier-progress);bottom:calc(100% + 4px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--white);line-height:1;pointer-events:none}
.level-up-score{font-size:22px;line-height:1.2;color:var(--white)}
.level-up-arrow{font:400 13px/1 var(--sans);color:var(--white)}
.level-up-points{font-size:15px;line-height:1.8;color:var(--white);margin:18px 0 8px}
.level-up-caption{font:400 16px/1.7 var(--sans);color:var(--white);margin:0}
.level-up-crown{position:absolute;width:28px;height:22px;top:-18px;right:0}
.level-up-crown svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}
.level-up-panel+.results-resource-section{margin-top:20px}
@media(max-width:520px){.level-up-panel{padding:22px 16px}.level-up-panel h2{font-size:11px;margin-bottom:40px}.level-up-journey{grid-template-columns:48px minmax(0,1fr) 48px;gap:12px}.level-up-avatar{width:48px;height:48px}.level-up-score{font-size:18px}.level-up-panel .result-pixel-bar{height:24px}.level-up-points{font-size:12px;line-height:1.8}.level-up-caption{font-size:14px}.level-up-crown{width:22px;height:18px;top:-14px}}
.level-up-marker{width:max-content;min-width:44px;white-space:nowrap}
.level-up-score{white-space:nowrap;overflow-wrap:normal}

/* Readable assessment and results typography. Small labels use Inter Medium. */
body{font-size:16px;line-height:1.4}
body .button{font-size:14px!important;line-height:1.4}
body .title-meta.pixel{display:flex;justify-content:flex-end;font:500 14px/1.4 var(--sans)}
body .title-footer,body .title-footer .pixel,body .level-names,body .eyebrow,body .keyboard-hint,body .time-left,body .helper,body .contact-privacy,body .contact-privacy p,body .portal-duration,body .portal-descriptor,body .hub-counter,body .hub-recommendation,body .portal-status,body .recommended-tag,body .scenario-banner{font:500 14px/1.4 var(--sans)}
body .press-start,body .speaker,body .scene-caption,body .scene-caption.pixel,body .portal-name,body .key{font-size:14px;line-height:1.4}
body .option,body .choice-tile,body .entry-descriptor,body .scene-label,body .intro-line,body .reveal-tagline,body .loading-message{font-family:var(--sans);font-size:16px;line-height:1.4}
body .slider-stops,body .slider-stops strong,body .slider-stops.named-stops:not(.percentage) strong{font-family:var(--sans);font-size:14px;line-height:1.4}
body .dialogue{--muted:#4E586D;--body:#4E586D}
body #validation,body #name-privacy,body #name-error{font:500 14px/1.4 var(--sans)}
body .loading-percent,body .reveal-label{font-size:14px;line-height:1.4}
.assessment-results{--muted:#4E586D;--body:#4E586D;font:400 16px/1.4 var(--sans)}
.assessment-results p,.assessment-results li{line-height:1.4}
.assessment-results .results-brand-header h1{font:400 clamp(24px,3vw,32px)/1.3 var(--pixel)}
.assessment-results .character-profile{width:100%;padding:36px}
.assessment-results .character-profile-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:36px}
.assessment-results .character-tagline,.assessment-results .sheet-value,.assessment-results .profile-copy-section>p,.assessment-results .pixel-bullet-list li{font:400 16px/1.4 var(--sans);color:var(--black)}
.assessment-results .character-tier,.assessment-results .sheet-label,.assessment-results .stat-name-button,.assessment-results .stat-number,.assessment-results .stat-tag,.assessment-results .sheet-tag{font:500 14px/1.4 var(--sans);color:var(--black)}
.assessment-results .sheet-row{grid-template-columns:140px minmax(0,1fr);gap:16px;padding:16px 0}
.assessment-results .character-stat{grid-template-columns:170px minmax(40px,1fr) 40px;gap:8px 14px}
.assessment-results .stat-name-button{min-height:44px}
.assessment-results .stat-tooltip{font:400 16px/1.4 var(--sans);width:320px}
.assessment-results .character-stats>h3,.assessment-results .profile-copy-section>h3,.assessment-results .results-resource-section>h2{font:400 20px/1.4 var(--pixel);color:var(--black)}
.assessment-results .profile-copy-section+.profile-copy-section{margin-top:28px}
.assessment-results .level-up-panel h2{font:500 14px/1.4 var(--sans);color:var(--white)}
.assessment-results .level-up-points{font:400 16px/1.4 var(--pixel);color:var(--white)}
.assessment-results .level-up-caption{font:400 16px/1.4 var(--sans);color:var(--white)}
.checkpoint-list{padding:0;margin:32px 0 0;list-style:none;display:grid;gap:32px}
.checkpoint-row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 320px;gap:24px;align-items:start;padding:0 0 16px;min-width:0}
.checkpoint-row:before{content:'';position:absolute;z-index:0;left:19px;top:38px;bottom:-70px;width:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='16'%3E%3Crect width='6' height='6' fill='%23D00070'/%3E%3C/svg%3E");background-repeat:repeat-y}
.checkpoint-row:last-child:before{display:none}
.checkpoint-node{position:relative;z-index:1;margin-top:16px;width:44px;height:44px;border:4px solid var(--black);background:var(--magenta);color:var(--white);display:grid;place-items:center;font:400 18px/1.4 var(--pixel)}
.checkpoint-flag{position:absolute;width:24px;height:28px;top:-25px;right:-10px}
.checkpoint-flag svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}
.checkpoint-copy{min-width:0;padding-top:12px}
.checkpoint-area{font:500 14px/1.4 var(--sans);color:var(--gray);margin:0 0 10px}
.checkpoint-copy h3{font:400 18px/1.4 var(--pixel);color:var(--black);margin:0 0 16px}
.checkpoint-sentence{font:400 16px/1.4 var(--sans);color:var(--black);margin:0}
.resource-cartridge{position:relative;z-index:1;display:grid;grid-template-rows:7fr 3fr;height:300px;min-width:0;border:4px solid var(--black);background:var(--white);color:var(--black);text-decoration:none;box-shadow:6px 6px 0 var(--black);transition:transform .16s steps(2,end),box-shadow .16s steps(2,end);margin-top:8px}
.resource-cartridge:before{content:'';position:absolute;top:-14px;left:calc(50% - 24px);width:48px;height:14px;background:var(--cartridge-color);border:4px solid var(--black);border-bottom:0;z-index:-1}
.resource-cartridge:hover,.resource-cartridge:focus-visible{transform:translateY(-6px);box-shadow:10px 12px 0 var(--black);outline:4px solid var(--magenta);outline-offset:3px}
.cartridge-label{position:relative;background:var(--cartridge-color);color:var(--cartridge-ink);padding:28px 14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;text-align:center}
.cartridge-type{position:absolute;left:10px;top:8px;background:var(--white);color:var(--black);padding:4px 7px;border:2px solid var(--black);font:500 14px/1.4 var(--sans)}
.cartridge-icon{display:block;flex:none;width:80px;height:80px;color:var(--cartridge-ink)}
.cartridge-icon svg{display:block;width:100%;height:100%;shape-rendering:crispEdges;image-rendering:pixelated}
.cartridge-title{font:400 14px/1.25 var(--pixel);color:var(--cartridge-ink);display:block;max-width:100%;overflow-wrap:normal}
.cartridge-strip{border-top:4px solid var(--black);background:var(--white);display:grid;place-items:center;padding:14px}
.cartridge-open{display:block;width:100%;padding:10px 12px;text-align:center;background:var(--magenta);color:var(--white);font:400 14px/1.4 var(--pixel)}
.cartridge-start-tag{position:absolute;z-index:2;top:-18px;right:-12px;transform:rotate(8deg);padding:6px 10px;border:4px solid var(--black);background:var(--magenta);color:var(--white);font:400 14px/1.4 var(--pixel)}
.finding-detail{padding:24px;background:var(--white);border:4px solid var(--black);border-left-color:var(--magenta);box-shadow:inset -4px -4px 0 var(--border);font:400 16px/1.4 var(--sans);color:var(--black)}
.finding-detail h3{font:400 18px/1.4 var(--pixel);margin:0 0 16px}
.finding-detail p{font:400 16px/1.4 var(--sans);margin:0}
.assessment-results .test-score-table th,.assessment-results .test-score-table td{font:400 16px/1.4 var(--sans);padding:16px}
.assessment-results .test-score-table thead th{font-weight:500}
.results-cta{display:grid;grid-template-columns:80px minmax(0,1fr);gap:24px;align-items:center;margin-top:40px;padding:28px;border:4px solid var(--magenta);background:var(--black);color:var(--white);text-decoration:none}
.cta-avatar{width:80px;height:80px}
.cta-avatar svg{width:100%;height:100%;shape-rendering:crispEdges;image-rendering:pixelated}
.cta-copy h2{font:400 20px/1.4 var(--pixel);color:var(--white);margin:0 0 14px}
.cta-copy p{font:400 16px/1.4 var(--sans);color:var(--white);margin:0 0 20px}
.cta-book{display:inline-block;padding:12px 18px;background:var(--magenta);color:var(--white);font:400 14px/1.4 var(--pixel)}
.results-cta:focus-visible,.results-cta:hover{outline:4px solid var(--black);outline-offset:4px}
.results-bottom-actions{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:28px}
.pdf-download-status{font:500 14px/1.4 var(--sans);color:var(--gray);margin:16px 0 0}
@media(max-width:900px){.assessment-results .character-profile-top{grid-template-columns:1fr}.checkpoint-row{grid-template-columns:44px minmax(0,1fr) 280px;gap:18px}.checkpoint-copy h3{font-size:16px}}
@media(max-width:760px){.checkpoint-row{grid-template-columns:44px minmax(0,1fr);gap:18px 20px}.resource-cartridge{grid-column:2;width:100%;max-width:360px}.assessment-results .character-stat{grid-template-columns:150px minmax(30px,1fr) 34px;gap:8px 10px}.assessment-results .sheet-row{grid-template-columns:1fr;gap:10px}.results-cta{grid-template-columns:64px minmax(0,1fr);gap:16px}.cta-avatar{width:64px;height:64px}}
@media(max-width:520px){.assessment-results .character-profile{padding:28px 22px}.assessment-results .character-stat{grid-template-columns:120px minmax(24px,1fr) 34px;gap:8px}.assessment-results .stat-name-button{font-size:14px}.resource-cartridge{grid-column:1/-1;max-width:none;margin:16px 6px 8px 0}.checkpoint-row{padding-bottom:16px}.checkpoint-copy h3{font-size:16px}.checkpoint-list{gap:32px}.results-cta{grid-template-columns:1fr;padding:22px}.cta-copy h2{font-size:20px}.results-bottom-actions{flex-direction:column}.results-bottom-actions .button{width:100%}.assessment-results .finding-resource-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.resource-cartridge:hover,.resource-cartridge:focus-visible{transform:none;box-shadow:6px 6px 0 var(--black)}}
body legend,body input,body select,body textarea{font-family:var(--sans);font-size:16px;line-height:1.4}
body .complete-content p,body .hub-intro,body .portal-entry-content p{font-family:var(--sans);line-height:1.4}
.cartridge-type,.stat-tag,.sheet-tag{white-space:nowrap}
.assessment-results .level-up-panel h2{font:400 20px/1.4 var(--pixel);color:var(--white)}
/* Expanded results: shared report order and readable, answer-based explanations. */
.assessment-results .character-stats{width:100%;margin:0}
.assessment-results .character-stats>h3{display:none}
.assessment-results .character-stat{grid-template-columns:200px minmax(60px,1fr) 48px;gap:10px 20px;padding:24px 0;border-bottom:2px solid var(--border)}
.assessment-results .stat-tags{grid-column:1/-1}
.assessment-results .stat-description,.assessment-results .stat-evidence{grid-column:1/-1;font:400 15px/1.4 var(--sans);color:#4E586D;margin:0}
.assessment-results .stat-evidence{background:#FFFFFF;border-left:4px solid #174C36;padding:16px;color:#000005}
.assessment-results .stat-evidence.priority{border-left-color:#D00070}
.assessment-results .character-narrative{border:0;padding:0;margin:32px 0}
.assessment-results .profile-copy-section h2{font:400 20px/1.4 var(--pixel);margin:0 0 16px;color:#000005}
.assessment-results .profile-copy-section{margin:0 0 32px}
.assessment-results .finding-detail p+p{margin-top:16px}
.assessment-results strong{font-weight:500}
.assessment-results .watch-intro{font:400 16px/1.4 var(--sans);margin:0 0 24px}
.next-step-list{list-style:none;margin:24px 0 0;padding:24px;border:4px solid #D00070;display:grid;gap:24px}
.next-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px}
.step-number{width:44px;height:44px;display:grid;place-items:center;background:#D00070;color:white;border:4px solid #000005;font:400 18px/1.4 var(--pixel)}
.next-step h3{font:400 16px/1.4 var(--pixel);margin:0 0 10px}.next-step p{font:400 16px/1.4 var(--sans);margin:0}
.resource-cartridge{height:auto;grid-template-rows:auto auto}.cartridge-label{min-height:212px;padding-bottom:20px}.cartridge-strip{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px}
.cartridge-strip .cartridge-type-line{font:500 14px/1.4 var(--sans);color:#000005;margin:0}.cartridge-strip .cartridge-description{font:400 14px/1.4 var(--sans);color:#4E586D;margin:0}
.newsletter-banner{display:grid;grid-template-columns:80px minmax(0,1fr);gap:24px;align-items:center;margin:40px 6px 0 0;padding:28px;border:4px solid #000005;background:#D00070;color:#FFFFFF;box-shadow:6px 6px 0 #000005;text-decoration:none}
.newsletter-icon{width:80px;height:80px;color:#FFFFFF}.newsletter-icon svg{width:100%;height:100%;shape-rendering:crispEdges}
.newsletter-copy h2{font:400 20px/1.4 var(--pixel);margin:0 0 14px;color:white}.newsletter-copy p{font:400 16px/1.4 var(--sans);margin:0 0 20px;color:white}
.newsletter-subscribe{display:inline-block;background:white;color:#000005;border:4px solid #000005;padding:12px 18px;font:400 14px/1.4 var(--pixel)}
.newsletter-copy .newsletter-fine{font:400 14px/1.4 var(--sans);margin:12px 0 0}.newsletter-banner:hover,.newsletter-banner:focus-visible{outline:4px solid #000005;outline-offset:4px}
@media(max-width:600px){.assessment-results .character-stat{grid-template-columns:130px minmax(24px,1fr) 36px;gap:10px}.newsletter-banner{grid-template-columns:1fr;padding:22px}.next-step-list{padding:16px}.next-step{gap:12px}}

/* High-contrast section headers distinguish labels from explanatory copy. */
.assessment-results .results-resource-section>h2,.assessment-results .profile-copy-section>h2{background:#000005;color:#FFFFFF;border-left:8px solid #D00070;padding:12px 16px;margin-bottom:24px;font:400 20px/1.4 var(--pixel)}
.assessment-results .stat-name-button{font:400 16px/1.4 var(--pixel);color:#000005;text-align:left}
/* Larger title-screen composition, centered within the space between meta and footer. */
#title-screen .title-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;min-width:0}
#title-screen .eyebrow{font:500 18px/1.4 var(--sans);margin:0 0 28px}
#title-screen h1{font-size:clamp(36px,4.8vw,68px);line-height:1.25;letter-spacing:-1.5px;max-width:100%}
#title-screen .avatar-row{gap:24px;margin-top:36px}
#title-screen .avatar-box{width:140px;height:140px;flex:none}
#title-screen .avatar-box svg{width:112px;height:112px}
#title-screen .start-block{margin-top:36px}
#title-screen .press-start{margin:0 0 18px}
#title-screen #start{min-height:64px;padding:16px 36px;font-size:18px!important}
@media(max-width:800px){#title-screen .title-content{padding:40px 0}#title-screen h1{font-size:clamp(26px,5vw,40px);letter-spacing:-1px}#title-screen .avatar-row{gap:14px}#title-screen .avatar-box{width:104px;height:104px}#title-screen .avatar-box svg{width:88px;height:88px}}
@media(max-width:520px){#title-screen .title-content{padding:32px 0}#title-screen .eyebrow{font-size:16px;margin-bottom:24px}#title-screen h1{font-size:clamp(22px,5.7vw,29px);line-height:1.4;letter-spacing:-.5px}#title-screen .avatar-row{gap:8px;margin-top:28px}#title-screen .avatar-box{width:clamp(56px,16.5vw,82px);height:clamp(64px,19vw,88px)}#title-screen .avatar-box svg{width:100%;height:auto;aspect-ratio:1}#title-screen .start-block{margin-top:28px;width:100%;max-width:360px}#title-screen #start{width:100%;min-height:60px;padding:16px;font-size:14px!important}}

/* Results typography: pixel type is reserved for the profile identity and header bars. */
.assessment-results,.assessment-results *{letter-spacing:0;text-transform:none}
.assessment-results{line-height:1.45}
.assessment-results .pixel{font-family:var(--sans)!important;font-weight:500;letter-spacing:0!important}
.assessment-results .results-brand-header h1,.assessment-results .persona-name,.assessment-results .sheet-level,.assessment-results .level-up-score,.assessment-results .results-resource-section>h2,.assessment-results .profile-copy-section>h2{font-family:var(--pixel)!important;font-weight:400;letter-spacing:.02em!important}
.assessment-results .level-up-score{font-size:18px}
.assessment-results p,.assessment-results li,.assessment-results .sheet-value,.assessment-results .character-tagline,.assessment-results .pixel-bullet-list li{line-height:1.45}
.assessment-results .stat-name-button,.assessment-results .finding-detail h3,.assessment-results .next-step h3{font:500 16px/1.45 var(--sans);color:#000005}
.assessment-results .checkpoint-copy h3{font:500 17px/1.45 var(--sans);color:#000005;margin-bottom:24px}
.assessment-results .cartridge-title{font:500 17px/1.45 var(--sans);color:#FFFFFF;text-align:center}
.assessment-results .cartridge-title,.assessment-results .cartridge-label{overflow:visible}
.assessment-results .character-tier,.assessment-results .sheet-label,.assessment-results .stat-number,.assessment-results .stat-tag,.assessment-results .sheet-tag,.assessment-results .level-up-panel h2,.assessment-results .cartridge-start-tag,.assessment-results .cartridge-type,.assessment-results .checkpoint-node,.assessment-results .step-number{font:500 14px/1.45 var(--sans)}
.assessment-results .button,.assessment-results .cartridge-open,.assessment-results .newsletter-subscribe,.assessment-results .cta-book{font:500 15px/1.45 var(--sans)!important;letter-spacing:0}
.assessment-results .newsletter-copy h2,.assessment-results .cta-copy h2{font:500 20px/1.45 var(--sans)}
.assessment-results .stat-description,.assessment-results .stat-evidence,.assessment-results .cartridge-description,.assessment-results .pdf-download-status{color:#000005;line-height:1.45}
.assessment-results .stat-description{margin-top:8px}
.assessment-results .finding-detail h3{margin-bottom:24px}
.assessment-results .next-step h3{margin-bottom:18px}
.assessment-results .cartridge-type-line,.assessment-results .checkpoint-area{color:#4E586D;line-height:1.45}
.assessment-results .stat-tooltip,.assessment-results .watch-intro,.assessment-results .checkpoint-sentence,.assessment-results .profile-copy-section>p{color:#000005;line-height:1.45}
.assessment-results .newsletter-copy p,.assessment-results .cta-copy p,.assessment-results .level-up-caption{color:#FFFFFF;line-height:1.45}

html[data-saved-results-opening] .game-window{visibility:hidden}
.saved-results-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;color:#000005}
.saved-results-notice p{font:400 14px/1.45 Inter,sans-serif;margin:0}.saved-results-notice .button{font:500 14px/1.45 Inter,sans-serif;letter-spacing:0;flex-shrink:0}.results-link-error{background:#000005;color:#FFFFFF}.results-link-error h1{font:500 clamp(20px,4vw,30px)/1.45 Inter,sans-serif;max-width:720px}.results-link-error .button{margin-top:24px}@media(max-width:600px){.saved-results-notice{align-items:flex-start;flex-direction:column}}

.confirmation-screen{background:var(--black);color:var(--white)}.confirmation-body{max-width:1000px;margin:28px auto 0}.confirmation-title{font:500 clamp(24px,3vw,34px)/1.4 var(--sans);letter-spacing:0;margin:0 0 28px}.confirmation-checkboxes{display:grid;gap:18px;margin-top:28px}.confirmation-check{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;align-items:start;min-height:48px;cursor:pointer;font:400 16px/1.45 var(--sans);color:var(--black);padding:8px 0}.confirmation-check input{position:absolute;opacity:0;width:28px;height:28px;margin:8px 0}.confirmation-check-mark{display:grid;place-items:center;width:28px;height:28px;border:4px solid var(--black);background:var(--white);color:transparent;font:600 18px/1 var(--sans)}.confirmation-check input:checked+.confirmation-check-mark{color:var(--white);background:var(--magenta)}.confirmation-check input:focus-visible+.confirmation-check-mark{outline:3px solid var(--magenta);outline-offset:4px}.confirmation-check-copy a{color:var(--ruby);text-decoration:underline;text-underline-offset:3px}.confirmation-check-copy a:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.confirmation-helper{font:400 14px/1.45 var(--sans);color:var(--gray);margin:20px 0 0}.confirmation-error{font:500 16px/1.45 var(--sans);color:var(--ruby);margin:18px 0 0}.confirmation-screen .question-actions{gap:20px}.confirmation-screen .dialogue-content{padding:32px}@media(max-width:600px){.confirmation-screen .dialogue-content{padding:22px}.confirmation-screen .question-actions{align-items:stretch;flex-direction:column-reverse}.confirmation-screen .button{width:100%}.confirmation-check{gap:12px}}

.next-step.answer-ready{outline:3px solid var(--white);outline-offset:4px}.pixel-select option:disabled{background:var(--white);color:var(--gray)}.portal-card.portal-selected .portal-tile{border-color:var(--magenta);box-shadow:0 0 0 4px var(--black)}.portal-card.portal-selected .portal-tile:before{opacity:1}.hub-path-entry{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 auto 30px;padding:20px;border:0;max-width:820px}.selected-path-summary{font:400 16px/1.45 var(--sans);margin:0}.enter-selected-path:disabled{opacity:.6;cursor:default}.base-results-callout{text-align:center;font:400 14px/1.45 var(--sans)}.base-results-callout p{margin:0 0 4px}.base-results-link{min-height:44px;border:0;border-radius:0;background:transparent;color:var(--white);text-decoration:underline;text-underline-offset:4px;font:500 16px/1.45 var(--sans);padding:8px 12px}.base-results-link:focus-visible{outline:3px solid var(--sky);outline-offset:3px}@media(max-width:650px){.hub-path-entry{flex-direction:column;gap:14px}.hub-actions{flex-wrap:wrap;justify-content:center}.base-results-callout{order:3;flex-basis:100%;margin-top:12px}}

/* Independent door choices, with no route or implied sequence. */
.portal-map{min-height:0;gap:22px;margin:20px 0 24px;padding:34px 0 0;align-items:start}
.portal-card,.portal-card.map-low{margin-top:0}
.portal-map:before,.overworld-path{display:none!important}
.portal-tile{width:80px;height:104px;border-width:4px;box-shadow:6px 6px 0 var(--black)}
.portal-core{position:relative;width:48px;height:76px;border-width:4px;box-shadow:inset -4px -4px 0 var(--gray)}
.portal-core:after{content:'';position:absolute;right:5px;top:36px;width:6px;height:6px;background:var(--black)}
/* A narrower, compact shell spends space on answers instead of scenery. */
body:has(#question-screen:not([hidden])),body:has(.hub-screen:not([hidden])),body:has(.confirmation-screen:not([hidden])){padding:12px}
body:has(#question-screen:not([hidden])) .game-window,body:has(.hub-screen:not([hidden])) .game-window,body:has(.confirmation-screen:not([hidden])) .game-window{max-width:1180px;min-height:calc(100svh - 24px)}
#question-screen{min-height:calc(100svh - 32px);padding:16px 32px 20px;display:flex;flex-direction:column}
#question-screen .topbar,.hub-screen .topbar,.confirmation-screen .topbar{min-height:64px;padding:0 0 8px;flex-shrink:0}
#question-screen .stage-progress,.hub-screen .stage-progress,.confirmation-screen .stage-progress{width:390px;height:58px}
#question-screen .question-body{width:100%;max-width:1040px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center}
#question-screen .scene{min-height:0;height:102px;padding:8px 0;gap:4px;flex-shrink:0}
#question-screen .agent-stage{height:62px;width:160px}
#question-screen .scene-bot{width:56px;height:56px}
#question-screen .floor-tile{height:10px;bottom:0}
#question-screen .scene-caption{font-size:14px;line-height:1.3}
#question-screen .scenario-banner{position:absolute;left:0;top:20px;padding:6px 12px;font-size:14px}
#question-screen .scene{position:relative}
#question-screen .dialogue{padding:18px 22px}
#question-screen .speaker{margin-bottom:8px}
#question-screen legend{font-size:17px;line-height:1.35;margin-bottom:12px}
#question-screen .helper{margin-bottom:12px}
#question-screen .question-actions{margin-top:12px;gap:16px}
#question-screen .button{min-height:46px;padding:10px 20px}
#question-screen .option{min-height:44px;padding-top:3px;padding-bottom:3px}
#question-screen .options{gap:2px}
#question-screen .choice-grid{gap:8px}
#question-screen .choice-tile{min-height:58px;padding:10px 12px 10px 26px;font-size:16px;gap:8px}
#question-screen .sector-grid .choice-tile{min-height:66px;display:flex;flex-wrap:nowrap}
#question-screen .sector-grid .choice-tile>span:last-child{width:auto}
#question-screen .tile-icon{width:22px;height:22px}
#question-screen .stacked-grid .choice-tile,#question-screen .ladder-options .choice-tile{min-height:48px}
#question-screen .ladder-options{gap:8px;padding:6px 20px}
#question-screen .contact-field{margin-top:14px}
#question-screen .contact-privacy{margin:14px 0 0;font-size:14px}
#question-screen .text-input,#question-screen .pixel-select{min-height:48px;padding:10px 14px}
#question-screen .select-wrap:after{top:13px}
#question-screen .other-field{margin-top:12px}
#question-screen .slider-group{padding:10px 0 0;gap:24px}
#question-screen .slider-area{padding-top:42px}
#question-screen .slider-stops{margin-top:10px}
#question-screen .slider-stops.named-stops:not(.percentage){min-height:76px;gap:12px}
#question-screen .token-bank{margin:0 0 14px}
#question-screen .pixel-coin{width:22px;height:22px}
#question-screen .token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#question-screen .token-tile{padding:10px;gap:8px;grid-template-columns:minmax(0,1fr)}
#question-screen .token-tile p{font-size:14px;line-height:1.3}
#question-screen .token-controls{justify-content:space-between}
#question-screen .token-share{height:4px}
.hub-screen{min-height:calc(100svh - 32px);padding:16px 32px 24px}
.hub-screen .hub-content{margin-top:20px}
.hub-screen .hub-content h1{font-size:30px}
.hub-screen .hub-intro{margin:14px auto;max-width:720px}
.hub-screen .hub-counter,.hub-screen .hub-recommendation{margin:10px 0}
.hub-screen .hub-path-entry{margin-bottom:16px;padding:12px 18px}
.hub-screen .hub-actions{margin-top:8px}
@media(min-width:801px) and (max-height:760px){
 #question-screen .scene{height:84px}
 #question-screen .agent-stage{height:48px}
 #question-screen .scene-bot{width:44px;height:44px}
 #question-screen .dialogue{padding:14px 18px}
 #question-screen .token-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #question-screen .token-tile{padding:8px}
 #question-screen .token-tile p{min-height:36px}
 .hub-screen .hub-content{margin-top:12px}
 .hub-screen .portal-map{margin:12px 0 18px;padding-top:28px}
 .hub-screen .portal-card{gap:8px;padding-bottom:8px}
 .hub-screen .portal-tile{width:68px;height:86px}
 .hub-screen .portal-core{width:42px;height:62px}
}
@media(max-width:800px){
 #question-screen{padding:14px 22px 18px}
 #question-screen .stage-progress{width:min(350px,58vw);height:54px}
 #question-screen .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #question-screen .token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #question-screen .dialogue{padding:16px}
 .portal-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:38px 16px;padding-top:34px}
 .portal-card,.portal-card.map-low{width:100%;max-width:none}
 .hub-screen .portal-map:before{display:none}
}
@media(max-width:520px){
 body:has(#question-screen:not([hidden])){padding:6px}
 body:has(#question-screen:not([hidden])) .game-window{min-height:calc(100svh - 12px)}
 #question-screen{min-height:calc(100svh - 20px);padding:12px 16px 16px}
 #question-screen .topbar{display:grid;min-height:56px;grid-template-columns:1fr auto}
 #question-screen .stage-progress{grid-column:1;width:min(260px,64vw);height:48px;margin:0}
 #question-screen .time-left{grid-column:2;margin:0;font-size:12px}
 #question-screen .scene{height:88px}
 #question-screen .scenario-banner{position:static;font-size:12px;padding:3px 8px}
 #question-screen .scene:has(.scenario-banner){height:112px}
 #question-screen .dialogue{padding:14px 12px}
 #question-screen .sector-grid .choice-tile{padding:8px 8px 8px 20px;min-height:68px;font-size:15px}
 #question-screen .sector-grid .tile-icon-wrap{display:none}
 #question-screen .multi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #question-screen .slider-group{gap:14px}
 #question-screen .token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #question-screen .token-bank{display:flex;gap:12px}
 #question-screen .pixel-coins{gap:3px}
 #question-screen .pixel-coin{width:14px;height:14px}
 #question-screen .token-controls{gap:4px}
 .hub-screen{padding:16px 22px 22px}
 .hub-screen .portal-name{font-size:12px}
}
.hub-screen .hub-content{margin-bottom:0}
.confirmation-screen{min-height:calc(100svh - 32px);padding:16px 32px 20px}
.confirmation-screen .confirmation-body{margin:14px auto 0;width:100%;max-width:1040px}
.confirmation-screen .dialogue{padding:18px 22px}
.confirmation-screen .dialogue-content{padding:0}
.confirmation-screen .confirmation-title{margin-bottom:20px}
.confirmation-screen .confirmation-checkboxes{margin-top:20px;gap:12px}
@media(min-width:801px){
 #question-screen .options:has(.option:nth-child(8)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
 #question-screen:has(.ladder-options) .scene{height:64px}
 #question-screen .ladder-options{gap:6px;padding:4px 20px}
 #question-screen .ladder-options .choice-tile{padding-top:5px;padding-bottom:5px;min-height:44px}
 #question-screen .token-tile{padding:6px;gap:4px}
}
.hub-screen .hub-path-entry{padding:10px 18px;margin-bottom:12px}
.hub-screen .hub-actions{margin-top:4px}
/* Keep title and between-question screens in the same modest game window. */
body:has(#title-screen:not([hidden])),body:has(#complete-screen:not([hidden])),body:has(.portal-entry:not([hidden])),body:has(.portal-complete:not([hidden])){padding:12px}
body:has(#title-screen:not([hidden])) .game-window,body:has(#complete-screen:not([hidden])) .game-window,body:has(.portal-entry:not([hidden])) .game-window,body:has(.portal-complete:not([hidden])) .game-window{max-width:1180px;min-height:calc(100svh - 24px)}
#title-screen,#complete-screen,.portal-entry,.portal-complete{min-height:calc(100svh - 32px);padding:20px 32px}
#title-screen .title-content{padding:24px 0}
#title-screen h1{font-size:clamp(28px,4vw,48px)}
#title-screen .eyebrow{margin-bottom:20px}
#title-screen .avatar-row{margin-top:24px;gap:20px}
#title-screen .avatar-box{width:104px;height:104px}
#title-screen .avatar-box svg{width:88px;height:88px}
#title-screen .start-block{margin-top:24px}
#title-screen .press-start{margin-bottom:12px}
#title-screen #start{min-height:56px;padding:12px 28px;font-size:16px!important}
#complete-screen .topbar,.portal-entry .topbar,.portal-complete .topbar{min-height:64px;padding-bottom:8px}
#complete-screen .stage-progress,.portal-entry .stage-progress,.portal-complete .stage-progress{width:390px;height:58px}
#complete-screen .complete-content,.portal-entry .portal-entry-content,.portal-complete .portal-entry-content{margin-top:clamp(30px,8vh,72px)}
@media(max-width:520px){#title-screen,#complete-screen,.portal-entry,.portal-complete{padding:20px 18px}#title-screen h1{font-size:clamp(22px,5.7vw,29px)}#title-screen .avatar-row{gap:8px}#title-screen .avatar-box{width:clamp(56px,16.5vw,82px);height:clamp(64px,19vw,88px)}#title-screen .avatar-box svg{width:100%;height:auto}}
.hub-screen .hub-content{margin-top:12px}
.hub-screen .portal-map{padding-top:28px;margin:12px 0 18px}
@media(max-width:800px){#question-screen .question-actions{position:sticky;bottom:8px;z-index:4;padding:10px 6px;background:var(--black);box-shadow:0 -4px 0 var(--black)}}

.confirmation-required-marker{color:#D00070}.confirmation-screen .confirmation-required-note{margin-top:12px}.confirmation-checkboxes .confirmation-error{margin:0 0 0 44px}