.context-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.context-options button{background:#e9e2f3;border:1px solid transparent;border-radius:16px;min-height:86px;padding:18px;font-size:16px;color:#573962;text-align:left}.context-options button[aria-pressed=true]{background:#654786;color:#fff;box-shadow:0 5px 15px #58376820}.context-options button:focus-visible{outline-offset:3px}#context-start{margin-top:20px}#situation{padding-top:40px;min-height:70vh}
#play-context{font-size:14px;margin:0 0 5px;color:#806a8c}.answers .answer{font-size:14px;padding:12px 7px}.zone{font-size:clamp(14px,3.3vw,18px);white-space:nowrap}.zone:disabled{opacity:1;cursor:default}.zone b{display:none}
.placed-chip{pointer-events:auto;padding:0;width:20px;height:27px;cursor:pointer;isolation:isolate}.placed-chip::before{inset:-8px;background:transparent;width:auto;height:auto;border-radius:5px}.placed-chip::after{left:4px;right:4px;top:10px}.placed-chip:focus-visible{outline:2px solid #56356e;outline-offset:5px}.placed-chip:hover{filter:brightness(1.06);box-shadow:0 4px 10px #50346044}.placed-preview{position:fixed;z-index:30;width:240px;padding:17px 20px;background:#fbd4b3;color:#482c4c;font:500 16px/1.45 var(--sans);border:1px solid #fff9;border-radius:12px;box-shadow:0 8px 25px #48305124;pointer-events:none}
#discover-field{position:relative;height:clamp(245px,77vw,390px);margin:0 0 20px;overflow:hidden;border-radius:24px}#discover-field .field-side{width:100%;height:100%;aspect-ratio:auto}#discover-field .orbit{width:230%;aspect-ratio:2.1;top:0}#discover-field .self{font-size:17px}#discover-field .placed-chip{width:22px;height:29px}#discover-field .zone{font-size:16px}#discover-field .muted-card{opacity:.15;pointer-events:none}#discover .flow-lead{margin-bottom:14px}
.colour-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.colour-filters button{display:flex;align-items:center;gap:7px;min-height:42px;border:1px solid #d8cce4;border-radius:24px;padding:9px 13px;background:transparent;font-size:14px;color:#62466f}.colour-filters button[aria-pressed=true]{background:#ece4f6;border-color:#826197;color:#452b50}.colour-filters i,.colour-tag i{width:13px;height:13px;border-radius:4px;flex:none;border:1px solid #5034601a}.colour-explanation{border-left:2px solid #c9b5dd;padding:2px 0 2px 16px;margin:16px 0 24px;color:#755d80;font-size:15px;line-height:1.65}.colour-explanation p{margin:4px 0}.colour-explanation h2{font-size:18px;font-weight:500;margin:0 0 8px}
.placed-group{margin:15px 0}.placed-group h2{font:400 14px/1.5 var(--sans);color:#886e93;margin:0 0 5px}.placed-row{display:flex;align-items:center;gap:14px;width:100%;padding:12px 4px;text-align:left;background:none;border-bottom:1px solid #e3dbea;font-size:16px;color:#50365a}.list-mini{width:22px;height:30px;flex:none;border-radius:4px;border:1px solid #fff9;transform:rotate(-7deg);box-shadow:0 2px 0 #6a517a33}.row-open{font-size:22px;font-weight:300;color:#977ca6;margin-left:auto}.profile-explainer{margin-top:28px}.profile-explainer>summary{font-size:16px}.colour-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.colour-tag{display:flex;align-items:center;gap:7px;font-size:14px;color:#705179}.card-colour-band{position:absolute;bottom:16px;left:22px;right:22px;height:8px;border-radius:4px;opacity:.85}
.valuation-detail{border-bottom:1px solid #dfd3e8;padding:12px 0;color:#735781;font-size:14px;line-height:1.65}.valuation-detail>summary{cursor:pointer;list-style:none}.valuation-detail>summary::after{content:' +';color:#9775a7}.valuation-detail[open]>summary::after{content:' −'}.valuation-detail summary span{margin-right:8px;font-size:20px}.valuation-detail p{font-size:15px}#valuation{margin:0 0 8px}#results .page-back{padding-left:0;font-size:14px}#extra-knowledge li{font-size:16px;line-height:1.7;margin:8px 0}#extra-knowledge ul{padding-left:20px}.topic>p{overflow-wrap:anywhere}#discover .flow-actions{margin-top:26px}
@media(max-width:370px){.answers .answer{font-size:13px}#discover-field .zone{font-size:14px}.context-options{gap:8px}.context-options button{padding:14px}}
@media(prefers-reduced-motion:reduce){.flow-page{animation:none}.card-flipper{transition:none}}
@media print{body main>#discover,body main>#situation,.placed-preview{display:none!important}}

.next-step-actions .quiet-note{margin:0 0 10px;text-align:center;font-size:14px}.secondary-share{border:1px solid #c6b3d5;background:transparent;border-radius:25px;color:#654786;padding:12px 24px;min-height:48px;font-size:16px}.coaching-link{display:block;text-align:center}#share-dialog{max-width:540px;width:calc(100% - 28px);max-height:90dvh;overflow:auto}#share-dialog h2{font-size:27px;line-height:1.25}#share-dialog p{line-height:1.6}.close-share{position:absolute;right:16px;top:12px;background:none;font-size:28px;min-width:44px;min-height:44px}.share-choice{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-size:15px}.share-choice input{width:20px;height:20px;accent-color:#654786;flex:none}#share-preview{width:100%;padding:16px;border:1px solid #d7c9e2;border-radius:12px;background:#f7f3fa;color:#4b3657;font:14px/1.6 var(--sans);resize:vertical;min-height:200px}#summary .next-step-actions{margin-top:22px}.next-step-actions .primary-button span{margin-left:14px;font-size:22px}@media print{#share-dialog{display:none!important}}

#colour-filters{display:block;margin:22px 0}.hierarchy-heading h2{font:600 22px/1.3 Manrope,var(--sans);color:#482c4c;letter-spacing:-.5px;margin:0 0 8px}.hierarchy-heading p{font-size:14px;color:#806b8c;margin:0 0 15px}.colour-filters .all-colours{display:inline-flex;margin:0 0 15px}.colour-filters .colour-rank{display:grid;width:100%;grid-template-columns:1fr auto;gap:9px 12px;text-align:left;margin:0 0 9px;padding:14px 16px;border:1px solid transparent;border-radius:12px;background:#ede6f340}.colour-filters .colour-rank[aria-pressed=true]{background:#e9e0f3;border-color:#b49bc8}.rank-label{display:flex;align-items:center;gap:9px;min-width:0;font-size:15px;line-height:1.4}.rank-label i{flex:none}.rank-counts{font-size:13px;white-space:nowrap;color:#7d6489;align-self:center}.rank-track{display:flex;grid-column:1/-1;height:7px;border-radius:6px;overflow:hidden;background:#dfd5e840}.rank-track>span{height:100%;display:block}.rank-partial{opacity:.4}.quiet-colours{margin:22px 0 12px;display:flex;flex-wrap:wrap;gap:7px}.quiet-colours>p{flex-basis:100%;font-size:13px;color:#8a7696;margin:0 0 3px}.quiet-colours button{font-size:13px;background:transparent;color:#826c90;border-color:#e0d6e8}.quiet-colours i{opacity:.45}.ranking-method{font-size:13px;color:#80688f;line-height:1.65;margin:18px 0}.ranking-method summary{cursor:pointer}.ranking-method p{font-size:14px;margin:12px 0}@media(max-width:390px){.colour-filters .colour-rank{grid-template-columns:1fr}.rank-counts{padding-left:22px}.rank-track{grid-column:1}}

.deck-progress{display:block;width:68px;height:5px;overflow:hidden;border-radius:8px;background:#ddd3e9}.progress-dots .deck-progress i{display:block;height:100%;background:#76518e;border-radius:8px}.progress-dots{flex-shrink:0}#pause-deck{display:block;margin:8px auto;font-size:14px;color:#654786;text-decoration:underline;text-underline-offset:4px}.checkpoint-cards{display:flex;justify-content:center;align-items:center;height:180px;margin:20px 0}.checkpoint-cards i{display:block;width:84px;height:115px;background:linear-gradient(120deg,#fbd0aa,#efb184);border:1px solid #fff9;border-radius:10px;box-shadow:0 3px 0 #886e7944,0 7px 17px #50346018;transform:rotate(-12deg);margin-right:-12px}.checkpoint-cards i:nth-child(2){background:#e2d5f0;transform:translateY(-10px) rotate(2deg);z-index:1}.checkpoint-cards i:nth-child(3){background:#cddfcd;transform:rotate(13deg)}#checkpoint .flow-actions{gap:16px}#checkpoint .centered{margin-top:22px;font-size:14px;line-height:1.7}.deck-count{font-size:13px;line-height:1.6;margin:0}#resume-deck{padding-left:0;margin:4px 0 10px}.browse-card h2{hyphens:auto}.browse-card{overflow-wrap:anywhere}@media print{body main>#checkpoint{display:none!important}}

.optional-reflection{margin:22px 0;font-size:14px;color:#80688f}.optional-reflection summary{cursor:pointer}.optional-reflection .text-button{font-size:14px}#checkpoint-modal,#game-share-dialog{max-width:470px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}#checkpoint-modal h2,#game-share-dialog h2{font:600 27px/1.25 Manrope,var(--sans);color:#482c4c;margin:15px 0}#checkpoint-modal p,#game-share-dialog p{line-height:1.65}#checkpoint-modal .quiet-note{font-size:13px;margin-top:22px}#game-share-link{width:100%;padding:13px;border:1px solid #d8c9e2;border-radius:10px;font:14px var(--sans);color:#654786;background:#f5eff9}@media print{#checkpoint-modal,#game-share-dialog,.optional-reflection{display:none!important}}