@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--night:#071321;--nav:#071424;--blue:#12233a;--panel:#12243d;--border:#31445e;--cream:#fff7ec;--pink:#ff497c;--pink2:#f72e69;--yellow:#ffd45f;--mint:#80efd0;--lavender:#d6afff;--text:#fff9f1;--muted:#b4c3d8;--body: 'DM Sans',system-ui,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--text);font:15px/1.55 var(--body);min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}a{color:inherit}img{max-width:100%}h1,h2,h3{line-height:1.09}h1,h2{font-family:var(--display);font-weight:900;letter-spacing:.01em}em{font-style:normal;color:var(--pink)}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}[hidden]{display:none!important}.wrap{width:min(100% - 72px,1392px);margin-inline:auto}.skip{position:absolute;transform:translateY(-200%);background:var(--cream);color:var(--night);padding:12px;z-index:100}.skip:focus{transform:none}.eyebrow,.mini-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--yellow)}.mini-kicker{font-size:10px}.text-link{display:inline-flex;gap:10px;text-decoration:none;color:var(--yellow);font-weight:900;font-size:13px;margin-top:14px}.text-link:hover{text-decoration:underline}
/* Brand and honest multi-view navigation */
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff18;background:#071322f5;backdrop-filter:blur(22px)}.nav-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{position:relative;display:flex;flex-direction:column;flex:none;line-height:.72;transform:rotate(-3deg);font-weight:900;font-style:italic;font-family:var(--display);text-decoration:none;font-size:31px;filter:drop-shadow(2px 4px 0 #0008)}.brand-top{color:#fff2dc;text-shadow:2px 2px 0 #ff4f87}.brand-bottom{font-size:35px;color:#ff578a;text-shadow:2px 3px 0 #8d2547}.bang{color:var(--yellow)}.brand-spark{color:var(--yellow);position:absolute;right:-16px;top:-8px;font-size:18px}.mobile-menu-toggle{display:none}.nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,37px)}.nav-links a{position:relative;font-size:13px;font-weight:800;text-decoration:none;color:#c4cfdf;padding:29px 0;white-space:nowrap}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff9f1}.nav-links a[aria-current="page"]:after{content:'';position:absolute;bottom:17px;left:0;right:0;height:3px;background:var(--pink);border-radius:3px}.nav-cta{display:inline-flex;align-items:center;gap:14px;border-radius:999px;background:var(--yellow);color:#102238;padding:12px 18px;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 4px 0 #84613a}.nav-cta:hover{background:#ffe69a}
.route-view{animation:enter .22s ease-out;min-height:60vh}@keyframes enter{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Hero stays a cinematic image, not a flattened screenshot. */
.hero{height:438px;position:relative;isolation:isolate;overflow:hidden;background:#151f32}.hero-visual{position:absolute;inset:0;background-image:linear-gradient(90deg,#071322 0%,#081528f5 22%,#0715288e 46%,#07142420 77%),url('/assets/date-cafe.webp');background-size:cover,cover;background-position:center,center 54%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071321 0%,transparent 21%);z-index:-1}.hero-inner{height:100%;display:flex;align-items:center}.hero-content{max-width:585px;padding-bottom:32px}.hero-label{display:flex;align-items:center;gap:13px;margin-bottom:20px}.pink-chip,.day-stamp{display:inline-flex;align-items:center;white-space:nowrap;background:var(--pink);border-radius:7px;color:#fff;padding:8px 13px;font-size:11px;font-weight:900;letter-spacing:.08em}.hero-label-small{color:#ffeaa6;font-size:12px;font-weight:700}.hero h1{display:flex;flex-direction:column;font-size:clamp(59px,6.45vw,97px);line-height:.88;text-transform:uppercase;text-shadow:3px 5px 0 #0209147c}.hero-pop{color:var(--pink);padding-top:8px}.heart{font-family:system-ui;font-size:.35em;vertical-align:top;margin-left:8px}.hero-blurb{margin-top:22px;font-size:19px;line-height:1.45;font-weight:800;max-width:490px}.hero-simple{font-size:13px;color:#fce1ba;line-height:1.55;margin-top:9px;max-width:525px}.hero-actions{margin-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:15px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:12px;background:linear-gradient(180deg,#ff638c,var(--pink2));color:white;padding:15px 22px;font-size:13px;font-weight:900;text-decoration:none;text-transform:uppercase;box-shadow:0 5px 0 #9b214d;transition:transform .18s,filter .18s}.primary-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}.primary-btn:disabled{filter:grayscale(.7);opacity:.55}.countdown-bubble{padding:5px 0;color:#ffe1a0;font-size:10px;font-weight:900;letter-spacing:.08em}.countdown-bubble strong{display:block;color:white;letter-spacing:0;font-size:20px}
/* The interactive choice surface is the HERO of the product. */
.vote-section{position:relative;z-index:3;margin-top:-22px;padding:28px 30px 24px;background:linear-gradient(160deg,#142742,#0c1c33);border:1px solid #46617f;border-radius:22px;box-shadow:0 18px 55px #0007}.vote-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 2px 23px}.intro-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.vote-intro h2{margin-top:10px;font-family:var(--display);font-size:clamp(29px,3.3vw,44px);line-height:1}.day-stamp{color:#111b2b;background:var(--yellow);border-radius:8px;transform:rotate(-2deg)}.vote-setup{color:#c7d7e5;margin-top:10px;font-size:14px}.vote-explainer{min-width:240px;text-align:right;color:var(--yellow);font-size:12px;line-height:1.5;font-weight:900;letter-spacing:.05em}.vote-explainer span{font-size:23px}.vote-explainer small{font-size:11px;color:#b9cadd;letter-spacing:0;font-weight:600}.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.choice{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:327px;padding:0;color:var(--text);text-align:left;border:2px solid #415b7c;border-radius:15px;background:#07172b;box-shadow:0 5px 0 #050d1c;transition:transform .2s,border-color .2s,box-shadow .2s}.choice:hover:not(:disabled){transform:translateY(-5px);border-color:var(--yellow);box-shadow:0 10px 0 #050d1c}.choice.active{border-color:var(--mint);box-shadow:0 0 0 2px #7cf0d043,0 5px 0 #050d1c}.choice:disabled:not(.active){opacity:.63}.choice-art{height:174px;width:100%;display:flex;justify-content:end;align-items:end;position:relative;background-size:cover!important;background-position:center!important;background-color:#475070;flex-shrink:0;border-bottom:1px solid #59698b}.choice-art[data-tone="0"]{background-color:#795d5a}.choice-art[data-tone="1"]{background-color:#ad6982}.choice-art[data-tone="2"]{background-color:#347d90}.choice-art[data-tone="3"]{background-color:#6c4279}.choice-emoji{font-size:60px;padding:0 9px;filter:drop-shadow(0 4px 9px #07132199)}.choice-emoji.illustrated-icon{font-size:24px;background:#07172cbd;border-radius:8px;margin:0 9px 9px;padding:3px 6px}.choice-body{display:flex;flex-direction:column;gap:9px;padding:15px 14px 16px;flex:1;width:100%}.choice-name{font-size:clamp(18px,1.65vw,24px);line-height:1.12;font-family:var(--display);font-weight:900}.choice-detail{font-size:12px;line-height:1.5;color:#c4d1e2;flex:1}.intent-chip{position:absolute;left:11px;top:11px;z-index:2;display:inline-block;padding:6px 10px;border-radius:6px;background:var(--mint);color:#092539;transform:rotate(-3deg);font-size:10px;line-height:1.1;font-weight:900;letter-spacing:.04em;box-shadow:1px 3px 0 #0a112d6b}.intent-help{background:var(--mint)}.intent-hinder{background:var(--yellow)}.intent-wildcard{background:var(--lavender)}.choice:nth-child(4n) .intent-wildcard{background:#ff84b3}.choice-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid #ffffff22;padding-top:10px;color:#ffd775;font-size:10px;font-weight:900;letter-spacing:.06em}.choice.active .choice-footer{color:var(--mint)}.choice-percent{font-size:11px;color:var(--mint)}.vote-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:19px}.vote-bottom-copy{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#cbd7e7;font-size:11px}.vote-bottom-copy strong{color:white}.tiny-pip{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.sub-countdown{color:var(--yellow);margin-left:10px;font-weight:800}.vote-submit{min-width:245px}.vote-feedback{color:#b4c4d8;font-size:12px;margin-top:14px}.turnstile-container{margin-top:12px}.share-button{margin-top:15px;background:none;border:0;color:#ffe087;font-weight:900;font-size:12px;padding:5px 0;text-decoration:underline;text-underline-offset:4px}.share-button:disabled{color:#8b9aae;text-decoration:none}.prediction-panel{margin-top:18px;padding:18px;border:1px solid #46617c;background:#172941;border-radius:13px}.prediction-title{display:flex;gap:12px;align-items:center}.prediction-title span{font-size:26px}.prediction-title strong,.prediction-title small{display:block}.prediction-title small{color:var(--muted)}.prediction-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:13px 0}.predict-choice{border:1px solid #4f7293;background:#183550;color:var(--cream);padding:12px;border-radius:8px;text-align:left;font-size:12px}.predict-choice.active{border-color:var(--mint)}.predict-choice:disabled{opacity:.85}.prediction-feedback{font-size:12px;color:var(--mint)}.demo-consequence{margin-top:16px;background:#193944;border:1px solid #71cfb9;border-radius:14px;padding:20px}.demo-top{display:flex;justify-content:space-between;align-items:center}.sample-tag{color:#071322;background:var(--mint);border-radius:5px;font-size:10px;font-weight:900;padding:5px 9px}.demo-icon{font-size:27px}.demo-consequence h3{font-family:var(--display);font-size:31px;color:var(--yellow);margin:9px 0}.demo-consequence p{font-size:14px;line-height:1.7}.demo-consequence small{color:#c2dce2;display:block;margin-top:10px}
/* Second layer of content gets breathing room, rather than dashboard stacks. */
.after-vote-section{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-top:28px}.after-vote-card{border-radius:19px;padding:29px 32px;border:1px solid #415875;background:linear-gradient(125deg,#24304b,#121e35)}.after-vote-card h2{font-size:36px;margin:11px 0}.after-vote-card p{color:#c7d4e4;max-width:480px;font-size:13px}.mini-map-card{position:relative;overflow:hidden;border:1px solid #526380;border-radius:19px;min-height:240px;display:flex;align-items:end;padding:22px}.mini-map-card:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#081322e9 0%,transparent 75%)}.mini-map-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.mini-map-card>div,.round-arrow{position:relative;z-index:2}.mini-map-card>div strong{display:block;color:var(--yellow);font-family:var(--display);font-size:26px;line-height:1.12}.mini-map-card>div span{display:block;font-size:12px;color:white}.round-arrow{margin-left:auto;display:grid;place-items:center;text-decoration:none;background:var(--pink);height:42px;width:42px;border-radius:50%;font-size:24px}.preview-next{display:flex;justify-content:space-between;align-items:center;gap:42px;padding-block:65px}.preview-next h2{font-size:42px;margin:10px 0}.preview-next p:not(.eyebrow){color:#bfcddd;font-size:13px;max-width:550px}.week-progress{display:flex;gap:7px;flex:0 0 380px}.week-node{flex:1;display:grid;gap:8px;text-align:center;font-size:10px;font-weight:900;color:#94a9bf}.week-node span{border:1px solid #48617e;display:grid;place-items:center;border-radius:11px;height:48px;background:#11243a;font-size:16px;color:#8a9eb7}.week-node.done span{background:var(--mint);color:#0a2831;border-color:var(--mint)}.week-node.now span{background:var(--pink);border-color:var(--pink);color:white}.home-lab-teaser{background:linear-gradient(120deg,#362649,#132947);border-radius:19px;border:1px solid #5a5780;padding:26px 31px;display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:80px}.home-lab-teaser>div{display:flex;align-items:center;gap:20px}.teaser-symbol{font-size:52px;color:var(--yellow)}.home-lab-teaser h2{font-size:29px;margin:5px 0}.home-lab-teaser p:not(.eyebrow){color:#c0cbdc;font-size:12px}.secondary-action{border:1px solid #8c9daf;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;color:white;font-size:12px;font-weight:900;text-decoration:none;padding:13px 17px;white-space:nowrap;background:#1c3047}.secondary-action:hover{background:#29435b;border-color:var(--yellow)}
/* Routes */
.inner-hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:71px;padding-bottom:38px}.inner-hero>div{max-width:760px}.inner-hero h1{font-size:clamp(65px,7vw,108px);text-transform:uppercase;margin-top:11px;line-height:.85}.inner-hero p:not(.eyebrow){color:#bcc9da;font-size:16px;line-height:1.6;max-width:685px;margin-top:19px}.map-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.66fr);gap:21px;padding-bottom:90px}.map-art{position:relative;overflow:hidden;aspect-ratio:1.4;border:2px solid #546783;border-radius:19px;background:#12283f}.map-art picture,.map-art img{width:100%;height:100%;display:block}.map-art img{object-fit:cover}.map-art:after{content:'';position:absolute;inset:0;pointer-events:none;border:8px solid #07121b2b;border-radius:17px}.map-corner-label{position:absolute;right:14px;bottom:16px;background:var(--pink);color:white;padding:7px 11px;border-radius:6px;font-weight:900;font-size:10px;letter-spacing:.07em}.scene-consequences{position:absolute;inset:0;pointer-events:none}.scene-sticker{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;transform:translate(-50%,-50%);pointer-events:auto;border:2px solid #fff8e5;border-radius:14px;padding:4px 6px;background:#162742ed;box-shadow:0 7px 0 #0009,0 0 17px #fff7bc80;transition:transform .22s,box-shadow .22s;max-width:140px}.scene-sticker:hover,.scene-sticker.active{z-index:5;transform:translate(-50%,-56%) scale(1.13);box-shadow:0 8px 0 #0008,0 0 0 4px #ffbe4f70}.scene-sticker.your-vote{border-color:var(--pink);box-shadow:0 0 0 3px #fa487c55}.object-icon{font-size:38px;line-height:1.1;filter:drop-shadow(0 3px 1px #081323)}.scene-sticker small{font:900 9px var(--display);color:#fff7d2;letter-spacing:.04em;white-space:nowrap}.map-time{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 4px}.map-time strong{font-size:13px}.map-time small{display:block;color:#a9bdcf;font-size:11px}.timeline{display:flex;gap:7px}.timeline button{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;color:#aec1d3;background:#162b43;border:1px solid #516380;font-weight:900}.timeline button.done{background:var(--mint);color:#061e27;border-color:var(--mint)}.timeline button.now{background:var(--pink);color:white;border-color:var(--pink)}.map-side{display:flex;flex-direction:column;gap:17px}.paper-note{position:relative;background:#fff1d1;color:#241f32;padding:31px 28px 29px;border-radius:4px;transform:rotate(1deg);box-shadow:3px 8px 0 #2b182f}.paper-note .eyebrow{color:#9a4a54}.paper-note>p:not(.eyebrow){font-size:18px;font-weight:800;line-height:1.55;margin-top:9px}.paper-pin{position:absolute;right:15px;top:5px;font-size:26px;color:var(--pink)}.map-inspect{border:1px solid #657c92;border-radius:16px;padding:24px 25px;background:linear-gradient(140deg,#1c3348,#111f34);min-height:225px}.map-inspect h2{font-size:31px;margin:11px 0 12px}.map-inspect p{font-size:13px;line-height:1.65;color:#e0e8ed}.impact-meta{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--mint);margin-top:17px}.map-log{border:1px solid #364f69;border-radius:16px;padding:22px;background:#0d2034}.map-log h3{font:900 22px var(--display);margin-bottom:15px}.map-log-item{display:flex;align-items:start;gap:12px;width:100%;padding:12px 0;border:0;border-top:1px solid #364559;background:transparent;color:white;text-align:left}.map-log-item span{font-size:27px}.map-log-item strong{display:block;font-size:12px}.map-log-item small{display:block;font-size:10px;color:#aec4d8}.map-empty{color:#afc2d6;font-size:13px;line-height:1.6}
/* Story archive, structured as published serials with chapter cards. */
.archive-layout{padding-bottom:90px}.featured-episode{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;min-height:340px;border:1px solid #495f78;border-radius:19px;background:#142940}.episode-cover{min-height:340px;position:relative}.episode-cover img{width:100%;height:100%;position:absolute;object-fit:cover}.episode-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b213c80,transparent 55%)}.episode-label{position:absolute;left:20px;bottom:20px;z-index:2;background:var(--yellow);color:#1b2130;padding:7px 11px;font-size:11px;font-weight:900;transform:rotate(-2deg)}.episode-info{padding:50px 48px;display:flex;flex-direction:column;justify-content:center}.episode-info h2{font-size:clamp(42px,4vw,60px);margin:13px 0}.episode-info>p:not(.eyebrow){font-size:14px;color:#c1cedf}.episode-progress{display:flex;gap:7px;margin-top:20px}.episode-progress span{height:8px;flex:1;border-radius:999px;background:#3d5774}.episode-progress span.done{background:var(--mint)}.episode-progress span.now{background:var(--pink)}.chapter-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:57px 0 21px}.chapter-heading h2{font-size:40px;margin-top:5px}.chapter-heading>p{max-width:310px;font-size:12px;color:#acbed1}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.chapter-card{position:relative;border:1px solid #405b76;border-radius:15px;padding:24px;background:linear-gradient(145deg,#182d47,#101e32);min-height:205px}.chapter-card.finished{border-color:#619f93}.chapter-index{color:#ffcf6e;font-size:11px;font-weight:900;letter-spacing:.1em}.chapter-card h3{font-family:var(--display);font-size:31px;margin:12px 0 8px}.chapter-card p{font-size:12px;color:#bdcbd8;line-height:1.62}.chapter-result{font-size:11px;color:var(--mint);font-weight:800;display:block;margin-top:15px}.chapter-card.locked{opacity:.75}.chapter-card.current{border-color:var(--pink);box-shadow:inset 0 0 0 1px #ff497c30}.chapter-card.locked:after{content:'UPCOMING';position:absolute;top:21px;right:20px;color:#8ca5bc;font-size:10px;font-weight:900}.chapter-card button{margin-top:12px;border:1px solid #86c5b7;border-radius:8px;padding:9px 12px;background:#143b48;color:#d8fff3;font-weight:800;font-size:11px}.chapter-card .chapter-full{margin-top:12px;color:white}.coming-next{margin-top:27px;display:flex;align-items:center;gap:22px;padding:24px 28px;border-radius:16px;background:#2d2741;border:1px solid #685779}.coming-next>span{font-size:46px;color:var(--yellow)}.coming-next h3{font-family:var(--display);font-size:26px;margin:5px 0}.coming-next p:not(.eyebrow){font-size:12px;color:#c6cfdf}
/* Browser-local file; no invented social proof. */
.file-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.75fr);gap:24px;padding-bottom:95px}.file-main,.file-aside{display:flex;flex-direction:column;gap:19px}.file-hero-card{position:relative;border:1px solid #628394;background:linear-gradient(120deg,#1d3a4f,#172442);border-radius:19px;padding:36px 40px;overflow:hidden}.file-seal{position:absolute;right:27px;top:14px;font-size:70px;color:#ffffff13}.file-hero-card h2{font-size:46px;margin:12px 0}.file-hero-card>p:not(.eyebrow){font-size:14px;line-height:1.65;max-width:690px;color:#c6d8e4}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:31px;border-top:1px solid #87a8b43d;padding-top:27px}.case-grid>div{display:flex;flex-direction:column;text-align:center;border-right:1px solid #87a8b43d}.case-grid>div:last-child{border:0}.case-grid strong{font:900 64px var(--display);color:var(--yellow)}.case-grid span{font-size:11px;color:#c3d7e5}.file-record{border:1px solid #405870;padding:27px 30px;border-radius:17px;background:#0d2237}.file-record h2{font-size:28px;margin-bottom:15px}.history-item{display:flex;gap:13px;padding:15px 0;border-top:1px solid #394c64}.history-item>span{font-size:27px}.history-item strong{font-size:12px}.history-item p{font-size:11px;color:#a5b8cd}.file-sticky-note{background:#ffe6c0;color:#322337;transform:rotate(2deg);padding:29px;box-shadow:5px 8px 0 #3e253a}.file-sticky-note>span{font-size:32px;color:#f66a8b}.file-sticky-note h3{font:900 30px var(--display);margin:10px 0}.file-sticky-note p{font-size:14px;font-weight:700}.file-sticky-note small{font-size:10px;color:#855564}.file-aside-guide{padding:25px;border:1px solid #4f607c;border-radius:16px}.file-aside-guide h3{font:900 28px var(--display);margin-bottom:11px}.file-aside-guide p{font-size:12px;color:#bacadd;margin-top:9px}
/* Standalone bonus game. */
.lab-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:24px;padding-bottom:90px}.panel{border:1px solid #5a6688;background:linear-gradient(145deg,#232d4d,#0c2137);border-radius:18px}.lab-main{padding:40px;min-height:465px}.lab-meta{display:flex;justify-content:space-between;align-items:center;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.1em}.lab-meter{height:9px;border-radius:20px;background:#405576;margin:16px 0 38px;overflow:hidden}.lab-meter span{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--pink),var(--yellow));border-radius:20px;transition:width .25s}.lab-main>h2{font-size:clamp(32px,4vw,51px);margin:12px 0 23px;max-width:660px}.lab-options{display:grid;gap:10px}.lab-answer{background:#17354e;border:1px solid #5a7893;border-radius:11px;padding:16px 18px;color:#fff;font-weight:800;text-align:left;transition:transform .15s,border-color .15s}.lab-answer:hover:not(:disabled){transform:translateX(5px);border-color:var(--yellow)}.lab-answer.selected{background:#265c64;border-color:var(--mint)}.lab-answer:disabled:not(.selected){opacity:.62}.lab-reaction{margin-top:20px;padding:17px;border-radius:11px;background:#223e52;border:1px solid #548e9c;line-height:1.6;font-weight:700}.lab-reaction:empty{display:none}.lab-next{margin-top:21px}.lab-aside{display:grid;align-content:start;gap:20px}.lab-ticket{position:relative;border:2px dashed #6a6685;border-radius:16px;padding:31px;background:#342845}.lab-stamp{border:1px solid #f5c97b;color:var(--yellow);font-weight:900;font-size:10px;letter-spacing:.1em;padding:7px 10px}.lab-ticket-symbol{font-size:76px;margin:15px 0}.lab-ticket h3,.lab-tips h3{font:900 32px var(--display);margin:10px 0}.lab-ticket p,.lab-tips p{color:#d0cbd9;font-size:12px}.lab-tips{border:1px solid #45617d;background:#10243b;border-radius:14px;padding:24px}.lab-tips small{color:var(--yellow);font-size:10px;display:block;margin-top:15px}
.how-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px;padding-bottom:55px}.how-grid article{background:#162940;border:1px solid #465c7c;border-radius:16px;padding:34px}.how-grid article>span{font:900 45px var(--display);color:var(--pink)}.how-grid h2{font-size:33px;margin:14px 0}.how-grid p{font-size:13px;color:#b9cadc;max-width:470px}.how-cta{background:#2d2441;padding:34px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:85px}.how-cta h2{font-size:36px}
.site-footer{border-top:1px solid #30425c;background:#081321}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:29px}.footer-inner>div:first-child{display:flex;flex-direction:column;gap:2px}.footer-brand{font:900 28px var(--display);color:#fff1e5;font-style:italic}.footer-brand strong{color:var(--pink)}.footer-inner small{font-size:11px;color:#869cb2}.footer-links{display:flex;align-items:center;gap:21px;color:#a7b9cd;font-size:11px}.footer-links a{text-decoration:none}.footer-links a:hover{color:white}.preview-banner,.prelaunch-banner{position:relative;z-index:5;background:#392d51;border:1px solid #ad83b9;border-radius:10px;padding:12px 18px;margin-block:16px;color:#f4e8ff;font-size:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.preview-banner strong{color:var(--yellow)}.preview-banner label{margin-left:auto;font-weight:900;color:var(--yellow)}.preview-banner select{min-height:35px;background:#091a2c;color:white;border:1px solid #a08db5;border-radius:8px;padding:7px 10px}
@media(max-width:1190px){.wrap{width:min(100% - 42px,1392px)}.nav-inner{gap:15px}.nav-links{gap:16px}.choice-art{height:145px}.choice{min-height:323px}.vote-section{padding:24px}.choice-name{font-size:20px}.map-layout{grid-template-columns:1.3fr .7fr}.vote-explainer{min-width:200px}}
@media(max-width:980px){.nav-cta{display:none}.nav-inner{height:75px}.nav-links{gap:13px}.nav-links a{font-size:12px}.vote-explainer{display:none}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{min-height:305px}.choice-art{height:210px}.choice-name{font-size:25px}.map-layout,.file-layout,.lab-layout{grid-template-columns:1fr}.map-side{display:grid;grid-template-columns:1fr 1fr}.map-log{grid-column:1/-1}.file-aside{display:grid;grid-template-columns:1fr 1fr}.chapter-grid{grid-template-columns:repeat(2,1fr)}.preview-next{flex-direction:column;align-items:start;gap:20px}.week-progress{flex:auto;width:min(100%,520px)}}
@media(max-width:710px){.site-header{position:sticky;top:0}.nav-inner{height:auto;display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:start;gap:6px;padding-top:11px;padding-bottom:10px}.brand{font-size:22px;margin-left:5px}.brand-bottom{font-size:25px}.mobile-menu-toggle{display:inline-flex;align-items:center;gap:9px;justify-self:end;background:#172d46;color:#fff1de;border:1px solid #4a6380;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:900;letter-spacing:.06em}.mobile-menu-toggle span{font-size:16px}.nav-links{display:none;grid-column:1/-1;width:100%;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:10px}.site-header.menu-open .nav-links{display:grid}.nav-links a{padding:12px 14px;font-size:12px;background:#13263d;border:1px solid #2b4560;border-radius:8px}.nav-links a[aria-current="page"]{background:#5e2949;color:#fff;border-color:#ff5a89}.nav-links a[aria-current="page"]:after{display:none}.hero{height:480px}.hero-visual{background-image:linear-gradient(0deg,#071321 2%,#071321d9 36%,#07132268 90%),url('/assets/date-cafe.webp');background-position:center,57% center}.hero-inner{align-items:end}.hero-content{padding-bottom:72px}.hero h1{font-size:clamp(55px,13vw,80px)}.hero-label-small{display:none}.hero-blurb{font-size:16px}.hero-simple{font-size:12px}.vote-section{margin-top:-36px}.vote-intro h2{font-size:34px}.after-vote-section{grid-template-columns:1fr}.inner-hero{padding-top:42px;flex-direction:column;align-items:start}.inner-hero h1{font-size:68px}.featured-episode{grid-template-columns:1fr}.episode-cover{min-height:240px}.episode-info{padding:27px}.chapter-grid{grid-template-columns:1fr}.chapter-heading{align-items:start;flex-direction:column}.how-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:start}.home-lab-teaser{flex-direction:column;align-items:start}.map-side,.file-aside{grid-template-columns:1fr}.scene-sticker{padding:3px}.object-icon{font-size:29px}.scene-sticker small{font-size:7px}}
@media(max-width:490px){.wrap{width:min(100% - 28px,1392px)}.hero{height:458px}.hero h1{font-size:clamp(51px,13.5vw,68px)}.hero-actions{gap:13px}.hero .primary-btn{font-size:11px;padding:13px}.countdown-bubble strong{font-size:16px}.vote-section{padding:19px 13px 23px;border-radius:17px}.vote-intro{padding-bottom:19px}.vote-intro h2{font-size:30px}.vote-setup{font-size:12px}.intro-title-row{gap:9px}.day-stamp{font-size:9px;padding:6px 9px}.choices{gap:10px}.choice-art{height:113px}.choice{min-height:259px;border-radius:11px}.choice-body{padding:11px 9px}.choice-name{font-size:19px}.choice-detail{font-size:11px}.intent-chip{font-size:8px;padding:5px 6px;left:5px;top:5px}.choice-footer{font-size:9px}.vote-bottom{align-items:stretch;flex-direction:column;gap:8px}.vote-bottom-copy{font-size:10px}.vote-submit{width:100%}.after-vote-card{padding:24px}.after-vote-card h2{font-size:32px}.inner-hero h1{font-size:60px}.map-time{flex-direction:column;align-items:start}.map-art{aspect-ratio:1.05}.paper-note{transform:none}.file-hero-card{padding:27px 20px}.case-grid strong{font-size:49px}.case-grid span{font-size:10px}.lab-main{padding:23px}.lab-main h2{font-size:35px}.week-node span{height:39px}.preview-next{padding-block:46px}.preview-next h2{font-size:35px}.prediction-options{grid-template-columns:1fr}.footer-links{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Completed historical events, sourced from actual tallies after their finale. */
.completed-episodes{margin-top:56px;padding-top:8px;border-top:1px solid #31455e}.completed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.completed-card{border:1px solid #607d92;border-radius:17px;padding:28px;background:linear-gradient(135deg,#183e46,#182138)}.completed-card h3{font:900 35px var(--display);margin:9px 0}.completed-card>p{font-size:12px;color:#c5d7df;line-height:1.55;margin-bottom:21px}.completed-card .secondary-action{white-space:normal}.completed-chapters{margin-top:20px;display:grid;gap:16px}.completed-chapter{background:#071b2baa;border-top:1px solid #5b7980;border-radius:9px;padding:17px}.completed-chapter strong{display:block;color:#ffde89;font-size:12px}.completed-chapter small{color:#a6bdca;display:block;margin-top:2px}.completed-chapter p{font-size:12px;color:#e7f0f7;line-height:1.6;margin-top:8px}
@media(max-width:720px){.completed-grid{grid-template-columns:1fr}}

.hero-visual.hero-generic{background-image:linear-gradient(90deg,#071322,#071422bb 55%,#07142460),url('/assets/world.png')}
.hero:has(.hero-generic) h1{font-size:clamp(48px,5vw,78px);white-space:normal}

/* Legal pages match the current design, with no advertising scripts or fake contacts. */
.legal{padding-top:65px;padding-bottom:90px;max-width:910px}.legal h1{font-size:72px;margin:8px 0 28px}.legal h2{font-size:33px;margin-top:34px;margin-bottom:12px}.legal p{margin-bottom:18px;color:#c8d7e4;line-height:1.78}.legal a{color:#ffe085}.overline{font-size:11px;color:#ffc968;font-weight:900;letter-spacing:.13em}

/* v1.1 — deliberate breathing room between story and vote; content-driven hero heights.
   This avoids text disappearing behind the voting surface at narrow widths and browser zoom. */
.hero{height:auto;min-height:0}
.hero-inner{min-height:510px;height:auto;padding-block:64px 80px;align-items:center}
.hero-content{padding-bottom:0}
.vote-section{margin-top:24px}
#today-vote{scroll-margin-top:105px}
.hero-actions{margin-top:25px;column-gap:17px;row-gap:14px;align-items:stretch}
.countdown-bubble{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:194px;border:1px solid #e9d2a457;border-radius:12px;background:#08182ddc;padding:10px 16px;box-shadow:0 7px 23px #02071455;letter-spacing:0}
.countdown-bubble .countdown-label{font-size:10px;font-weight:900;letter-spacing:.11em;color:#ffdc84}
.countdown-bubble strong{font-family:var(--display);font-size:27px;line-height:1.1;white-space:nowrap;color:#fff7e8;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.countdown-bubble small{font-size:10px;color:#c1cddd;font-weight:600;letter-spacing:.01em}
@media(max-width:710px){
  .hero{height:auto;min-height:0}
  .hero-inner{height:auto;min-height:0;padding-block:58px 49px;align-items:end}
  .hero-content{padding-bottom:0}
  .vote-section{margin-top:18px}
  .hero-actions{align-items:flex-start}
  .countdown-bubble strong{font-size:25px}
  #today-vote{scroll-margin-top:89px}
}
@media(max-width:490px){
  .hero{height:auto;min-height:0}
  .hero-inner{height:auto;padding-top:56px;padding-bottom:41px}
  .hero-actions{flex-direction:column;align-items:stretch;gap:14px}
  .hero .primary-btn{width:max-content;max-width:100%}
  .countdown-bubble{min-width:0;width:max-content;max-width:100%;padding:10px 15px}
  .countdown-bubble strong{font-size:24px}
  .vote-section{margin-top:17px}
}


/* v1.2 — meaningful consequence payoff. A visual after-story, not a tiny marker. */
.scene-sticker{width:86px;min-height:88px;padding:5px 4px 7px;border:2px solid #fff0bc;border-radius:50% 50% 12px 12px;z-index:2;background:linear-gradient(170deg,#ffffffee,#ffbde5 58%,#fd6b8a);box-shadow:0 11px 0 #09111ab8,0 0 0 4px #ffcb574a,0 0 35px #ff719a7f;transform:translate(-50%,-50%) rotate(-5deg);overflow:visible}
.scene-sticker:nth-child(3n){transform:translate(-50%,-50%) rotate(7deg);background:linear-gradient(150deg,#fbffea,#a0fce4 65%,#15a6a0)}
.scene-sticker:nth-child(3n+2){background:linear-gradient(150deg,#fff3db,#ffcc77 65%,#fb7683)}
.scene-sticker .object-icon{display:grid;place-items:center;font-size:48px;line-height:1;filter:drop-shadow(0 6px 2px #15152644);transform-origin:center bottom;animation:prop-arrival .65s both,prop-breathe 3.2s ease-in-out .65s infinite}
.scene-sticker.effect-bounce .object-icon{animation:prop-arrival .65s both,prop-hop 1.8s ease-in-out .65s infinite}
.scene-sticker.effect-sway .object-icon{animation:prop-arrival .65s both,prop-sway 2.4s ease-in-out .65s infinite}
.scene-sticker.effect-slide .object-icon{animation:prop-arrival .65s both,prop-slide 2.6s ease-in-out .65s infinite}
.scene-sticker small{font:900 10px var(--display);letter-spacing:.03em;line-height:1.1;color:#102536;background:#fff5d7;border-radius:4px;padding:3px 4px;white-space:nowrap;box-shadow:0 2px 0 #1f293344}
.scene-sticker .sticker-burst{pointer-events:none;position:absolute;right:-15px;top:-20px;font-size:35px;color:#ffe075;text-shadow:0 3px 0 #de397c,0 0 15px #ffffaf;animation:twinkle 2.5s linear infinite}
.scene-sticker.active,.scene-sticker:hover{z-index:12!important;transform:translate(-50%,-56%) rotate(0deg) scale(1.17);box-shadow:0 12px 0 #05121a99,0 0 0 6px #ffcf79ab,0 0 44px #ffab6b}
.scene-sticker.your-vote{background:linear-gradient(145deg,#2a3759,#6a3469);border-style:dashed;border-color:#ff7ab0;box-shadow:0 0 0 6px #ee4b7b50,0 11px 0 #07111b;opacity:.92}
.scene-sticker.your-vote small{background:#09192d;color:#ffd77e}
.map-art{isolation:isolate;background-color:#132b47}
.map-art:before{content:'✦        ✳         ✧           ✦';position:absolute;inset:16% 6% auto;text-align:center;z-index:1;color:#ffed9d99;font-size:24px;letter-spacing:2.5em;pointer-events:none;animation:float-stars 5s ease-in-out infinite}
.map-reveal{animation:map-celebrate .75s both}
.map-inspect{overflow:hidden;position:relative;padding:0 0 23px;background:linear-gradient(142deg,#253b50,#111e33)}
.map-inspect>.mini-kicker{padding:14px 20px;background:#ffcc68;color:#15233c;font-size:11px;letter-spacing:.13em}
.map-inspect h2,.map-inspect>p,.map-inspect>.impact-meta{margin-left:21px;margin-right:21px}
.map-inspect h2{font:900 clamp(26px,3vw,36px)/1.05 var(--display);margin-top:18px;margin-bottom:12px}
.map-inspect>p{font-size:13px}
.map-payoff-art{margin:0;min-height:190px}
.map-speech{position:relative;display:block;background:#f7d67b;color:#152440;padding:11px 13px;font:900 14px/1.14 var(--display);transform:rotate(-1.5deg);letter-spacing:.03em;margin:14px 20px 12px;border:2px solid #121625;box-shadow:4px 4px 0 #08112177}
.map-speech:before{content:'“';font:900 38px var(--display);vertical-align:middle;margin-right:6px;color:#fa4d7a}
.evidence-art{height:260px;position:relative;overflow:hidden;background:#172d4b;isolation:isolate;border-radius:12px 12px 0 0;box-shadow:inset 0 0 0 3px #ffd47c}
.evidence-art:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#02142917 20%,#05162616 50%,#05121de6 100%);pointer-events:none}
.evidence-art img.evidence-photo{height:100%;width:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.27) contrast(1.05)}
.evidence-art img.evidence-fallback{filter:saturate(1.3) contrast(1.05) blur(.5px)}
.evidence-prop{position:absolute;z-index:3;left:50%;top:43%;font-size:100px;line-height:1;filter:drop-shadow(0 9px 0 #241425bf) drop-shadow(0 4px 24px #ffbd4f);transform:translate(-50%,-50%) rotate(-8deg);text-shadow:0 0 3px white;animation:evidence-bounce 3s ease-in-out infinite}
.evidence-art:has(img:not(.evidence-fallback)) .evidence-prop{font-size:52px;left:86%;top:20%;padding:4px 8px;background:#ffecab;border:3px solid #fff;border-radius:50%;animation:evidence-bounce 3s ease-in-out infinite}
.evidence-prop.effect-sway{animation:evidence-sway 2.7s ease-in-out infinite}
.evidence-prop.effect-slide{animation:evidence-wobble 2.7s ease-in-out infinite}
.evidence-atmosphere{position:absolute;z-index:2;inset:0;pointer-events:none;color:#ffe66a;text-shadow:0 0 17px #ff2e6e}
.evidence-atmosphere span{position:absolute;font-size:38px;animation:twinkle 2s ease-in-out infinite}
.evidence-atmosphere span:nth-child(1){left:8%;top:15%}.evidence-atmosphere span:nth-child(2){right:11%;top:42%;animation-delay:.8s}.evidence-atmosphere span:nth-child(3){left:23%;bottom:26%;animation-delay:1.35s}
.evidence-splash{position:absolute;z-index:4;left:10px;top:11px;transform:rotate(-4deg);font:900 10px var(--body);letter-spacing:.09em;border-radius:3px;padding:6px 7px;color:#061f2a;background:#9cf8d6;box-shadow:2px 3px 0 #0b0c1188}
.evidence-tape{position:absolute;z-index:4;right:-5px;bottom:15px;transform:rotate(-5deg);font:900 10px var(--body);letter-spacing:.06em;max-width:93%;background:#ff4380;padding:7px 13px;border:1px dashed #ffe2a1;box-shadow:4px 4px 0 #0b1121;color:#fff}
.evidence-enter{animation:payoff-enter .53s cubic-bezier(.2,.9,.18,1.1) both}
.evidence-sweet .evidence-splash{background:#98fbd9}.evidence-danger .evidence-splash{background:#ffe17f}.evidence-weird .evidence-splash{background:#d6a9ff}
.payoff-share{display:block;border:1px solid #f3d279;background:#f5d478;color:#102037;padding:9px 15px;margin:15px 20px 0;border-radius:9px;font-weight:900;font-size:11px}
.demo-consequence{padding:0;overflow:hidden;background:#122a42;border-color:#8b7586}
.demo-consequence .evidence-art{height:clamp(235px,28vw,400px);border-radius:0}
.demo-consequence .payoff-demo-copy{padding:22px 24px;background:#1b304a}
.payoff-demo-copy h3{font:900 clamp(28px,3vw,40px) var(--display);color:#fff8ec;margin:12px 0 5px}
.payoff-demo-copy p{color:#cadbec;font-size:13px;max-width:740px}
.demo-punchline{background:#ffdc72;color:#061a2e;padding:15px 23px;transform:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.demo-punchline .speech-label{display:inline-block;font-size:10px;font-weight:900;background:#101d36;color:#fff0b1;padding:5px 7px;transform:rotate(-3deg)}
.demo-punchline b{font:900 clamp(20px,3vw,30px)/1.1 var(--display)}
.payoff-story{padding:20px 24px 25px}
.payoff-story h3{margin-top:0}.payoff-story p{max-width:770px}
.payoff-footer{margin-top:14px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.payoff-footer small{max-width:460px}.payoff-footer .secondary-action{white-space:normal}
@keyframes prop-arrival{from{opacity:0;scale:.18;rotate:-30deg}70%{scale:1.22}to{opacity:1;scale:1}}
@keyframes prop-breathe{0%,100%{rotate:-4deg;scale:1}50%{rotate:4deg;scale:1.08}}
@keyframes prop-hop{0%,100%{translate:0 0;rotate:-5deg}50%{translate:0 -9px;rotate:6deg}}
@keyframes prop-sway{0%,100%{rotate:-12deg}50%{rotate:12deg}}
@keyframes prop-slide{0%,100%{translate:-5px 0}50%{translate:5px 0}}
@keyframes twinkle{0%,100%{opacity:.45;scale:.8}50%{opacity:1;scale:1.3}}
@keyframes float-stars{0%,100%{translate:0 0;opacity:.5}50%{translate:0 -7px;opacity:1}}
@keyframes payoff-enter{from{opacity:0;transform:translateY(16px) scale(.94) rotate(-1.5deg)}to{opacity:1;transform:none}}
@keyframes evidence-bounce{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,-58%) rotate(8deg)}}
@keyframes evidence-sway{0%,100%{transform:translate(-50%,-50%) rotate(-16deg)}50%{transform:translate(-50%,-50%) rotate(14deg)}}
@keyframes evidence-wobble{0%,100%{transform:translate(-48%,-50%) rotate(-8deg)}50%{transform:translate(-52%,-50%) rotate(8deg)}}
@keyframes map-celebrate{0%,100%{filter:brightness(1)}35%{filter:brightness(1.24) saturate(1.4)}}
@media(max-width:980px){.scene-sticker{width:70px;min-height:72px}.scene-sticker .object-icon{font-size:38px}.map-inspect{min-height:0}}
@media(max-width:490px){.scene-sticker{width:54px;min-height:58px;padding:3px}.scene-sticker .object-icon{font-size:27px}.scene-sticker small{font-size:7px}.sticker-burst{font-size:20px!important;top:-15px!important;right:-8px!important}.map-art:before{letter-spacing:1em;font-size:16px}.map-speech{font-size:12px}.evidence-art{height:220px}.demo-consequence .evidence-art{height:255px}.evidence-prop{font-size:75px}.payoff-story,.demo-consequence .payoff-demo-copy{padding:18px}}
@media(prefers-reduced-motion:reduce){.scene-sticker .object-icon,.scene-sticker .sticker-burst,.evidence-prop,.evidence-atmosphere span,.map-art:before{animation:none!important}}

/* The map props are colorful miniature scene additions, never opaque white disks. */
.scene-sticker,.scene-sticker:nth-child(3n),.scene-sticker:nth-child(3n+2){border:0;background:radial-gradient(circle at 48% 57%,#ffda75bb 0%,#ee5b9777 42%,transparent 74%);box-shadow:none;border-radius:20px;width:99px;min-height:100px;filter:drop-shadow(2px 6px 0 #11142b);}
.scene-sticker:nth-child(3n){background:radial-gradient(circle at 48% 57%,#76f5dfb6 0%,#27a6b277 43%,transparent 74%)}
.scene-sticker:nth-child(3n+2){background:radial-gradient(circle at 48% 57%,#ffe179ba 0%,#f7629870 46%,transparent 74%)}
.scene-sticker .object-icon{font-size:59px;min-height:71px;filter:drop-shadow(0 5px 1px #08141caa) drop-shadow(0 0 8px #fff2a6);}
.scene-sticker .sticker-burst{color:#ffe180;font-size:28px;top:-4px;right:0}
.scene-sticker small{font-size:11px;padding:3px 9px;background:#101e3b;color:#fff5d8;box-shadow:0 3px 0 #ff4e82;letter-spacing:.09em}
.scene-sticker.active,.scene-sticker:hover{box-shadow:none!important;filter:drop-shadow(0 0 12px #ffdc7c);background:radial-gradient(circle,#fff29cb3,#ff479580 44%,transparent 76%)}
.scene-sticker.your-vote{border:2px dashed #ffdd74!important;background:#081a2edd;filter:drop-shadow(0 0 8px #ff79a1);width:79px;min-height:92px}
.scene-sticker.your-vote .object-icon{font-size:43px}
@media(max-width:980px){.scene-sticker,.scene-sticker:nth-child(3n),.scene-sticker:nth-child(3n+2){width:74px;min-height:76px}.scene-sticker .object-icon{font-size:46px;min-height:50px}.scene-sticker small{font-size:9px}}
@media(max-width:490px){.scene-sticker,.scene-sticker:nth-child(3n),.scene-sticker:nth-child(3n+2){width:55px;min-height:60px}.scene-sticker .object-icon{font-size:30px;min-height:33px}.scene-sticker small{font-size:7px;padding:2px 4px}.scene-sticker.your-vote{width:52px;min-height:59px}.scene-sticker.your-vote .object-icon{font-size:29px}}
#demo-consequence{scroll-margin-top:105px}

/* v1.3 — Voting card badge fit. No text can overhang an illustrated choice. */
.choice .intent-chip{
  box-sizing:border-box;
  display:inline-block;
  width:max-content;
  max-width:calc(100% - 30px);
  white-space:normal;
  overflow-wrap:anywhere;
  text-wrap:balance;
  text-align:center;
  line-height:1.25;
  transform:rotate(-2deg);
}
@media(max-width:490px){
  .choice .intent-chip{
    max-width:calc(100% - 17px);
    line-height:1.25;
    letter-spacing:0;
    transform:rotate(-1deg);
  }
}

/* The illustrated choice art already has a label drawn into its left corner.
   Anchor the image to that corner so cover-cropping never cuts words off. */
.choice-art.has-embedded-label{background-position:left center!important}

/* Result experience v3 — short, cinematic illustrated scenes, explicitly not video. */
.demo-consequence{margin-top:24px;overflow:hidden;border:1px solid #6d668c;border-radius:20px;background:#0b1b31;box-shadow:0 20px 65px #020c1ba3}
.reveal-header{padding:24px clamp(20px,3vw,34px);display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:15px;background:linear-gradient(110deg,#162e4e,#272747)}
.reveal-header h3{font:900 clamp(28px,3.5vw,46px)/1.03 var(--display);margin:9px 0 7px;color:#fff6e5;letter-spacing:.015em}
.reveal-header p{font-size:clamp(14px,1.1vw,16px);line-height:1.5;color:#e7e3ed;max-width:590px;margin:0}
.reveal-header strong{color:#ffe081}
.reveal-medium{font:900 11px/1.25 var(--body);color:#082033;background:#9bf3d7;padding:9px 12px;border-radius:100px;max-width:235px;text-align:center;letter-spacing:.06em}
.reveal-stage{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:stretch;gap:0;min-height:420px}
.reveal-picture{position:relative;min-width:0;background:#102c42;isolation:isolate}
.demo-consequence .reveal-picture .evidence-art{height:100%;min-height:420px;border-radius:0;box-shadow:none}
.reveal-picture .evidence-art:before{background:linear-gradient(180deg,#0615251f 20%,#06152535 65%,#061525c7 100%)}
.reveal-picture-note{position:absolute;z-index:6;bottom:14px;left:17px;right:17px;width:max-content;max-width:calc(100% - 34px);padding:9px 12px;border-radius:6px;background:#091b31e9;border:1px solid #ffe2a19c;color:#fff2df;font:900 10px/1.3 var(--body);letter-spacing:.08em}
.reveal-sequence{min-width:0;display:flex;flex-direction:column;padding:clamp(20px,3vw,32px);gap:14px;background:linear-gradient(155deg,#112d47,#102037 85%)}
.reveal-sequence-label{font:900 12px/1.3 var(--body);color:#ffcc78;letter-spacing:.09em}
.reveal-beats{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:beat}
.reveal-beat{display:flex;gap:14px;align-items:flex-start;background:#213e5b;border:1px solid #5f7795;border-radius:12px;padding:16px 16px;box-shadow:0 4px 0 #05172c;opacity:0;animation:reveal-rise .38s ease-out both}
.reveal-beat:nth-child(2){animation-delay:.12s}.reveal-beat:nth-child(3){animation-delay:.25s}
.reveal-beat-num{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffaeca;color:#0b182b;font:900 15px/1 var(--display)}
.reveal-beat-label{display:block;font:900 10px/1.2 var(--body);letter-spacing:.075em;color:#ffd983;margin:0 0 6px}
.reveal-beat p{margin:0;color:#fff9f0;font:700 clamp(15px,1.25vw,18px)/1.45 var(--body);overflow-wrap:anywhere}
.reveal-beat-3{background:#ffda7b;border-color:#fff2b3;box-shadow:0 5px 0 #b27742}
.reveal-beat-3 .reveal-beat-num{background:#08253b;color:#fff2c0}
.reveal-beat-3 .reveal-beat-label{color:#6b294a}
.reveal-beat-3 p{color:#17243c;font-weight:850}
.full-scene{margin-top:4px;border:1px solid #6b7992;border-radius:9px;background:#0b223a;color:#fdf5e8}
.full-scene summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font:900 12px/1.4 var(--body);letter-spacing:.03em;color:#ffdc82}
.full-scene summary::-webkit-details-marker{display:none}
.full-scene summary span{display:inline-block;transition:transform .15s ease}
.full-scene[open] summary span{transform:rotate(180deg)}
.full-scene p{padding:0 15px 16px;margin:0;font:500 14px/1.65 var(--body);color:#f6f1e9;max-width:70ch;white-space:normal}
.full-scene summary:focus-visible{outline:3px solid #ffe29d;outline-offset:3px}
.reveal-bottom{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#091c30;border-top:1px solid #344863}
.reveal-bottom p{max-width:700px;color:#d8e5ef;font:500 13px/1.6 var(--body);margin:0}
.reveal-bottom strong{color:#ffe186}
.reveal-bottom .secondary-action{flex-shrink:0}
/* A compact treatment inside the Chaos Map inspector, with the same clear beats. */
.map-inspect #map-result-beats{padding:0 16px;margin:4px 0 12px}
.map-inspect .reveal-beats{gap:8px}
.map-inspect .reveal-beat{gap:10px;padding:11px 12px;border-radius:8px;box-shadow:none}
.map-inspect .reveal-beat-num{width:26px;height:26px;flex-basis:26px;font-size:12px}
.map-inspect .reveal-beat-label{font-size:9px;margin-bottom:4px}
.map-inspect .reveal-beat p{font:700 13px/1.45 var(--body)}
.map-inspect .full-scene{margin-top:10px}
.map-inspect .full-scene p{font-size:13px}
.map-inspect #impact-detail{line-height:1.45;margin-top:5px;color:#c7d9e7}
.map-inspect .map-speech{background:#b2f1d9;color:#0c2941;letter-spacing:.06em;transform:none}
@keyframes reveal-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.reveal-stage{grid-template-columns:1fr}.demo-consequence .reveal-picture .evidence-art{min-height:340px;height:340px}.reveal-sequence{padding:20px 22px}.reveal-bottom{padding:17px 22px}}
@media(max-width:480px){.reveal-header{padding:20px 17px}.reveal-medium{font-size:9px}.demo-consequence .reveal-picture .evidence-art{height:240px;min-height:240px}.reveal-sequence{padding:19px 16px}.reveal-beat{padding:12px 11px;gap:10px}.reveal-beat-num{width:28px;height:28px;flex-basis:28px;font-size:12px}.reveal-beat p{font-size:15px}.reveal-bottom{padding:17px}}
@media(prefers-reduced-motion:reduce){.reveal-beat{animation:none;opacity:1}.full-scene summary span{transition:none}}

/* Keep auto-scrolled results visible below sticky navigation. */
.demo-consequence{scroll-margin-top:95px}
.map-inspect{scroll-margin-top:95px}

/* The new art is fully illustrated; never obscure its composition with a duplicate emoji. */
.choice-emoji.illustrated-icon{display:none!important}
.choice-art:not(.has-embedded-label){background-position:center center!important}
@media (max-width:490px){.choice-art:not(.has-embedded-label){background-position:center center!important}}