@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Text:ital@1&display=swap');
:root{--lime:#d0ff00;--ink:#10130c;--paper:#f2f1e6;--muted:#afb5a1;--line:#ffffff28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--paper);background:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;z-index:99;padding:12px;background:var(--lime);color:var(--ink)}.skip:focus{top:12px}header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#10130cf0;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.brand{font:900 34px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;white-space:nowrap}.brand span{font:500 12px 'DM Sans',sans-serif;letter-spacing:2px;margin-left:20px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a:hover{color:var(--lime)}.nav-button{border:1px solid #d0ff0060;padding:9px 15px}.nav-button span{margin-left:16px}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 82px);padding:6vh 5% 80px;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#4c621933,transparent 60%)}.hero-copy{position:relative;z-index:3;align-self:center}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--lime);display:block;font-weight:600}h1{font:900 clamp(70px,9.6vw,160px)/.87 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;margin:30px 0}h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:18px;line-height:1.8;color:#c5cbb8}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:32px 0}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 22px;background:var(--lime);color:var(--ink);font-size:14px;font-weight:700;border:1px solid var(--lime);transition:transform .2s}.primary:hover{transform:translateY(-3px);background:#e0ff6b}.quiet{border-bottom:1px solid #b5be9770;font-size:14px;padding:6px 0}.hero-status{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--muted)}.status-label{display:inline-block;font-size:12px;letter-spacing:1px;border:1px solid #b4c28a66;padding:5px 9px;color:var(--paper)}.scene{position:relative;min-height:540px;perspective:1100px;align-self:stretch}.character-wrap{position:absolute;inset:0 0 20px;z-index:3}.character-wrap>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 30px #0009)}.character-wrap>img[hidden]{display:none}.mascot-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}.mascot-canvas.dragging{cursor:grabbing}.mascot-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:15px;white-space:nowrap}.mascot-controls>span{font-size:12px;color:var(--muted);letter-spacing:1px}.mascot-controls button{font-size:12px;background:#10130c;border:1px solid #d0ff0050;color:var(--lime);padding:8px 12px}.orbit{position:absolute;inset:15% -10%;border:1px solid #cfff0055;border-radius:50%;transform:rotateX(68deg) rotateZ(-25deg);pointer-events:none;box-shadow:0 0 36px #d0ff000b}.orbit-b{inset:5% 4%;transform:rotateY(67deg) rotateZ(28deg);border-style:dashed;opacity:.7}.scene-coordinate{position:absolute;top:3%;right:0;font:12px/1.8 monospace;color:#8e9d78;letter-spacing:1px}.scene-stamp{position:absolute;left:-15px;bottom:20%;z-index:4;transform:rotate(-8deg) rotateY(15deg);padding:18px 24px;border:1px solid #d0ff00;background:#1b2415;box-shadow:9px 12px 0 #0007;font:12px/1.5 monospace;letter-spacing:2px;pointer-events:none}.scene-stamp b{font:700 38px 'Barlow Condensed',sans-serif;color:var(--lime);letter-spacing:1px}.scene-floor{position:absolute;bottom:5%;right:-5%;font-size:12px;letter-spacing:2px;color:#8e9d78;writing-mode:vertical-rl}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 0;font-size:12px;letter-spacing:1.4px;color:#a9b297}.section-pad{padding:95px 7%}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}h2{font:700 clamp(46px,5.4vw,84px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.5px;margin:20px 0}h2 em{font:italic 400 .72em/1.2 'Libre Caslon Text',Georgia,serif;letter-spacing:-1.5px}h3{font:700 30px/1.15 'Barlow Condensed',Impact,sans-serif;margin:0 0 14px}.section-heading>p{color:var(--muted);max-width:390px}.board{background:#192013}.mediums{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1400px}.medium{position:relative;text-align:left;color:var(--paper);padding:20px;background:#10150d;border:1px solid #ffffff25;transform:rotateY(-3deg);transition:transform .35s,border-color .3s,box-shadow .3s;overflow:hidden}.medium:hover,.medium.selected{transform:translateY(-9px) rotateY(0);border-color:var(--lime);box-shadow:0 18px 25px #0004}.medium-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:1px;color:#b7c1a3;margin-bottom:20px}.medium img{width:100%;height:190px;object-fit:cover;display:block;margin-bottom:26px;filter:saturate(.8)}.medium-title{display:block;font:800 clamp(35px,3.7vw,60px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.medium-caption{display:block;font-size:14px;color:var(--muted);margin-top:18px}.medium.selected .medium-title{color:var(--lime)}.brief{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:24px;padding:30px 0;margin-top:15px;border-bottom:1px solid var(--line)}.brief-tag{color:var(--lime);font-size:12px;letter-spacing:1px;line-height:1.7}.brief h3{font-size:25px}.brief p{color:var(--muted);margin:0;font-size:15px}.brief>a{font-size:14px;border-bottom:1px solid var(--lime);white-space:nowrap}.event-state{padding:35px 0 0;max-width:760px}.event-state h3{margin:20px 0 10px;font-size:32px}.event-state p{color:var(--muted)}.event-state a{text-decoration:underline;text-underline-offset:5px;font-size:14px}.process{background:var(--lime);color:var(--ink)}.process .eyebrow{color:#344015}.process .section-heading p{color:#37441c}.steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:50px 0 0;list-style:none;gap:32px}.steps li{border-top:1px solid #10130c80;padding-top:18px}.steps li>span{font:700 65px 'Barlow Condensed',Impact,sans-serif;opacity:.3}.steps h3{margin-top:20px}.steps p{line-height:1.8;color:#2a3518}.rules{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start;background:#11150f}.rules-heading{position:sticky;top:120px}.rules-heading>p{color:var(--muted);max-width:360px}.rules-heading button{background:transparent;color:var(--lime);border:1px solid #d0ff0070;padding:12px 16px;font-size:14px;margin-top:15px}.rules-version{display:block;font-size:12px;color:#859473;letter-spacing:1px;margin-top:25px}.rules-list details{border-top:1px solid var(--line)}.rules-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;gap:18px;align-items:center;list-style:none;padding:23px 0;cursor:pointer;font-size:18px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:12px;color:var(--muted)}summary:after{content:'+';margin-left:auto;font-size:24px;font-weight:400;color:var(--lime)}details[open] summary:after{content:'−'}details[open] summary{color:var(--lime)}.rule-body{padding:0 0 24px 34px;color:#c0c8b3;line-height:1.85}.rule-body p:first-child{margin-top:0}.rule-body p:last-child{margin-bottom:0}.rule-body ul{padding-left:20px}.rule-body li{margin:12px 0}.rule-body a{text-decoration:underline;color:var(--lime);text-underline-offset:4px}.entry{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#202916;border-top:1px solid #d0ff0030}.entry>div>p{max-width:440px;color:#c0c8b3}.entry-panel{padding:32px;border:1px solid #d0ff0070;background:#10150ddd;box-shadow:12px 12px 0 #11170c;transform:perspective(1200px) rotateY(-3deg)}.entry-panel h3{font-size:38px;margin:25px 0}.entry-panel ol{padding:0;list-style:none;counter-reset:entry}.entry-panel li{counter-increment:entry;position:relative;padding:16px 0 16px 38px;border-top:1px solid var(--line)}.entry-panel li:before{content:'0' counter(entry);position:absolute;left:0;color:var(--lime);font-size:12px;top:20px}.entry-panel li strong{font-size:16px;font-weight:500}.entry-panel li span{display:block;font-size:14px;color:var(--muted);margin-top:4px}.entry-panel .entry-note{font-size:14px;color:#c0c8b3;margin:25px 0}.entry-panel .primary{width:100%}.results{display:grid;grid-template-columns:1fr 1fr;gap:15px 8%;align-items:center}.results .eyebrow{grid-column:1/-1}.results p{color:var(--muted);max-width:500px}.empty-results{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;font-size:14px;color:var(--muted)}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;color:var(--muted);font-size:14px}footer .brand{color:var(--paper)}footer a:last-of-type{margin-left:auto}footer p{width:100%;margin:0;font-size:12px}
@media(min-width:1600px){.hero{max-height:1050px}.section-pad{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}
@media(max-width:950px){.hero{padding-top:35px;grid-template-columns:1fr 1fr}.scene{min-height:480px}.scene-stamp{left:0;padding:12px}.scene-floor{display:none}.hero-copy>p{font-size:16px}.hero-bottom span:last-child{display:none}.brief{grid-template-columns:1fr}.medium{padding:15px}.medium img{height:150px}.steps{grid-template-columns:1fr 1fr}.rules{gap:5%;grid-template-columns:1fr 1.3fr}.rules-heading h2{font-size:55px}.entry{gap:35px}.entry-panel{padding:22px}}
@media(max-width:680px){html{scroll-padding-top:85px}header{padding:18px 5%}.brand{font-size:29px}.brand span{margin-left:10px;font-size:10px;letter-spacing:1px}nav{gap:14px;font-size:13px}.nav-button{display:none}.hero{display:flex;flex-direction:column;padding:35px 6% 85px}.hero-copy{align-self:stretch}h1{font-size:clamp(66px,17vw,100px);margin:24px 0}.hero-copy>p{max-width:330px}.hero-actions{margin:25px 0;gap:15px}.hero-status{gap:9px}.scene{height:390px;min-height:390px;width:100%;margin-top:20px}.character-wrap{inset:0 10% 18px}.orbit{inset:20% 0}.orbit-b{inset:5% 12%}.scene-stamp{left:0;bottom:24%;font-size:10px;padding:10px 13px}.scene-stamp b{font-size:29px}.scene-coordinate{font-size:10px}.hero-bottom{font-size:10px;gap:10px;letter-spacing:.5px}.section-pad{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}h2{font-size:54px}.mediums{grid-template-columns:1fr;gap:22px}.medium{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:20px;transform:none}.medium-top{grid-column:1/-1;margin-bottom:0}.medium img{grid-row:2/4;height:145px;margin:0}.medium-title{align-self:center;font-size:38px}.medium-caption{margin:0;align-self:start}.medium:hover,.medium.selected{transform:translateY(-3px)}.brief{gap:15px}.brief h3{font-size:28px}.brief>a{width:max-content}.steps{grid-template-columns:1fr;gap:22px;margin-top:25px}.steps li{position:relative;padding-left:55px}.steps li>span{position:absolute;left:0;font-size:42px}.steps h3{margin-top:4px}.rules{grid-template-columns:1fr}.rules-heading{position:static;margin-bottom:30px}.rules-heading>p{max-width:none}.rules-version{margin-top:18px}summary{font-size:17px;gap:12px}.rule-body{padding-left:24px;font-size:16px}.entry{grid-template-columns:1fr}.entry-panel{transform:none}.entry-panel .primary{font-size:13px;gap:8px;padding:14px}.results{grid-template-columns:1fr;gap:0}.results .empty-results{margin-top:22px}.mascot-controls{gap:8px}.mascot-controls>span{font-size:10px}footer{gap:18px;font-size:12px}footer a:last-of-type{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.entry-panel,.medium{transform:none}}