:root{--ink:#171711;--paper:#f7f3e8;--panel:#fffdf7;--acid:#d9ff42;--coral:#ff6b4a;--muted:#6c695e;--line:#d9d3c2;--shadow:6px 6px 0 var(--ink)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;padding-bottom:env(safe-area-inset-bottom)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) max(clamp(20px,5vw,72px),env(safe-area-inset-right)) 18px max(clamp(20px,5vw,72px),env(safe-area-inset-left));border-bottom:2px solid var(--ink);background:var(--panel)}.brand{font-weight:900;font-size:1.2rem;color:var(--ink);text-decoration:none;letter-spacing:-.04em}.site-header nav{display:flex;align-items:center;gap:20px}.site-header nav>a,.text-button{color:var(--ink);font:inherit;font-weight:700;text-decoration:none}.inline-form{display:inline}.text-button{border:0;background:none;cursor:pointer;padding:10px 0;min-height:44px}.page-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:56px 0 80px}.hero{min-height:68dvh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow,.scenario-meta{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:900;margin:0 0 10px;color:#575448}.hero h1,.page-heading h1,.auth-card h1{font-family:Georgia,serif;font-size:clamp(3.2rem,9vw,7.7rem);line-height:.9;letter-spacing:-.065em;margin:0}.hero h1 em{color:var(--coral);font-weight:400}.hero-copy{font-size:1.2rem;max-width:540px;margin:28px 0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border:2px solid var(--ink);background:var(--acid);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font:inherit;font-weight:900;text-decoration:none;padding:13px 20px;cursor:pointer}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button-small{padding:8px 12px;box-shadow:2px 2px 0 var(--ink)}.secondary-link{display:inline-block;color:var(--ink);font-weight:800;margin:16px;text-underline-offset:4px}.notice,.error-box{border:2px solid var(--ink);padding:14px 18px;margin-bottom:24px;background:var(--acid)}.error-box{background:#ffe0da}.error-box ul{margin:8px 0 0}.auth-card{max-width:560px;margin:30px auto;background:var(--panel);border:2px solid var(--ink);box-shadow:var(--shadow);padding:clamp(24px,5vw,50px)}.auth-card h1{font-size:clamp(2.5rem,6vw,4.8rem);margin-bottom:30px}.stack-form{display:grid;gap:18px}.stack-form label{display:grid;gap:7px;font-weight:800}.stack-form input{width:100%;min-height:48px;border:2px solid var(--ink);border-radius:0;background:white;padding:12px;font:inherit;font-size:16px}.stack-form small,.run-row small{display:block;font-weight:500;color:var(--muted)}.checkbox{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;min-height:44px}.checkbox input{width:auto;min-height:auto}.compact-form{max-width:420px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.page-heading h1{font-size:clamp(2.7rem,7vw,5.7rem)}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.panel{background:var(--panel);border:2px solid var(--ink);padding:28px;box-shadow:var(--shadow)}.panel h2{font-family:Georgia,serif;font-size:2rem;margin-top:0}.run-row{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:60px;color:var(--ink);text-decoration:none;padding:15px 0;border-top:1px solid var(--line)}.run-row:hover strong{text-decoration:underline}.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:2px solid var(--ink);background:var(--ink);gap:2px;margin-bottom:34px}.metric{background:var(--panel);padding:16px;min-height:92px}.metric span{display:block;color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;font-family:Georgia,serif;font-size:1.45rem;margin-top:8px}.scenario-card{background:var(--panel);border:2px solid var(--ink);box-shadow:var(--shadow);padding:clamp(25px,5vw,55px)}.scenario-card h2{font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,5rem);line-height:1;margin:0}.scenario-prompt{font-size:1.3rem;max-width:750px;margin:22px 0 32px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.choices form{display:flex}.choice{width:100%;min-height:130px;text-align:left;border:2px solid var(--ink);border-radius:0;background:var(--paper);padding:20px;cursor:pointer;font:inherit}.choice:hover{background:var(--acid);transform:translateY(-2px)}.choice strong,.choice span,.choice small{display:block}.choice strong{font-size:1.05rem}.choice span{margin:8px 0 20px}.choice small{color:var(--muted)}.complete-card{text-align:center}.timeline{border-left:3px solid var(--ink);margin-left:50px}.timeline-event{display:grid;grid-template-columns:90px 1fr;gap:24px;position:relative;padding:0 0 36px 34px}.timeline-event:before{content:'';position:absolute;left:-10px;top:5px;width:15px;height:15px;background:var(--acid);border:2px solid var(--ink);border-radius:50%}.timeline-event.consequence:before{background:var(--coral)}.timeline-day{font-weight:900}.timeline-event h2{font-family:Georgia,serif;font-size:1.65rem;margin:0}.timeline-event p{margin:5px 0}.pagination{margin-top:24px}
.brand{display:inline-flex;align-items:center;gap:10px}.brand .brand-logo{display:block!important;width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;flex:0 0 42px;border-radius:50%;object-fit:cover}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);gap:clamp(24px,6vw,90px);align-items:center}.hero-logo{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);border-radius:50%;box-shadow:8px 8px 0 var(--ink)}.metrics{background:var(--panel)}.page-actions,.complete-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.page-actions .secondary-link,.complete-actions .secondary-link{margin:0}.inspector-panel{margin-bottom:24px}.inspector-panel pre{overflow:auto;background:var(--ink);color:var(--acid);padding:16px;font-size:.8rem}.journal-month{margin:12px 0 24px 34px}.journal-month h2{font-family:Georgia,serif;font-size:2.2rem}.timeline-day small{display:block;color:var(--muted)}.history-pagination{display:flex;justify-content:space-between;gap:20px;margin:24px 0 0 50px}.history-pagination a,.history-pagination span{font-weight:800;color:var(--ink);padding:12px 0}.history-pagination span{color:var(--muted)}
@media(max-width:800px){.two-column,.choices{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;flex-direction:column}.site-header nav{gap:8px}.site-header{padding:calc(10px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}.page-shell{width:min(100% - 28px,1120px);padding-top:36px}.hero{grid-template-columns:1fr}.hero-logo{width:min(70vw,360px);grid-row:1;margin:0 auto}.timeline{margin-left:8px}.timeline-event{grid-template-columns:1fr;gap:4px;padding-left:24px}.history-pagination{margin-left:8px}.choice{min-height:0}.panel,.scenario-card{box-shadow:4px 4px 0 var(--ink)}}
@media(max-width:430px){.brand{font-size:1.05rem}.site-header nav>a:not(.button){display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:78px;padding:12px}.metric strong{font-size:1.2rem}.hero h1{font-size:clamp(3rem,17vw,4.5rem)}.scenario-card h2{font-size:2.7rem}.secondary-link{margin:8px 0}.run-row{align-items:flex-start}.page-shell{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}
@media(hover:none){.button:hover,.choice:hover{transform:none}.choice:active,.button:active{background:var(--acid);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}