@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Prata&display=swap";:root{--ink:#0b1429;--ink-soft:#16213a;--paper:#f7f1e8;--paper-deep:#eee4d7;--gold:#c9a35d;--gold-pale:#ead8b4;--red:#a94238;--green:#3c7962;--muted:#716d68;--line:#0b14292e;--shadow:0 24px 70px #0308123d;--serif:"Prata", Georgia, serif;--sans:"Manrope", Inter, system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--ink);width:100%;min-width:0;max-width:100%;min-height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background:radial-gradient(circle at 12% -8%, #c9a35d42, transparent 27rem), var(--ink);width:100%;min-width:0;max-width:100%;min-height:100dvh;margin:0;overflow-x:hidden}button,a{font:inherit}button{border:0}button,a[href]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f2cc7b}.shell{isolation:isolate;width:min(100%,760px);min-width:0;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 18px calc(104px + env(safe-area-inset-bottom));margin:0 auto;position:relative;overflow:hidden}.shell--start,.shell--ending{padding-bottom:max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.background:before{content:"";opacity:.22;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.background i{background:var(--gold-pale);border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 15px #ead8b4e6}.background i:first-child{top:11%;left:9%}.background i:nth-child(2){top:32%;right:12%}.background i:nth-child(3){bottom:18%;left:18%}.background span{aspect-ratio:1;border:1px solid #c9a35d2e;border-radius:50%;width:58vw;max-width:520px;position:absolute}.background span:first-of-type{top:-11%;right:-30%}.background span:nth-of-type(2){bottom:-12%;left:-36%}.start-card,.ending-card{background:linear-gradient(135deg, #fffffff7, #f7f1e8f7), var(--paper);width:100%;min-width:0;box-shadow:var(--shadow);border:1px solid #c9a35d8c;border-radius:5px 34px 5px 5px;padding:clamp(28px,7vw,58px);position:relative;overflow:hidden}.start-card:after,.ending-card:after,.event-card:after{content:"";pointer-events:none;border:1px solid #c9a35d80;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-74px;right:-74px;box-shadow:0 0 0 22px #c9a35d14,0 0 0 45px #c9a35d0d}.eyebrow{color:#8b6a2f;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.4}.start-mark{height:100px;margin:16px 0 10px;position:relative}.diploma{border:1px solid var(--ink);background:var(--paper);letter-spacing:.23em;padding:18px 20px;font-size:10px;font-weight:700;position:absolute;top:14px;left:2px;transform:rotate(-4deg)}.diploma:before{content:"";border:1px solid #0b142947;position:absolute;inset:5px}.road{background:var(--gold);transform-origin:0;width:min(65%,270px);height:1px;position:absolute;top:52px;left:100px;transform:rotate(-10deg)}.road:before,.road:after{content:"";border:1px solid var(--gold);background:var(--paper);border-radius:50%;width:7px;height:7px;position:absolute;transform:translateY(-50%)}.road:before{left:38%}.road:after{right:0}h1{font-family:var(--serif);text-wrap:balance;margin:0;font-weight:400}.start-card h1{letter-spacing:-.04em;max-width:580px;font-size:clamp(35px,9.4vw,66px);line-height:1.02}.start-card h1 em{color:#9b783b;font-style:normal}.lede{color:#373a40;max-width:530px;margin:23px 0 20px;font-size:clamp(15px,3.8vw,18px);line-height:1.65}.start-meta{flex-wrap:wrap;gap:7px;margin-bottom:28px;display:flex}.start-meta span{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:600}.button{cursor:pointer;letter-spacing:.04em;text-align:center;border-radius:2px;justify-content:center;align-items:center;min-height:52px;padding:14px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,color .18s;display:inline-flex}.button:active,.choice:active,.translator:active{transform:translateY(1px)scale(.994)}.button--primary{background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--gold-pale)}.button--primary:hover{background:#1b2948}.button--wide{width:100%}.button--ghost{border:1px solid var(--ink);color:var(--ink);background:0 0}.text-button,.tiny-button{color:var(--ink);cursor:pointer;background:0 0;border-bottom:1px solid;padding:0;font-size:12px;font-weight:600}.start-card>.text-button{margin:23px auto 0;display:block}.about-panel{border-left:2px solid var(--gold);color:#454545;background:#c9a35d17;margin-top:20px;padding:15px 17px;font-size:12px;line-height:1.6}.about-panel p{margin:0}.about-panel p+p{margin-top:8px}.brandline{color:#f7f1e88a;letter-spacing:.16em;text-transform:uppercase;font-size:9px;position:absolute;bottom:18px;right:28px}.topbar{z-index:3;color:var(--paper);grid-template-columns:1fr auto 42px;align-items:center;gap:10px;display:grid;position:relative}.topbar>div:first-child{flex-direction:column;min-width:0;display:flex}.topbar-kicker{color:#f7f1e894;letter-spacing:.18em;text-transform:uppercase;font-size:8px;font-weight:700}.topbar strong{color:var(--gold-pale);font-family:var(--serif);margin-top:2px;font-size:20px;font-weight:400}.topbar strong i{color:#f7f1e866;font-family:var(--sans);letter-spacing:.05em;font-size:9px;font-style:normal}.location{color:#f7f1e8ad;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:10px;font-weight:600;overflow:hidden}.location--foreign{color:var(--gold-pale)}.icon-button{width:42px;height:42px;color:var(--paper);cursor:pointer;background:#ffffff0a;border:1px solid #f7f1e840;border-radius:50%;font-size:20px}.game-stage{z-index:2;padding:clamp(28px,7vh,62px) 0 22px;position:relative}.game-stage--center{place-items:center;min-height:calc(100dvh - 180px);display:grid}.route-line{background:#c9a35d47;width:92%;height:1px;position:absolute;top:13px;left:4%}.route-line:before,.route-line:after,.route-line span{content:"";border:1px solid var(--gold);background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.route-line:before{left:0}.route-line:after{left:100%}.route-line span{left:calc((var(--step) / var(--max,18)) * 100%);background:var(--gold);width:10px;height:10px;transition:left .45s;box-shadow:0 0 0 5px #c9a35d2e}.event-card,.consequence-card{background:var(--paper);width:100%;min-width:0;box-shadow:var(--shadow);border-radius:3px 28px 3px 3px;padding:clamp(24px,6vw,44px);animation:.38s cubic-bezier(.2,.75,.25,1) both card-in;position:relative;overflow:hidden}.event-card--crisis{border-top:5px solid var(--red);background:repeating-linear-gradient(-25deg, transparent 0 28px, #a9423807 28px 29px), var(--paper)}.event-meta{border-bottom:1px solid var(--line);color:#8a6d3b;letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;gap:12px;padding-bottom:14px;font-size:9px;font-weight:700;display:flex}.node-id{color:#8e8a83;font-variant-numeric:tabular-nums}.event-copy{padding:26px 0 21px}.event-copy h1{letter-spacing:-.035em;max-width:590px;font-size:clamp(29px,7.4vw,49px);line-height:1.08}.event-copy p{color:#44464b;white-space:pre-line;max-width:590px;margin:18px 0 0;font-size:clamp(14px,3.8vw,17px);line-height:1.65}.crisis-stamp{z-index:2;max-width:165px;color:var(--red);letter-spacing:.07em;text-align:center;text-transform:uppercase;border:2px solid #a94238b8;padding:8px 10px;font-size:8px;font-weight:700;line-height:1.35;position:absolute;top:68px;right:18px;transform:rotate(4deg)}.event-card--crisis .event-copy{padding-top:73px}.translation-glitch{border:1px dashed var(--red);color:#763b35;background:#a942380e;margin:0 0 18px;padding:13px 15px;font-size:13px;line-height:1.5}.translation-glitch span{letter-spacing:.15em;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:700;display:block}.language-row{border-left:2px solid var(--gold);color:#765c30;background:#c9a35d1a;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:9px 11px;font-size:10px;font-weight:700;display:flex}.choice-heading{color:#77736c;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:700}.choices{gap:8px;display:grid}.choice{border:1px solid var(--line);min-height:58px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff8c;border-radius:2px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:13px 12px;font-size:12px;font-weight:600;line-height:1.45;transition:border-color .18s,background .18s,transform .18s;display:grid}.choice:hover{border-color:var(--gold);background:#fffdf9}.choice-number{color:#9c7c44;font-family:var(--serif);font-size:12px}.choice-arrow{color:#9c7c44;font-size:16px}.translator-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.translator{border:1px solid var(--line);min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:#fff9;border-radius:2px;flex-direction:column;align-items:stretch;padding:10px;display:flex}.translator:hover{border-color:var(--gold)}.translator-portrait{background:#d9cdbb;height:86px;margin-bottom:10px;display:block;position:relative;overflow:hidden}.translator-portrait:before{content:"";background:var(--ink-soft);border-radius:50% 50% 44% 44%;width:31px;height:37px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.translator-portrait:after{content:"";background:var(--gold);border-radius:50% 50% 0 0;width:83px;height:62px;position:absolute;bottom:-27px;left:50%;transform:translate(-50%)}.portrait-2{background:#bfc7c2}.portrait-2:after{background:#6c7a78}.portrait-3{background:#d5c1b5}.portrait-3:after{background:var(--red)}.translator-portrait i{z-index:2;background:var(--paper);width:5px;height:5px;box-shadow:9px 0 var(--paper);border-radius:50%;position:absolute;top:25px;left:50%;transform:translate(-7px)}.translator-name{font-family:var(--serif);font-size:13px;line-height:1.3}.translator-copy{color:#6c6963;flex:1;margin:6px 0 12px;font-size:9px;line-height:1.45}.translator-action{color:#8a6a32;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:700}.microcopy{color:#85817a;margin:12px 0 0;font-size:9px;line-height:1.5}.statusbar{z-index:5;left:50%;bottom:max(10px, env(safe-area-inset-bottom));width:min(100% - 24px,720px);color:var(--paper);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0b1429e8;border:1px solid #c9a35d59;border-radius:3px;grid-template-columns:repeat(6,1fr);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #0000004d}.stat{text-align:center;border-right:1px solid #f7f1e81f;grid-template-columns:auto auto;justify-content:center;gap:0 5px;padding:3px 2px;display:grid;position:relative}.stat:last-child{border-right:0}.stat span{color:var(--gold);font-size:8px;font-weight:700}.stat strong{font-family:var(--serif);font-size:15px;font-weight:400;line-height:1}.stat small{color:#f7f1e880;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;margin-top:4px;font-size:6px;overflow:hidden}.consequence-card{max-width:610px;padding:clamp(30px,8vw,56px)}.ripple{height:80px;margin:18px 0 12px;position:relative}.ripple span{border:1px solid var(--gold);border-radius:50%;width:72px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple span:nth-child(2){opacity:.55;width:130px;height:58px}.ripple span:nth-child(3){opacity:.25;width:190px;height:80px}.consequence-text{font-family:var(--serif);margin:0 0 22px;font-size:clamp(20px,5vw,28px);line-height:1.45}.deltas{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.delta{border-radius:999px;padding:7px 9px;font-size:9px;font-weight:700}.delta--up{color:var(--green);background:#3c79621f}.delta--down{color:var(--red);background:#a942381c}.flag-box{background:#3c79620f;border:1px solid #3c796240;flex-wrap:wrap;gap:6px;margin-bottom:17px;padding:12px;display:flex}.flag-box small{width:100%;color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:700}.flag-box span{font-size:10px}.flag-box--removed{background:#a942380d;border-color:#a942383d}.flag-box--removed small{color:var(--red)}.ending-card{text-align:center;max-width:660px}.ending-card h1{letter-spacing:-.04em;max-width:560px;margin:0 auto;font-size:clamp(34px,8vw,58px);line-height:1.08}.ending-orbit{border:1px solid var(--gold);border-radius:50%;width:154px;height:76px;margin:20px auto 22px;position:relative;transform:rotate(-8deg)}.ending-orbit span{border:1px solid #c9a35d52;border-radius:50%;position:absolute;inset:12px -22px}.ending-orbit i{background:var(--ink);width:9px;height:9px;box-shadow:0 0 0 6px var(--gold-pale);border-radius:50%;position:absolute;top:4px;left:29px}.ending-text{color:#4d4c49;max-width:540px;margin:18px auto 24px;font-size:14px;line-height:1.7}.route-recap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;gap:5px;margin:0 auto 22px;padding:14px;display:grid}.route-recap small{color:#8b6a2f;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:700}.route-recap span{color:#55534f;font-size:10px}.route-recap span:before{content:"↳ ";color:var(--gold)}.lecture-box{background:var(--gold-pale);margin-top:22px;padding:20px}.lecture-box--postponed{border:1px solid #9b742e59;box-shadow:inset 0 0 0 5px #ffffff59}.lecture-event{border:1px solid var(--gold);color:#765720;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;padding:5px 8px 4px;font-size:8px;display:inline-block}.lecture-box h2{font-family:var(--serif);margin:0 0 10px;font-size:23px;font-weight:500;line-height:1.1}.lecture-box p{font-family:var(--serif);margin:0 0 16px;font-size:17px;line-height:1.45}.lecture-box small{color:#756d60;margin-top:16px;font-size:8px;line-height:1.5;display:block}.ending-actions{grid-template-columns:1fr 1fr;align-items:center;gap:18px;margin-top:20px;display:grid}.route-code{color:#97918a;letter-spacing:.12em;text-transform:uppercase;margin-top:20px;font-size:8px}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=470px){.shell{padding-inline:12px}.start-card,.ending-card,.event-card,.consequence-card{border-radius:2px 22px 2px 2px}.start-card{padding:27px 22px 30px}.event-card{padding:22px 18px 25px}.event-card--crisis .event-copy{padding-top:68px}.crisis-stamp{max-width:145px;right:12px}.choice{padding-inline:9px}.translator-grid{gap:5px}.translator{padding:7px}.translator-portrait{height:72px}.translator-name{font-size:11px}.translator-copy{font-size:8px}.statusbar{width:calc(100% - 14px);padding:6px 3px}.stat small{display:none}.stat{grid-template-columns:auto auto}.ending-actions{grid-template-columns:1fr;gap:16px}}@media (width<=340px){.shell{padding-inline:8px;padding-bottom:calc(136px + env(safe-area-inset-bottom))}.shell--start,.shell--ending{padding-bottom:max(18px, env(safe-area-inset-bottom))}.topbar{grid-template-columns:minmax(0,1fr) 36px;gap:7px}.topbar strong{font-size:17px}.location{grid-area:2/1/auto/-1;max-width:100%}.icon-button{width:36px;height:36px}.start-card{padding:24px 16px 28px}.start-card h1{font-size:clamp(31px,12vw,42px)}.event-card{padding:20px 14px 23px}.event-copy h1{font-size:clamp(27px,10vw,36px)}.crisis-stamp{width:fit-content;max-width:100%;margin:15px 0 0 auto;position:static;transform:rotate(2deg)}.event-card--crisis .event-copy{padding-top:24px}.choice{grid-template-columns:23px minmax(0,1fr) 13px;gap:6px;padding-inline:7px}.translator-grid{grid-template-columns:1fr}.translator{padding:9px}.translator-portrait{height:84px}.translator-name{font-size:13px}.translator-copy{font-size:9px}.statusbar{grid-template-columns:repeat(3,1fr);width:calc(100% - 10px)}.stat:nth-child(3){border-right:0}.stat:nth-child(-n+3){border-bottom:1px solid #f7f1e81f}.ending-card,.consequence-card{padding:27px 16px}.ending-orbit{width:132px;height:66px}.lecture-box{padding:16px 12px}.button{overflow-wrap:anywhere;width:100%;padding-inline:12px}}@media (width>=760px){.shell{padding-inline:24px}.choice{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}