.game-page--who-said-it{--game-accent:var(--blue)}.game-page--bad-argument-arena{--game-accent:var(--pink)}.game-page--would-annoy-kant{--game-accent:var(--amber)}.sequence-game{width:100%}.sequence-stage,.sequence-results,.sequence-noscript{background:var(--paper-raised);color:var(--paper-ink);border:1px solid #c7c0b2;padding:clamp(1.4rem,3vw,2.4rem)}.sequence-stage__heading{grid-template-columns:clamp(10.5rem,23vw,12.5rem) minmax(0,1fr);grid-template-areas:"portrait copy";align-items:end;gap:clamp(1rem,3vw,2rem);margin-block:clamp(2rem,5vw,4.2rem) 2rem;display:grid}.sequence-stage__copy{grid-area:copy;max-width:62rem}.sequence-philosopher-avatar{background:var(--world-black);border:1px solid #aaa294;grid-area:portrait;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.sequence-philosopher-avatar[hidden]{display:none}.sequence-philosopher-avatar picture{min-width:0;overflow:hidden}.sequence-philosopher-avatar picture,.sequence-philosopher-avatar img{aspect-ratio:1;width:100%;display:block}.sequence-philosopher-avatar img{object-fit:contain;height:100%;transform:translate(var(--headshot-frame-x,0), var(--headshot-frame-y,0)) scale(var(--headshot-frame-scale,1));transform-origin:0 0}.sequence-philosopher-avatar>span{background:#f5f1e8;gap:.15rem;padding:.55rem .65rem;display:grid}.sequence-philosopher-avatar small{color:#6d685e;letter-spacing:.06em;text-transform:uppercase;font-size:.58rem}.sequence-philosopher-avatar strong{color:var(--paper-ink);font-family:var(--heading);font-size:.78rem}.sequence-stage__setup{color:#676158;max-width:52rem;margin:0 0 1rem;font-size:clamp(1rem,1.6vw,1.2rem)}.sequence-stage h2,.sequence-results h2{max-width:62rem;color:var(--paper-ink);margin:0;font-size:clamp(1.7rem,4vw,3.4rem)}.sequence-options{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.8rem;display:grid}.sequence-option{cursor:pointer;min-height:5.6rem;display:block;position:relative}.sequence-option input{opacity:0;width:1px;height:1px;position:absolute}.sequence-option>span{height:100%;transition:border-color var(--action), background var(--action), transform var(--action);background:#f5f1e8;border:1px solid #aaa294;grid-template-columns:2rem minmax(0,1fr);align-items:center;padding:1rem;display:grid}.sequence-option i{color:#756f65;font-family:var(--heading);font-style:normal}.sequence-option strong{color:var(--paper-ink);font-family:var(--heading)}.sequence-option:hover>span,.sequence-option input:focus-visible+span,.sequence-option.is-selected>span{border-color:var(--game-accent);background:color-mix(in srgb, var(--game-accent) 8%, #f5f1e8)}.sequence-option input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--game-accent) 42%, transparent);outline-offset:2px}.sequence-option.is-correct>span{border-color:var(--green);box-shadow:inset 0 -3px var(--green)}.sequence-option.is-incorrect>span{border-color:var(--pink);box-shadow:inset 0 -3px var(--pink)}.sequence-option:has(input:disabled){cursor:default}.sequence-feedback{border-left:3px solid var(--game-accent);background:color-mix(in srgb, var(--game-accent) 6%, #f5f1e8);max-width:58rem;margin:1.25rem 0 0;padding:1.25rem 1.4rem}.sequence-feedback.is-correct{border-left-color:var(--green)}.sequence-feedback.is-incorrect{border-left-color:var(--pink)}.sequence-feedback h3{color:var(--paper-ink);margin:.25rem 0 .5rem}.sequence-feedback p{margin:0}.sequence-feedback small{color:#6d685e;margin-top:.8rem;display:block}.sequence-feedback__profile{font-family:var(--heading);font-size:.8rem;font-weight:700;margin-top:.9rem!important}.sequence-feedback__profile a{color:#6d531d;text-underline-offset:.24rem}.sequence-feedback__profile span{color:#6d685e}.sequence-results__lead{max-width:54rem;font-size:clamp(1.05rem,1.8vw,1.25rem)}.sequence-score{border-left:3px solid var(--game-accent);margin-block:1.5rem 3rem;padding:1rem 1.4rem;display:inline-grid}.sequence-score strong{color:var(--paper-ink);font-family:var(--heading);font-size:2rem}.sequence-score span{color:#6d685e;letter-spacing:.07em;text-transform:uppercase;font-size:.75rem}.sequence-result-philosopher{max-width:48rem;margin-block:-1.5rem 3rem}.sequence-principles{margin-block:1rem 3rem}.sequence-principles h3{max-width:46rem;margin:0 0 1.2rem}.sequence-principles ol{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.65rem;padding:0;list-style:none;display:grid}.sequence-principles li{border:1px solid #c7c0b2;justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.sequence-principles strong{font-family:var(--heading)}.sequence-ledger>ol,.sequence-noscript>ol{gap:.7rem;padding:0;list-style:none;display:grid}.sequence-ledger li,.sequence-noscript>ol>li{background:#f5f1e8;border:1px solid #c7c0b2;padding:1.1rem}.sequence-ledger li.is-correct{border-left:3px solid var(--green)}.sequence-ledger li.is-incorrect{border-left:3px solid var(--pink)}.sequence-ledger li>div{justify-content:space-between;gap:1rem;display:flex}.sequence-ledger h4{margin:.7rem 0 .4rem}.sequence-ledger p{margin:0}.sequence-ledger small{color:#6d685e;margin-top:.55rem;display:block}@media (width<=42rem){.sequence-stage__heading{grid-template-columns:1fr;grid-template-areas:"portrait""copy"}.sequence-philosopher-avatar{grid-template-columns:7rem minmax(0,1fr);align-items:center}.sequence-philosopher-avatar picture{aspect-ratio:auto;width:7rem;height:7rem}.sequence-philosopher-avatar img{aspect-ratio:auto;width:100%;height:100%}.sequence-philosopher-avatar>span{align-content:center;height:100%}.sequence-options{grid-template-columns:1fr}.sequence-ledger li>div{display:grid}}