@import url('/assets/styles.css');

:root{--ink:#07111f;--navy:#0b1830;--paper:#fff8e8;--cream:#f3e6c3;--coral:#ff6b62;--orange:#ff983d;--cyan:#45d8e8;--yellow:#ffd447;--green:#54d98c;--purple:#b979ff;--shadow:0 24px 60px rgba(2,10,25,.22)}
*{box-sizing:border-box}html{background:var(--navy);color:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 8%,rgba(69,216,232,.2),transparent 30rem),radial-gradient(circle at 90% 13%,rgba(185,121,255,.2),transparent 31rem),linear-gradient(180deg,#0b1830 0 43rem,#f4ecd4 43rem 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.campaign-shell{width:min(1260px,calc(100% - 32px));margin:0 auto;padding:20px 0 76px}.campaign-hero{padding-bottom:42px;color:#fff}.campaign-hero nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 24px}.campaign-hero nav>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;font-weight:850}.campaign-hero nav>div a{text-decoration:none;border-bottom:2px solid rgba(255,255,255,.42)}.campaign-hero nav>div a:hover,.campaign-hero nav>div a:focus-visible{border-color:var(--yellow)}.brand{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;font-weight:950;font-size:clamp(1.05rem,2vw,1.4rem);letter-spacing:.06em}.brand span{padding:.28rem .48rem;border-radius:.35rem;background:var(--coral);color:var(--ink);box-shadow:3px 4px 0 var(--ink)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);align-items:center;gap:clamp(30px,5vw,78px)}.eyebrow{margin:0 0 .55rem;font-size:.76rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.campaign-hero h1{max-width:12ch;margin:.1rem 0 1rem;font-size:clamp(3.2rem,7vw,6.3rem);line-height:.86;letter-spacing:-.06em}.lede{max-width:64ch;margin:0;color:#dce8f4;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}.hero-grid img{display:block;width:100%;height:auto;border:5px solid var(--ink);border-radius:28px;background:#f3e6c3;box-shadow:12px 14px 0 var(--purple),var(--shadow);transform:rotate(1deg)}.hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-facts span{display:flex;align-items:baseline;gap:.4rem;padding:.55rem .85rem;border:3px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-size:.82rem;font-weight:850;box-shadow:3px 4px 0 var(--ink)}.hero-facts strong{font-size:1.25rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.82rem 1.05rem;border:4px solid var(--ink);border-radius:14px;background:var(--green);color:var(--ink);font:inherit;font-weight:950;text-decoration:none;box-shadow:4px 5px 0 var(--ink);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.button.secondary{background:var(--yellow)}.button:hover,.button:focus-visible{transform:translate(2px,2px);box-shadow:2px 3px 0 var(--ink)}.button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.56;transform:none;box-shadow:2px 3px 0 var(--ink)}.campaign-progress,.active-run,.campaign-standard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:0 0 28px;padding:22px 24px;border:4px solid var(--ink);border-radius:24px;background:linear-gradient(135deg,#d8fbff,var(--cyan));box-shadow:7px 8px 0 var(--ink)}.campaign-progress h2,.active-run h2,.campaign-standard h2{margin:0;font-size:clamp(1.8rem,3vw,2.9rem);line-height:.95}.campaign-progress p,.active-run p,.campaign-standard p{max-width:74ch;margin:.5rem 0 0;color:#273c51;font-weight:760;line-height:1.55}.active-run{background:linear-gradient(135deg,#fff4bf,#ffd447)}.campaign-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:34px 0 22px}.campaign-heading h2{margin:.1rem 0;font-size:clamp(2.2rem,4vw,3.8rem);line-height:.94;letter-spacing:-.045em}.campaign-heading>p{max-width:49ch;margin:0;color:#31455a;font-weight:760;line-height:1.58}.campaign-error{min-height:1.3em;margin:0 0 10px;color:#9b2525;font-weight:900}
.shift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.campaign-card{position:relative;display:grid;gap:17px;min-width:0;padding:22px;border:4px solid var(--ink);border-radius:26px;background:var(--paper);box-shadow:8px 10px 0 var(--ink),var(--shadow);overflow:hidden}.campaign-card::before{content:"";position:absolute;inset:0 0 auto;height:10px;background:linear-gradient(90deg,var(--coral),var(--yellow),var(--cyan),var(--purple))}.campaign-card[data-state="locked"]{background:#e9e3d5}.campaign-card[data-state="locked"]>*:not(header){filter:saturate(.55)}.campaign-card[data-state="complete"]::after{content:"DELIVERED";position:absolute;right:-34px;top:34px;width:170px;padding:.3rem 0;border:3px solid var(--ink);background:var(--green);font-size:.7rem;font-weight:950;letter-spacing:.15em;text-align:center;transform:rotate(38deg)}.campaign-card.finale{background:linear-gradient(145deg,#fff8e8,#ead5ff)}.campaign-card header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px}.campaign-card .number{display:grid;place-items:center;width:54px;height:54px;border:4px solid var(--ink);border-radius:15px;background:var(--yellow);font-size:1.25rem;font-weight:950;box-shadow:3px 4px 0 var(--ink)}.campaign-card h3{margin:0;font-size:clamp(1.65rem,3vw,2.45rem);line-height:.95;letter-spacing:-.04em}.campaign-card .subtitle{display:block;margin-top:.4rem;color:#506276;font-size:.83rem;font-weight:850}.campaign-card header>b{padding:.38rem .52rem;border:3px solid var(--ink);border-radius:999px;background:#fff;font-size:.65rem;letter-spacing:.09em}.campaign-card[data-state="available"] header>b{background:var(--yellow)}.campaign-card[data-state="complete"] header>b{background:var(--green)}.condition{padding:15px 16px;border:3px solid var(--ink);border-radius:17px;background:#fff}.condition>span,.record>span,.legs li>span{display:block;font-size:.65rem;font-weight:950;letter-spacing:.11em}.condition strong{display:block;margin:.26rem 0;font-size:1.05rem}.condition p{margin:0;color:#405468;font-weight:720;line-height:1.48}.condition-deadline{background:#fff4bf}.condition-rain{background:linear-gradient(135deg,#d7f8ff,#a9d9f0)}.condition-closure{background:linear-gradient(135deg,#ffd8d2,#fff1ba)}.condition-evening{background:linear-gradient(135deg,#d9d7ff,#ead5ff)}.condition-tram{background:linear-gradient(135deg,#d8fbff,#baf0d0)}.legs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.legs li{padding:13px 14px;border:3px solid var(--ink);border-radius:15px;background:#fff}.legs li>span{color:#8a315e}.legs strong,.legs small{display:block}.legs strong{margin:.28rem 0;font-size:.92rem;line-height:1.35}.legs small{color:#526579;font-weight:760}.briefing{margin:0;color:#344a60;font-weight:720;line-height:1.58}.campaign-card footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;margin-top:auto}.record{padding:12px 13px;border:3px solid var(--ink);border-radius:14px;background:var(--navy);color:#fff}.record>span{color:var(--yellow)}.record strong{display:block;margin:.18rem 0;font-size:1.55rem}.record small{display:block;color:#d7e4f2}.campaign-standard{margin-top:34px;background:linear-gradient(135deg,#d8fbff,#ead5ff)}
@media(max-width:980px){body{background:linear-gradient(180deg,#0b1830 0 52rem,#f4ecd4 52rem 100%)}.hero-grid{grid-template-columns:1fr}.hero-grid img{max-width:780px;justify-self:center}.shift-grid{grid-template-columns:1fr}.campaign-progress,.active-run,.campaign-standard{grid-template-columns:1fr}.campaign-progress .button,.active-run .button{justify-self:start}.campaign-heading{display:block}.campaign-heading>p{margin-top:10px}}
@media(max-width:680px){.campaign-shell{width:min(100% - 20px,1260px);padding-top:10px}.campaign-hero nav{align-items:flex-start}.campaign-hero nav>div{align-items:flex-end;flex-direction:column;gap:7px;font-size:.8rem}.campaign-hero h1{font-size:clamp(2.8rem,15vw,4.6rem)}.hero-grid img{border-width:4px;border-radius:20px;box-shadow:7px 8px 0 var(--purple);transform:none}.campaign-card{padding:18px 14px}.campaign-card header{grid-template-columns:auto 1fr}.campaign-card header>b{grid-column:2}.legs{grid-template-columns:1fr}.campaign-card footer{grid-template-columns:1fr}.campaign-card footer .button{width:100%}.campaign-progress,.active-run,.campaign-standard{padding:19px 16px}.campaign-heading{margin-top:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-grid img{transform:none}.button{transition:none}}@media(prefers-contrast:more){.lede,.campaign-heading>p,.campaign-progress p,.active-run p,.campaign-standard p,.condition p,.briefing,.legs small{color:currentColor}.campaign-card,.campaign-progress,.active-run,.campaign-standard{box-shadow:none}}