@font-face{font-family:TitanOne;src:url(/assets/TitanOne-Regular-xv9-ylzg.ttf)format("truetype");font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Variable-63TK8RbS.ttf)format("truetype");font-weight:200 1000;font-display:swap}:root{--night:#0f172a;--night-light:#1c2859;--panel:#16203f;--panel-light:#243459;--ribbon:#9642d6;--ribbon-dark:#70249e;--outline:#441a6b;--gold-light:#ffe565;--gold:#f0b62b;--gold-deep:#f4a511;--gold-text:#f4d142;--gold-shadow:#a05001;--parchment:#fdf5e0;--parchment-edge:#d0b896;--ink:#5e381b;--play-green:#8dd44a;--play-green-dark:#5c9e1e;--play-green-shadow:#3e6b14;--faction-human:#4fa3e3;--faction-wolf:#e04b4b;--faction-solo:#e6a33a;--faction-variable:#b06be8;--text-primary:#f5f5f7;--text-secondary:#a0a0b0;--text-muted-blue:#89a4d6;--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:24px;--space-xl:32px;--radius-s:8px;--radius-m:12px;--radius-l:20px;--radius-xl:28px;--border-thin:2px;--border-thick:3px;--border-ring:4px;--button-depth:6px;--font-display:"TitanOne", "Trebuchet MS", sans-serif;--font-body:"Nunito", "Segoe UI", system-ui, sans-serif;--content:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}img{max-width:100%;display:block}.display{font-family:var(--font-display);letter-spacing:.01em;font-weight:400;line-height:1.15}.stroked{paint-order:stroke fill;-webkit-text-stroke:var(--border-thick) var(--outline)}.section-title{font-family:var(--font-display);color:var(--gold-text);text-align:center;margin:0 0 var(--space-s);paint-order:stroke fill;-webkit-text-stroke:var(--border-thick) var(--outline);font-size:clamp(28px,5vw,44px)}.section-lead{text-align:center;color:var(--text-muted-blue);max-width:62ch;margin:0 auto var(--space-xl);font-size:clamp(16px,2vw,19px)}.reveal{opacity:0;transition:opacity .65s ease var(--reveal-delay,0s), transform .65s cubic-bezier(.2, .7, .3, 1) var(--reveal-delay,0s);transform:translateY(22px)}.reveal--on{opacity:1;transform:none}.section{padding:clamp(56px, 9vw, 104px) var(--space-l)}.container{max-width:var(--content);margin:0 auto}.parchment{background:var(--parchment);color:var(--ink);border:var(--border-thick) solid var(--outline);border-radius:var(--radius-l);box-shadow:0 0 0 var(--border-ring) var(--gold);padding:var(--space-l);position:relative}.parchment:before,.parchment:after{content:"";border:var(--border-thin) solid var(--parchment-edge);pointer-events:none;width:18px;height:18px;position:absolute}.parchment:before{border-bottom:0;border-right:0;top:10px;left:10px}.parchment:after{border-top:0;border-left:0;bottom:10px;right:10px}.gold-panel{background:var(--panel);border:var(--border-thin) solid var(--gold);border-radius:var(--radius-m);padding:var(--space-m)}.game-button{justify-content:center;align-items:center;gap:var(--space-s);font-family:var(--font-display);padding:14px var(--space-l);border:var(--border-thick) solid var(--outline);border-radius:var(--radius-l);cursor:pointer;paint-order:stroke fill;font-size:19px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative;overflow:hidden}.game-button--gold{background:linear-gradient(180deg, var(--gold-light), var(--gold-deep));color:var(--ribbon-dark);box-shadow:0 var(--button-depth) 0 var(--gold-shadow)}.game-button--green{background:linear-gradient(180deg, var(--play-green), var(--play-green-dark));color:var(--text-primary);-webkit-text-stroke:var(--border-thin) var(--outline);box-shadow:0 var(--button-depth) 0 var(--play-green-shadow)}.game-button--navy{background:linear-gradient(180deg, var(--panel-light), var(--panel));color:var(--text-primary);box-shadow:0 var(--button-depth) 0 var(--night)}.game-button:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff80,#0000);width:55%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-18deg)}.game-button:hover:after{animation:.75s shine}@keyframes shine{to{left:170%}}.game-button:hover{transform:translateY(-2px)}.game-button--pulse{animation:2.8s ease-in-out infinite haloPulse}@keyframes haloPulse{0%,to{box-shadow:0 var(--button-depth) 0 var(--gold-shadow), 0 0 0 0 #ffe56500}50%{box-shadow:0 var(--button-depth) 0 var(--gold-shadow), 0 0 26px 4px #ffe56559}}.game-button:active{transform:translateY(var(--button-depth));box-shadow:0 0 0 var(--gold-shadow)}.game-button:focus-visible{outline:var(--border-thick) solid var(--gold-light);outline-offset:3px}.ribbon{background:var(--ribbon);border:var(--border-thin) solid var(--outline);border-radius:var(--radius-m);box-shadow:0 0 0 var(--border-ring) var(--gold);padding:var(--space-s) var(--space-xl);font-family:var(--font-display);color:var(--gold-text);paint-order:stroke fill;-webkit-text-stroke:var(--border-thin) var(--outline);display:inline-block;position:relative}.ribbon:before,.ribbon:after{content:"";background:var(--ribbon-dark);z-index:-1;width:30px;height:34px;position:absolute;top:50%;transform:translateY(-50%)}.ribbon:before{clip-path:polygon(0 0,100% 18%,100% 82%,0 100%,26% 50%);left:-22px}.ribbon:after{clip-path:polygon(100% 0,100% 100%,0 82%,0 18%,74% 50%);right:-22px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bob{animation:6s ease-in-out infinite bob;animation-delay:var(--bob-phase,0s)}.faction-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;border:var(--border-thin) solid var(--outline);color:var(--night);border-radius:999px;padding:3px 10px;font-size:11px;display:inline-block}