:root{--walnut-deep:#2b1b12;--felt-green:#1f5c4a;--brass-gold:#c9a24b;--warm-ivory:#f2e9d8;--maroon:#a63d33;--charcoal-ink:#1e1b18;--walnut-dark:#1e1309;--brass-dim:#9e803f;--ivory-dim:#d6ccb8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--walnut-deep);color:var(--warm-ivory);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4{font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:700;line-height:1.2}a{color:var(--brass-gold);text-decoration:none;transition:color .2s}a:hover{color:var(--warm-ivory)}img{max-width:100%;display:block}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1309eb;border-bottom:1px solid #c9a24b26;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1120px;height:64px;margin:0 auto;padding:0 24px;display:flex}.wordmark{color:var(--warm-ivory);letter-spacing:.5px;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:800}.wordmark span{color:var(--brass-gold)}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-links a{color:var(--ivory-dim);border-radius:20px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.nav-links a:hover,.nav-links a.active{color:var(--warm-ivory);background:#c9a24b1f}.nav-links a.nav-cta{background:var(--felt-green);color:var(--warm-ivory);font-weight:700}.nav-links a.nav-cta:hover{background:#257a62}.nav-toggle{color:var(--warm-ivory);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:26px;display:none}@media (width<=768px){.nav-toggle{display:block}.nav-links{background:#1e1309f7;border-bottom:1px solid #c9a24b26;flex-direction:column;padding:16px 24px;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}}.site-footer{text-align:center;color:var(--ivory-dim);opacity:.7;border-top:1px solid #c9a24b1f;padding:40px 24px;font-size:13px}.page{min-height:calc(100vh - 164px)}.page-section{max-width:1120px;margin:0 auto;padding:64px 24px}.hero{text-align:center;max-width:800px;margin:0 auto;padding:80px 24px 48px}.hero-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--brass-gold);margin-bottom:12px;font-size:13px;font-weight:700}.hero h1{color:var(--warm-ivory);margin-bottom:20px;font-size:clamp(36px,5vw,56px)}.hero h1 em{color:var(--brass-gold);font-style:normal}.hero-sub{color:var(--ivory-dim);max-width:560px;margin:0 auto 32px;font-size:18px;line-height:1.7}.btn{cursor:pointer;border:none;border-radius:28px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brass-gold);color:var(--walnut-deep)}.btn-primary:hover{color:var(--walnut-deep);box-shadow:0 4px 20px #c9a24b59}.btn-secondary{background:var(--felt-green);color:var(--warm-ivory)}.btn-secondary:hover{color:var(--warm-ivory);box-shadow:0 4px 20px #1f5c4a66}.shelf-section{padding:48px 24px 64px}.shelf-section h2{text-align:center;margin-bottom:8px;font-size:28px}.shelf-subtitle{text-align:center;color:var(--ivory-dim);margin-bottom:40px;font-size:15px}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-width:960px;margin:0 auto;display:grid}.game-box{cursor:default;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;justify-content:flex-end;min-height:140px;padding:20px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.game-box.active-game{cursor:pointer;border:1px solid var(--brass-gold)}.game-box.active-game:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000059}.game-box-name{color:var(--warm-ivory);margin-bottom:4px;font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:700}.game-box-desc{color:#f2e9d8b3;font-size:12px;line-height:1.4}.game-box-badge{letter-spacing:1px;text-transform:uppercase;color:var(--ivory-dim);background:#0000004d;border-radius:10px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.game-box-badge.playable{background:var(--brass-gold);color:var(--walnut-deep)}.value-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:960px;margin:0 auto;padding:0 24px 64px;display:grid}.value-card{background:#f2e9d80a;border:1px solid #c9a24b1a;border-radius:14px;padding:28px 24px}.value-icon{margin-bottom:12px;font-size:28px}.value-card h3{color:var(--brass-gold);margin-bottom:8px;font-size:18px}.value-card p{color:var(--ivory-dim);font-size:14px;line-height:1.6}.play-wrapper{flex-direction:column;align-items:center;padding:24px 16px 64px;display:flex}.play-wrapper h1{text-align:center;margin-bottom:8px;font-size:28px}.play-intro{text-align:center;color:var(--ivory-dim);max-width:500px;margin-bottom:24px;font-size:14px}.about-content{max-width:680px;margin:0 auto}.about-content h1{margin-bottom:24px;font-size:36px}.about-content p{color:var(--ivory-dim);margin-bottom:20px;font-size:16px;line-height:1.75}.about-content strong{color:var(--warm-ivory)}.highlight-box{border-left:3px solid var(--felt-green);background:#1f5c4a26;border-radius:0 12px 12px 0;margin:28px 0;padding:20px 24px}.highlight-box p{color:var(--warm-ivory);margin-bottom:0}.contact-content{text-align:center;max-width:560px;margin:0 auto}.contact-content h1{margin-bottom:16px;font-size:36px}.contact-content p{color:var(--ivory-dim);margin-bottom:32px;font-size:16px}.contact-email{color:var(--brass-gold);background:#f2e9d80d;border:1px solid #c9a24b33;border-radius:14px;align-items:center;gap:10px;margin-bottom:40px;padding:16px 28px;font-size:18px;font-weight:600;display:inline-flex}.social-links{justify-content:center;gap:16px;display:flex}.social-links a{width:44px;height:44px;color:var(--ivory-dim);background:#f2e9d80f;border:1px solid #c9a24b1f;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .2s,color .2s;display:flex}.social-links a:hover{background:var(--felt-green);color:var(--warm-ivory)}
