@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#eae6db;--ink:#191e1e;--red:#df503c;--muted:#a4aaa4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:5px}button:hover{color:var(--red)}a{color:inherit}header{height:82px;margin:0 4%;display:flex;align-items:center;border-bottom:1px solid #bcbcaf;gap:24px}.brand{font-weight:800;font-size:30px;text-decoration:none;letter-spacing:-3px}.brand span{color:var(--red)}.header-title,.small,.eyebrow,.map-top,.map-caption,.progress-header,.footer-row>span,.dialog-top{font-size:10px;letter-spacing:1.6px;font-weight:600}header nav{margin-left:auto;display:flex;align-items:center;gap:20px}header nav button{font-size:12px}#fullBtn{font-size:26px}main{margin:0 4%;display:grid;grid-template-columns:36% 64%;height:calc(100svh - 230px);min-height:470px}.story{padding:42px 24px 20px 0;position:relative;display:flex;flex-direction:column;overflow:hidden}.eyebrow{color:#ab3f2d;margin-bottom:16px}.year{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(40px,6vw,88px);line-height:1;color:var(--red);font-weight:600;letter-spacing:-2px}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(48px,6.1vw,92px);font-weight:700;text-transform:uppercase;line-height:.93;letter-spacing:-1px;margin:10px 0 20px;max-width:100%;overflow-wrap:normal}#subtitle{max-width:310px;font-size:16px;line-height:1.5;margin:0 0 22px}#tags{display:flex;gap:6px;flex-wrap:wrap}#tags span{font-size:9px;letter-spacing:1px;border:1px solid #babbb0;padding:6px 8px;text-transform:uppercase}.story-bottom{margin-top:auto;padding-top:20px}.story-bottom .small{font-size:9px}.story-bottom p{font-family:Georgia,serif;font-style:italic;font-size:16px;line-height:1.4;margin-bottom:0}.visual{position:relative;background:#171d1e;overflow:hidden;color:var(--paper);border-left:1px solid #bcbcaf}#map{height:100%;width:100%;position:absolute;inset:0;background:radial-gradient(ellipse at center,#273232 0%,#13191a 100%)}#land path{fill:#343f3d;stroke:#69726b;stroke-width:.5;vector-effect:non-scaling-stroke;transition:fill .4s}#land path:hover{fill:#4d5a50}.map-top{position:absolute;z-index:2;top:25px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;color:#b3bbb1;gap:12px}.map-top button{font-size:10px;border:1px solid #68716b;padding:8px 12px;letter-spacing:1px}.map-caption{position:absolute;bottom:20px;left:25px;right:10px;font-size:8px;color:#9ba69b;z-index:2;letter-spacing:.8px}.location{position:absolute;bottom:54px;left:25px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;letter-spacing:1px;pointer-events:none}.route{fill:none;stroke:var(--red);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}.route.old{stroke:#e38465;opacity:.4}.marker{cursor:pointer}.marker circle{fill:#171d1e;stroke:#e1ba8b;stroke-width:2}.marker.active circle.core{fill:var(--red);stroke:var(--paper)}.marker text{fill:var(--paper);font:12px 'DM Sans',Arial,sans-serif;paint-order:stroke;stroke:#171d1e;stroke-width:4;stroke-linejoin:round}.marker .halo{fill:none;stroke:var(--red);opacity:.3;animation:pulse 2.4s infinite}.marker:hover .core{fill:#e5b786}.scene{position:absolute;inset:67px 22px 80px;background:#1b2322f5;border:1px solid #687269;z-index:3;animation:rise .6s ease both;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 30px 60px #0004}.scene[hidden]{display:none}.scene-close{position:absolute;right:12px;top:10px;font-size:18px}.scene .kicker{font-size:10px;color:#e49c71;letter-spacing:2px;text-transform:uppercase;margin:0 20px 16px}.scene h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(28px,3vw,48px);text-transform:uppercase;margin:5px 0 14px;line-height:1}.scene p{font-size:13px;line-height:1.5;max-width:410px}.scene .action{border:1px solid #a5b09c;padding:11px 20px;font-size:12px;position:relative;z-index:3;margin-top:12px}.scene-toggle{position:absolute;right:24px;bottom:48px;z-index:2;border:1px solid #899883;padding:10px;font-size:10px}.scene svg{width:100%;max-height:160px;overflow:visible}.scene .result{min-height:38px;color:#f3b88e;font-size:14px}.courage .wheel{transform-box:fill-box;transform-origin:center}.courage.play .wheel{animation:turn 1s linear 2}.courage.play .child{opacity:.12;transition:opacity 1.2s}.courage.play .child:nth-child(2){transition-delay:.5s}.courage.play .child:nth-child(3){transition-delay:1s}.courage.play .coins{transform:translateY(-16px);fill:#edb46e;transition:all 1s}.theatre{position:relative;width:90%;height:140px;overflow:hidden;border-bottom:2px solid #d8c8a8;background:radial-gradient(ellipse at 50% 0,#d7b67944,transparent 70%)}.curtain{position:absolute;top:0;height:100%;width:50%;background:repeating-linear-gradient(90deg,#923c30,#b34b38 15px,#773027 30px);transition:transform 1.4s}.curtain.left{left:0}.curtain.right{right:0}.theatre.open .left{transform:translateX(-92%)}.theatre.open .right{transform:translateX(92%)}.stage-word{position:absolute;inset:35px 10px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px;line-height:1}.paper{width:200px;min-height:110px;background:#e4ddcc;color:#262c29;text-align:left;padding:20px;transform:rotate(-5deg);box-shadow:8px 10px #0004;font-family:Georgia,serif;font-size:17px;transition:transform .7s}.paper.open{transform:rotate(3deg) scale(1.08)}.suitcase{width:140px;height:90px;border:3px solid #d3b68e;border-radius:7px;position:relative;margin:22px}.suitcase:before{content:'';position:absolute;left:45px;top:-24px;width:45px;height:20px;border:3px solid #d3b68e;border-bottom:0}.suitcase:after{content:'EXIL';position:absolute;inset:24px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;letter-spacing:5px}.suitcase.moving{animation:travel .8s both}.ruins{display:flex;align-items:flex-end;justify-content:center;width:90%;height:140px;gap:8px}.ruins i{background:#66716b;width:36px;height:var(--h);clip-path:polygon(0 30%,30% 12%,50% 35%,70% 0,100% 20%,100% 100%,0 100%);transition:all 1.2s}.ruins.rebuilt i{height:110px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:#c7b58f}.big-question{font-family:'Barlow Condensed',Impact,sans-serif;font-size:80px;color:var(--red)}.choices{display:flex;gap:10px}.choices button{border:1px solid #748174;padding:12px;font-size:12px}.choices button.selected{background:var(--red);color:#fff;border-color:var(--red)}footer{margin:0 4%;padding:18px 0 12px}.progress-header{display:flex;gap:20px;align-items:center;font-size:9px}.keyboard-hint{margin-left:auto;color:#666e65}#timeline{display:flex;margin:15px 0 12px;gap:5px}#timeline button{height:7px;background:#c6c8bc;flex:1;padding:0;position:relative}#timeline button:before{content:'';position:absolute;inset:-7px 0}#timeline button.past{background:#a79c88}#timeline button.current{background:var(--red)}.footer-row{display:flex;align-items:center;justify-content:space-between}.footer-row>div{display:flex;gap:10px}.footer-row button{border:1px solid #adafa2;padding:12px 22px;font-size:12px}.footer-row button:disabled{opacity:.3;cursor:default}.footer-row .primary{background:var(--red);border-color:var(--red);color:white;min-width:195px;display:flex;justify-content:space-between;gap:25px}dialog{border:0;background:var(--paper);color:var(--ink);max-width:620px;width:calc(100% - 32px);max-height:85svh;padding:30px;box-shadow:0 20px 120px #0006}dialog::backdrop{background:#0d1616bd;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:#9d432e}dialog h2{font:600 40px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}dialog p,dialog li{font-size:14px;line-height:1.7}dialog li{margin-bottom:12px}dialog ul{padding-left:22px}dialog .cue{border-left:3px solid var(--red);padding:12px 18px;background:#dfded1}dialog .small{font-size:10px;line-height:1.6;letter-spacing:.4px}.note-nav{display:flex;justify-content:space-between;margin-bottom:24px}.note-nav button{border:1px solid #aaa;padding:10px}.source-link{display:block;padding:12px 0;border-bottom:1px solid #bdbfb2;font-size:13px}.source-link small{display:block;color:#60685d;margin-top:5px}.reveal{animation:rise .5s ease both}.reduced *, .reduced *:before{animation:none!important;transition:none!important}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:.2;r:11}50%{opacity:.7;r:16}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes travel{0%{transform:translateX(0)}50%{transform:translateX(70px) rotate(6deg)}100%{transform:translateX(0)}}
@media(min-height:850px){.story{padding-top:60px}h1{font-size:100px}}@media(max-width:900px){header{height:65px}.header-title{display:none}main{grid-template-columns:38% 62%;height:calc(100svh - 215px)}h1{font-size:54px}.story-bottom p{font-size:13px}.scene{padding:15px;inset:60px 12px 90px}.scene svg{max-height:120px}.map-top{left:15px;right:15px;top:18px;font-size:8px}.map-top button{font-size:8px;padding:6px}.scene h2{font-size:30px}}@media(max-width:620px){header{gap:10px}header nav{gap:12px}header nav button{font-size:10px}main{display:flex;flex-direction:column;height:auto;min-height:0}.story{padding:24px 0 18px;display:block}.eyebrow{font-size:9px;margin-bottom:10px}.year{font-size:44px;float:right;margin-top:6px}h1{font-size:50px;max-width:76%;margin:8px 0 12px}#subtitle{font-size:13px;max-width:85%;margin:0}.story-bottom,#tags{display:none}.visual{height:440px;border:0}.keyboard-hint{display:none}.location{font-size:25px}.map-caption{font-size:6px}footer{padding-bottom:20px}.footer-row .primary{min-width:170px}.scene svg{max-height:150px}.scene h2{font-size:34px}dialog{padding:22px}.progress-header{font-size:8px}#nextLabel{margin-left:auto}}