:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c2029;--panel:#16343e;--ink:#f6f4e9;--mint:#ace9cf;--amber:#ffc16f;--muted:#bed0d5;--line:#3e5c65}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:18px/1.5 Trebuchet MS,sans-serif}main{max-width:1280px;margin:auto;padding:24px 5vw}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:var(--mint);color:#102e2a;border:0;border-radius:9px;padding:16px 22px;font-weight:700;transition:transform .18s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{opacity:.5;cursor:wait}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible){outline:3px solid var(--amber);outline-offset:4px}h1:focus,h2:focus{outline:none}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.logo{color:var(--ink);font:900 35px Arial Black,sans-serif;text-decoration:none}.logo>span{color:var(--amber)}.logo small{letter-spacing:2px;margin-left:16px;font:12px Trebuchet MS,sans-serif}.topmeta{color:var(--muted);gap:18px;font-size:13px;display:flex}.topmeta>span{align-items:center;gap:7px;display:flex}.room-label{letter-spacing:1px;font-weight:700}.eyebrow{letter-spacing:2px;color:var(--mint);font-size:13px;font-weight:700}h1{letter-spacing:-5px;margin:30px 0;font:900 clamp(76px,9vw,116px)/.93 Arial Black,sans-serif}h1 em,h2 em{color:var(--amber);font-style:normal}h2{letter-spacing:-1px;margin:23px 0;font:700 clamp(34px,4.3vw,54px)/1.12 Georgia,serif}h3{margin:15px 0;font:700 27px/1.25 Georgia,serif}.lead{font-size:26px;line-height:1.4}.start{background:linear-gradient(90deg,#0c2029 0%,#0c2029e6 35%,#0c202910),url(/commute.png) 50%/cover;min-height:740px;margin:0 -2vw;padding:30px 2vw 25px}.start-copy{max-width:570px}.start-copy>p:not(.eyebrow){max-width:430px}.joinform{border:1px solid var(--line);background:#102b34e8;border-radius:10px;max-width:510px;margin:25px 0 15px;padding:20px}.joinform label{margin-bottom:12px;font-size:15px;display:block}.joinform>div{gap:10px;display:flex}.joinform input{letter-spacing:2px;width:100%;min-width:0;color:var(--ink);background:#071b23;border:1px solid #75939e;border-radius:6px;padding:12px}.joinform button{white-space:nowrap;padding:12px 18px}.start-actions{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.secondary{color:var(--ink);background:0 0;border:1px solid #72949f;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:15px;text-decoration:none;display:inline-flex}.textbutton{color:var(--mint);background:0 0;padding:12px 0;font-size:15px}.tiny{color:var(--muted);font-size:13px;line-height:1.5}.muted{color:var(--muted);font-size:15px}.reading{max-width:820px;margin:45px auto}.wide{max-width:1000px}.primary{justify-content:center;align-items:center;gap:25px;min-height:58px;margin:15px 0;display:inline-flex}.thought-bubbles{flex-wrap:wrap;gap:13px;margin:30px 0;display:flex}.thought-bubbles span{background:var(--panel);border:1px solid #4f747b;border-radius:18px 18px 18px 2px;padding:18px;transform:rotate(-2deg)}.thought-bubbles span:nth-child(2){color:var(--amber);transform:rotate(2deg)}textarea{width:100%;min-height:85px;color:var(--ink);resize:vertical;background:#102c36;border:1px solid #70909b;border-radius:8px;padding:17px;font-size:17px;display:block}textarea::placeholder{color:var(--muted)}.kai-card{background:var(--panel);border-radius:12px;align-items:center;gap:23px;margin:25px 0;padding:23px;display:flex}.kai-face{background:url(/commute.png) 86% 40%/320%;border-radius:10px;flex-shrink:0;width:120px;height:130px}.kai-card h3{margin-top:0}.kai-card p{margin-bottom:0;font-size:17px}.progress{align-items:center;gap:12px;margin:27px 0;display:flex}.progress>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:31px;height:31px;font-size:14px;display:grid}.progress .current{background:var(--amber);color:var(--bg)}.progress .done{background:var(--mint);color:var(--bg)}.progress small{letter-spacing:1px;color:var(--muted);margin-left:auto;font-size:12px}.scene-grid{max-width:950px;margin:auto}.scene-visual{border:1px solid var(--line);background-image:url(/five-scenes.png);background-repeat:no-repeat;border-radius:12px;width:100%;position:relative;overflow:hidden}.scene-visual>span{letter-spacing:2px;background:#071820db;padding:7px 12px;font-size:12px;position:absolute;bottom:14px;left:17px}.scene-copy{padding:24px 0 10px}.scene-copy h2{margin:18px 0;font-size:43px}.stats{gap:15px;display:flex}.stats>span{border:1px solid var(--line);background:var(--panel);border-radius:30px;align-items:center;gap:10px;padding:9px 17px;font-size:16px;display:flex}.stats svg{color:var(--amber)}.situation{max-width:770px;font-size:21px}.message{background:#1b3c47;border-radius:4px 14px 14px;align-items:flex-start;gap:12px;margin:22px 0;padding:16px 20px;display:flex}.message small{color:var(--mint);letter-spacing:2px;font-size:12px}.message p{margin:5px 0 0;font-size:18px}.message svg{color:var(--mint);flex-shrink:0;margin-top:4px}.choices{grid-template-columns:1fr 1fr;gap:16px;margin:23px 0;display:grid}.choices button{text-align:left;border:1px solid var(--mint);color:var(--ink);background:#244f48;padding:23px}.choices button:nth-child(2){border-color:var(--amber);background:#463b30}.choices strong{justify-content:space-between;align-items:center;gap:10px;font-size:20px;display:flex}.choices span{color:#dfebe8;margin-top:12px;font-size:16px;font-weight:400;display:block}.choice-tag{letter-spacing:1px;color:var(--mint);font-size:13px}.consequence{max-width:800px;font:700 30px/1.35 Georgia,serif}.delta{color:var(--amber);gap:16px;margin:20px 0;font-size:16px;display:flex}.votes{background:var(--panel);border-radius:12px;margin:25px 0;padding:22px}.bars{gap:16px;display:grid}.barrow>div:first-child{justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px;font-size:16px;display:flex}.barrow b{white-space:nowrap;color:var(--mint)}.barrow small{color:var(--muted);font-size:14px;font-weight:400}.bartrack{background:#294650;border-radius:8px;height:13px;overflow:hidden}.bartrack i{background:var(--mint);border-radius:8px;height:100%;transition:width .7s;display:block}.barrow:nth-child(2n) .bartrack i{background:var(--amber)}.live-status{color:var(--mint);align-items:center;gap:8px;margin:20px 0 5px;font-size:13px;display:flex}.live-status.warning{color:var(--amber)}.ending-emoji{margin:30px 0 10px;font-size:82px;line-height:1.2}.end-stats{gap:30px;margin:30px 0;display:flex}.end-stats>span{color:var(--mint);align-items:center;gap:12px;font-size:24px;display:flex}.rewind-art{margin-top:25px}.rewind-compare{align-items:center;gap:22px;margin:30px 0;display:flex}.rewind-compare>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex:1;padding:20px}.rewind-compare span{color:var(--mint);letter-spacing:2px;font-size:13px}.rewind-compare p{font-size:23px}.rewind-compare b{color:var(--amber)}.rewind-compare>svg{color:var(--amber);flex-shrink:0}.reveal{animation:.4s reveal}.big-question{color:var(--amber);font:700 29px/1.3 Georgia,serif}.people{gap:18px;margin:35px 0;display:flex}.people>div{background:var(--panel);text-align:center;border-radius:12px;flex:1;padding:25px 20px;animation:.4s reveal}.people span{font-size:60px;display:block}.people b{margin-top:12px;font-size:19px;display:block}.people p{font-size:16px}.shared-rule{border-block:1px solid var(--line);padding:25px 0;font-size:23px}.shared-rule b{color:var(--mint)}.evidence-note{background:var(--panel);border-left:4px solid var(--mint);margin-top:25px;padding:20px}.evidence-note p{margin-bottom:0;font-size:17px}.reflection-prompts{gap:12px;margin:30px 0;display:grid}.reflection-prompts p{background:var(--panel);border-radius:9px;margin:0;padding:17px 20px;font-size:21px}.takeaway{border-block:1px solid var(--line);margin:30px 0;padding:30px 0;font:700 30px/1.4 Georgia,serif}.takeaway b{color:var(--amber)}blockquote{background:var(--panel);border-left:4px solid var(--amber);overflow-wrap:anywhere;white-space:pre-wrap;margin:25px 0;padding:22px}blockquote small{letter-spacing:1px;color:var(--mint);font-size:12px}details{border:1px solid var(--line);border-radius:8px;margin:30px 0;padding:18px 22px;font-size:16px}summary{cursor:pointer;color:var(--mint);font-size:15px}.host{margin:40px 0}.host-title{letter-spacing:-1px;font:700 56px/1.1 Georgia,serif}.join-banner{background:var(--panel);border:1px solid var(--mint);border-radius:12px;flex-wrap:wrap;align-items:center;gap:25px;padding:22px 28px;display:flex}.join-banner>div span{letter-spacing:2px;font-size:12px;display:block}.join-banner strong{letter-spacing:5px;color:var(--amber);font:700 40px Courier New,monospace}.linktext{overflow-wrap:anywhere;width:100%;color:var(--muted);margin:0;font-size:14px}.total-row{gap:20px;margin:25px 0;display:flex}.total-row>span{background:var(--panel);border-radius:10px;flex:1;padding:20px;font-size:16px}.total-row b{color:var(--amber);font:700 38px Georgia,serif;display:block}.outcome-chart{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:25px 0;padding:27px}.outcome-chart h3{font-size:30px}.empty{color:var(--muted);padding:20px 0;font-size:16px}.host-decisions{grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;display:grid}.host-decisions article{border:1px solid var(--line);border-radius:12px;padding:23px}.teaching-question{color:var(--amber);margin:35px 0;font:700 29px/1.3 Georgia,serif}.error{z-index:10;color:#38291e;background:#ffe0b8;border:2px solid #ffc16f;border-radius:9px;width:90%;max-width:700px;padding:15px 50px 15px 20px;font-size:16px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.error button{color:#38291e;background:0 0;padding:5px 10px;font-size:24px;position:absolute;top:5px;right:8px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;margin-top:45px;padding:22px 0;font-size:12px;display:flex}footer>span:first-child{letter-spacing:2px;color:var(--mint)}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:650px){main{padding:20px}.logo small{display:none}.topmeta{gap:12px;font-size:12px}.start{background-image:linear-gradient(90deg,#0c2029ef,#0c202999),url(/commute.png);background-position:65%;margin:0 -20px;padding:30px 20px}.start h1{font-size:clamp(66px,21vw,95px)}.lead{font-size:23px}.joinform{padding:15px}.joinform>div{flex-wrap:wrap}.joinform input{flex:1;min-width:150px}.joinform button{flex:1}.start-actions{flex-direction:column;align-items:stretch}.start-actions button{width:100%}.reading{margin:30px 0}h2{font-size:35px}.kai-card{align-items:flex-start;gap:15px;padding:18px}.kai-face{width:75px;height:100px}.kai-card h3{font-size:24px}.kai-card p{font-size:16px}.primary{width:100%;font-size:16px}.progress{gap:8px}.progress small{font-size:12px}.scene-visual{border-radius:8px}.scene-visual>span{letter-spacing:1px;padding:4px 8px;font-size:12px;bottom:8px;left:10px}.scene-copy{padding-top:20px}.scene-copy h2{font-size:33px}.situation{font-size:19px}.stats{gap:10px}.stats>span{gap:7px;padding:8px 12px;font-size:14px}.choices{grid-template-columns:1fr;gap:12px}.choices button{padding:19px}.choices strong{font-size:19px}.choices span{margin-top:8px;font-size:15px}.consequence{font-size:26px}.votes{padding:18px}.barrow>div:first-child{gap:10px;font-size:14px}.barrow small{font-size:12px}.end-stats{flex-wrap:wrap;gap:15px}.end-stats>span{font-size:21px}.rewind-compare{gap:10px}.rewind-compare>div{padding:15px}.rewind-compare p{font-size:18px}.rewind-compare>svg{width:18px}.people{flex-wrap:wrap;gap:10px}.people>div{min-width:130px;padding:17px 12px}.people span{font-size:45px}.people b{font-size:17px}.people p{font-size:15px}.big-question{font-size:26px}.takeaway{font-size:27px}.reflection-prompts p{font-size:19px}.total-row{gap:10px}.total-row>span{padding:15px 10px;font-size:13px}.total-row b{font-size:30px}.outcome-chart{padding:20px 15px}.host-title{font-size:40px}.join-banner{padding:20px}.join-banner strong{letter-spacing:3px;font-size:32px}.host-decisions{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}.tiny{font-size:13px}.eyebrow{font-size:12px}.restart{display:flex}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}