:root{--ink: #14172b;--ink-soft: #4a5069;--paper: #e4e7f0;--card: #fafbfe;--rule: #bfc5d8;--mark: #e9a13b;--deep: #4a3f8f;--bad: #b23a48;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "Public Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--step: .75rem;--edge: 2px solid var(--ink)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}:where(a,button,iframe):focus-visible{outline:3px solid var(--deep);outline-offset:2px}.shell{max-width:1180px;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem);min-height:100dvh;display:flex;flex-direction:column;gap:1.75rem}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:var(--edge);padding-bottom:.75rem}.masthead h1{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,4vw,2.1rem);letter-spacing:-.03em;margin:0}.masthead p{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin:0}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.75rem;align-items:start;flex:1}@media (max-width: 880px){.layout{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--card);border:var(--edge);box-shadow:6px 6px 0 var(--ink);padding:clamp(1.1rem,2.5vw,1.6rem)}.panel-tag{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);margin:0 0 .9rem}.question{font-family:var(--display);font-weight:700;font-size:clamp(1.35rem,3.4vw,1.95rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 1.4rem;text-wrap:balance}.options{display:flex;flex-direction:column;gap:.6rem}.option{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;background:transparent;border:2px solid var(--rule);padding:.85rem 1rem;transition:transform .12s ease,border-color .12s ease,background .12s ease}.option:hover:not(:disabled){border-color:var(--ink);background:var(--mark);transform:translate(4px)}.option:disabled{opacity:.45;cursor:progress}.option-key{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);border:1px solid var(--rule);padding:.1rem .4rem;flex:none}.option:hover:not(:disabled) .option-key{border-color:var(--ink);color:var(--ink)}.back{margin-top:1.2rem;background:none;border:none;padding:0;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}.back:hover{color:var(--ink)}.sheet{font-family:var(--mono);font-size:.8rem;line-height:1.5}.sheet ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.sheet-row{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.5rem;padding:.5rem 0;border-bottom:1px dashed var(--rule);animation:sheet-in .28s ease both}.sheet-row:first-child{border-top:1px dashed var(--rule)}.sheet-num{color:var(--ink-soft)}.sheet-q{color:var(--ink-soft);display:block}.sheet-a{color:var(--ink);font-weight:600;display:block}.sheet-a:before{content:"> ";color:var(--mark)}.sheet-empty{color:var(--ink-soft);border:1px dashed var(--rule);padding:1.1rem;text-align:center}.sheet-pending{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.5rem;padding:.5rem 0;color:var(--ink-soft)}.caret{display:inline-block;width:.6em;height:1em;background:var(--mark);vertical-align:-.15em;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(-4px)}}.meter{height:10px;border:2px solid var(--ink);background:var(--card);margin:0 0 1rem;overflow:hidden}.meter-fill{height:100%;background:var(--mark);transition:width .5s ease}.tiers{display:grid;gap:.75rem;margin:1.25rem 0 0}.tier{text-align:left;background:transparent;border:2px solid var(--rule);padding:1rem;display:grid;gap:.3rem;transition:border-color .12s ease,background .12s ease}.tier:hover,.tier[aria-pressed=true]{border-color:var(--ink);background:var(--card)}.tier[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--mark)}.tier-name{font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.tier-blurb{color:var(--ink-soft);font-size:.9rem}.tier-time{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.cta{margin-top:1.4rem;width:100%;background:var(--ink);color:var(--card);border:var(--edge);padding:.95rem 1.2rem;font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;box-shadow:5px 5px 0 var(--mark);transition:transform .12s ease,box-shadow .12s ease}.cta:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px 0 var(--mark)}.cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:5px 5px 0 var(--rule)}.cta.secondary{background:transparent;color:var(--ink);box-shadow:5px 5px 0 var(--rule)}.notice{border-left:4px solid var(--bad);background:#fbeff0;padding:.85rem 1rem;margin-top:1.1rem;font-size:.92rem}.notice strong{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.25rem}.result-frame{border:var(--edge);background:#000;aspect-ratio:16 / 9;width:100%}.result-frame iframe{display:block;width:100%;height:100%;border:0}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.1rem}.result-actions .cta{margin-top:0;width:auto;flex:1 1 12rem;text-align:center;text-decoration:none;display:block}.manifest{font-family:var(--mono);font-size:.78rem;margin:0;padding:0;list-style:none}.manifest li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px dashed var(--rule)}.manifest span:last-child{color:var(--ink-soft)}.log{font-family:var(--mono);font-size:.78rem;margin:0;padding:0;list-style:none}.log li{padding:.35rem 0;border-bottom:1px dashed var(--rule);animation:sheet-in .28s ease both}.log li[data-active=true]{color:var(--ink);font-weight:600}.log li[data-active=false]{color:var(--ink-soft)}.log-time{color:var(--mark);margin-right:.6rem}.intro-lede{font-size:1.05rem;max-width:46ch;color:var(--ink-soft);margin:0 0 1.4rem}.foot{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-top:1px dashed var(--rule);padding-top:.9rem}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}