@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--bg:#080b14;--panel:#111723;--line:#293140;--text:#f2f1ed;--muted:#a7afc1;--pink:#f22e80;--cyan:#73e6ed;--head:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Barlow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.masthead{height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #ffffff20;background:#0a0e18;position:relative;z-index:5}.brand{font-family:var(--head);font-size:29px;font-weight:900;font-style:italic;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--pink)}.brand small{font-size:12px;letter-spacing:1.3px;font-style:normal;margin-left:14px;vertical-align:middle}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}nav button{background:none;border:0;padding:8px 0;color:var(--text)}.nav-cta{border:1px solid #ffffff40;padding:10px 20px}.hero{min-height:720px;height:calc(100svh - 82px);max-height:970px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;height:100%;width:70%;right:0;object-fit:cover;object-position:center 38%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b14 2%,#080b14f0 25%,#080b1460 55%,#080b1400 85%),linear-gradient(0deg,#080b14,transparent 30%)}.hero-copy{position:relative;padding:55px 6%;width:69%;z-index:2}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.8px;color:var(--cyan);margin:0 0 22px}.hero h1{font-family:var(--head);font-style:italic;margin:0 0 26px;line-height:.84;letter-spacing:-6px}.hero h1 span{display:block;font-size:clamp(100px,13vw,190px);background:linear-gradient(#fff 12%,#bac5db 37%,#46516a 48%,#f4f4f8 53%,#a2aec8 80%,#fff);background-clip:text;color:transparent;filter:drop-shadow(6px 6px 0 #0008)}.hero h1 em{display:block;font-style:normal;color:var(--pink);font-size:clamp(30px,4.8vw,70px);letter-spacing:1px;line-height:1.25}.hero-line{font-family:var(--head);font-size:29px;font-weight:700;line-height:1.15;letter-spacing:1px}.hero-desc{max-width:400px;color:#bcc4d6;font-size:16px}.hero-buttons{display:flex;gap:26px;align-items:center;margin:30px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:48px;border:1px solid #465064;background:transparent;color:var(--text);padding:13px 23px;font-size:13px;font-weight:800;letter-spacing:1px;transition:transform .15s,background .15s}.button:hover{background:#293043;transform:translateY(-2px)}.primary{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 0 25px #f22e8018}.primary:hover{background:#ff4894;border-color:#ff4894}.text-link{font-size:13px;border-bottom:1px solid #7c8596;padding-bottom:4px}.micro{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.micro i{color:var(--pink);margin:0 10px}.ticket{position:absolute;right:5%;bottom:50px;transform:rotate(-8deg);border:1px solid #f7e6c9;background:#e9ddc2;color:#171720;padding:15px 26px;box-shadow:8px 8px 0 #0007;display:flex;flex-direction:column;max-width:255px;text-align:center;font-family:var(--head)}.ticket span{font-size:12px;letter-spacing:6px}.ticket strong{font-size:33px;line-height:1.3}.ticket small{font-size:8px;letter-spacing:1px;border-top:1px dashed #686151;padding-top:6px}.ticker{background:var(--pink);display:flex;align-items:center;justify-content:space-around;gap:20px;padding:15px 4%;font-family:var(--head);font-weight:800;font-size:21px;letter-spacing:2px}.ticker b{font-size:28px}.section{padding:95px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading>p{max-width:390px;color:var(--muted)}h2{font-family:var(--head);font-size:clamp(35px,4.4vw,64px);line-height:1.05;margin:0 0 18px;font-weight:800}h3{font-family:var(--head);font-size:29px;line-height:1.2;margin:12px 0}p{margin-top:0}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stages article{border-top:1px solid var(--line);padding-top:14px}.stages img{width:100%;height:230px;object-fit:cover;filter:saturate(.85);margin-bottom:20px}.stages span{font-size:11px;letter-spacing:1.5px;color:var(--pink);font-weight:700}.stages p{font-size:14px;color:var(--muted)}.how{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);background:radial-gradient(ellipse at left,#172032 0,transparent 60%)}.how-art{display:flex;align-items:center}.how-art img{width:100%;mix-blend-mode:screen}.intro{color:var(--muted)}.steps{list-style:none;counter-reset:step;padding:0;margin:30px 0}.steps li{position:relative;padding:0 0 20px 55px;counter-increment:step}.steps li:before{content:'0' counter(step);position:absolute;left:0;top:0;color:var(--pink);font:700 28px var(--head)}.steps b{font-size:18px}.steps p{font-size:14px;color:var(--muted);margin:5px 0}.closing{text-align:center;padding:95px 20px;background:linear-gradient(#080b14b0,#080b14ec),url('assets/arena.webp') center 40%/cover;border-top:1px solid var(--line)}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer .brand{font-size:18px;color:#fff}footer span{font-size:10px;letter-spacing:1px}
/* The backstage desk */
.game-body{min-height:100vh;background-attachment:fixed;background-size:cover;background-position:center}.game-body .masthead{height:72px;background:#080b14ee}.game-body #app{min-height:calc(100vh - 72px);background:linear-gradient(#080b1499,#080b14f5 650px)}.setup{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 30px}.setup-copy{padding-top:30px}.setup-copy h1{font:900 80px/.95 var(--head);margin:20px 0}.setup-copy h1 em{font-style:normal;color:var(--pink)}.setup-copy p{max-width:430px;color:#c3cada}.setup-copy img{width:100%;max-height:260px;object-fit:cover;mask-image:linear-gradient(#000 70%,transparent)}.panel{background:#101622ee;border:1px solid var(--line);padding:25px}.panel h3{margin-top:0}label{display:block;font-size:12px;letter-spacing:.5px;color:#bdc6d7;margin-bottom:15px}input,select,textarea{width:100%;color:var(--text);background:#080e18;border:1px solid #354054;padding:10px 12px;margin-top:6px;border-radius:0}textarea{min-height:100px;resize:vertical}select option{background:#111723}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-inline{display:flex;gap:8px;align-items:center}.form-inline input{min-width:0}.form-inline button{margin-top:6px;white-space:nowrap;padding:10px}.help{font-size:12px;color:var(--muted)}.setup .primary{width:100%;margin-top:12px}.game-shell{max-width:1500px;margin:auto;padding:28px 4% 65px}.tour-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.tour-heading h1{font:800 clamp(30px,4vw,54px)/1 var(--head);text-transform:uppercase;margin:5px 0 10px;letter-spacing:1px}.tour-heading .eyebrow{margin:0;font-size:10px}.save-status{font-size:11px;color:var(--muted)}.career{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:24px 0}.career div{border-bottom:3px solid #344052;padding:7px 0;font:600 14px var(--head);color:#8b96ac;letter-spacing:1px}.career .earned{border-color:var(--cyan);color:var(--cyan)}.career .current{border-color:var(--pink);color:#fff}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:22px}.stat{background:#0e1420ed;border:1px solid var(--line);padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.stat span{font-size:10px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase}.stat strong{font:700 31px var(--head)}.stat.danger strong{color:var(--pink)}.desk{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.tabs{display:flex;border-bottom:1px solid #354054;margin-bottom:20px;gap:25px}.tabs button{color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tabs .active{color:var(--cyan);border-color:var(--cyan)}.scene{padding:30px;background:linear-gradient(120deg,#161d2df5,#0e1420f5);border:1px solid #394159;position:relative;overflow:hidden}.scene-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.8px;color:var(--cyan);font-weight:700}.scene h2{font-size:40px;margin:22px 0 15px}.scene .story{font-size:17px;line-height:1.8;max-width:760px;color:#d5dbea}.card-mark{width:52px;height:66px;border:1px solid #8693af;display:flex;align-items:center;justify-content:center;font:700 25px var(--head);background:#e9e9e5;color:#151b2b;box-shadow:4px 4px #0006;flex-shrink:0}.card-mark.red{color:#ad185c}.choices{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.choice{border:1px solid #48546c;padding:20px;background:#111925;text-align:left;color:#e3e6ee}.choice:hover:not(:disabled){border-color:var(--cyan);background:#192637}.choice strong{display:block;font:700 22px var(--head);text-transform:uppercase;margin-bottom:7px}.choice p{font-size:13px;margin:0;color:#c3cbdc}.choice .mini{display:block;color:var(--pink);font-size:10px;margin-top:12px;letter-spacing:1px;font-weight:700}.roll-result{margin:22px 0;padding:20px;background:#080e18;border-left:3px solid var(--cyan)}.roll-result .die-face{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;border:2px solid var(--cyan);font:800 32px var(--head);float:left;margin-right:18px;transform:rotate(-6deg)}.roll-result p{margin:8px 0 0;font-size:14px}.result-heading{font:700 24px var(--head);color:var(--cyan)}.thread-prompt{color:#aab5cb;font-style:italic;font-size:14px;margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.sidebar .panel{margin-bottom:18px;padding:20px}.sidebar h3{font-size:23px}.member{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:9px 0;font-size:12px}.member span{color:var(--muted)}.member strong{text-align:right;overflow-wrap:anywhere}.modifiers{display:flex;gap:16px;font-size:11px;color:var(--cyan);margin-bottom:15px}.venue-list{font-size:12px;line-height:2.2;color:var(--muted)}.venue-list .done{color:var(--cyan)}.goal{font-size:12px;color:#bbc3d6}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.action{padding:18px;background:#111a28;border:1px solid #38455a;color:#eee;text-align:left}.action:hover:not(:disabled){border-color:var(--cyan)}.action strong{font:700 23px var(--head);display:block}.action span{font-size:12px;color:var(--muted)}.action .tag{font-size:10px;color:var(--cyan);display:block;margin-top:7px}.full{grid-column:1/-1}.gig-checks{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.gig-roll{flex:1;border:1px solid var(--line);padding:14px;text-align:center;min-width:110px}.gig-roll b{display:block;font:700 34px var(--head);color:var(--cyan)}.gig-roll.fail b{color:var(--pink)}.journal-entry{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.journal-entry small{color:var(--pink);font-size:10px;letter-spacing:1px}.journal-entry p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.journal-entry strong{display:block}.empty{text-align:center;padding:45px 15px;color:var(--muted)}.flash{animation:flash .4s ease}.rolling{animation:shake .2s infinite}.large-art{width:100%;max-height:240px;object-fit:cover;margin:20px 0}.compact-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.notice{border-left:3px solid var(--pink);padding:12px 16px;background:#ed277a13;font-size:13px;margin:18px 0}.toast,#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e7f7fa;color:#101622;padding:12px 22px;font-size:13px;z-index:50;box-shadow:0 5px 30px #000;display:none;max-width:90vw}.show#toast{display:block}dialog{background:#111824;color:var(--text);border:1px solid #526079;max-width:650px;width:calc(100% - 30px);max-height:85vh;padding:35px}dialog::backdrop{background:#02050bc9;backdrop-filter:blur(5px)}dialog h2{font-size:35px;padding-right:25px}dialog p,dialog li{font-size:14px;color:#c3ccde}dialog .close{position:absolute;right:12px;top:8px;font-size:27px;background:none;color:white;border:0}.rules-table{width:100%;font-size:12px;border-collapse:collapse;margin:16px 0}.rules-table th,.rules-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px}.details-row{display:flex;gap:15px;align-items:center;justify-content:space-between}.song-row{display:flex;gap:10px;align-items:center}.song-row span{font:700 22px var(--head);color:var(--pink)}.song-row input{margin-bottom:8px}.outcome-preview{margin-top:15px;font-size:12px;color:var(--muted)}.outcome-preview summary{cursor:pointer;color:var(--cyan)}.outcome-preview p{margin:8px 0}.victory{text-align:center}.victory h2{font-size:65px;color:var(--cyan)}@keyframes shake{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes flash{from{background:#285469}to{background:#080e18}}@media(min-width:1500px){.hero-copy{padding-left:9%}}@media(max-width:1000px){.masthead{padding:0 4%}.brand small{display:none}.hero-copy{width:78%}.ticket{display:none}.stages{grid-template-columns:repeat(2,1fr)}.how{gap:35px}.desk{grid-template-columns:minmax(0,1fr) 260px}.stats{gap:6px}.stat{padding:8px 10px}.setup{gap:30px}.setup-copy h1{font-size:65px}}@media(max-width:720px){.masthead{height:auto;min-height:70px;padding:14px 5%;gap:12px;flex-wrap:wrap}nav{gap:17px;font-size:11px}.game-body .masthead{height:auto}.game-body nav{gap:15px}.hero{min-height:690px;height:auto}.hero-art{width:100%;opacity:.6}.hero-shade{background:linear-gradient(90deg,#080b14e6,#080b1466),linear-gradient(0deg,#080b14,transparent)}.hero-copy{width:100%;padding:65px 7%}.hero h1 span{font-size:120px}.hero h1 em{font-size:44px}.hero-line{font-size:26px}.hero-desc{max-width:340px}.hero-buttons{gap:20px}.ticket{display:none}.ticker{font-size:14px;letter-spacing:1px;flex-wrap:wrap;gap:8px 18px}.ticker span:last-child,.ticker b:last-of-type{display:none}.section{padding:55px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px}.stages{gap:18px}.stages img{height:170px}.stages h3{font-size:25px}.stages p{font-size:12px}.how{grid-template-columns:1fr}.how-art{display:none}.closing{padding:65px 20px}footer{flex-direction:column;text-align:center;gap:6px}footer p{margin:0}.setup{display:block;padding:30px 5%}.setup-copy{padding:0}.setup-copy h1{font-size:55px}.setup-copy img{display:none}.game-shell{padding:22px 4%}.tour-heading{align-items:start}.tour-heading .save-status{max-width:100px;text-align:right}.stats{grid-template-columns:repeat(3,1fr)}.stat{padding:8px 12px}.desk{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar .panel{margin:0;padding:15px}.sidebar .panel:last-child{grid-column:1/-1}.scene{padding:22px}.scene h2{font-size:33px}.scene .story{font-size:15px}.choices{grid-template-columns:1fr}.tabs{gap:18px}.career div{font-size:11px;letter-spacing:0}.action{padding:14px}.action strong{font-size:21px}.form-row{gap:10px}.panel{padding:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}