:root{--bg:#060812;--gold:#f0a835;--gold-dim:#f0a83526;--cyan:#4db8ff;--purple:#9b5de5;--text:#e8eaf0;--text-muted:#7a849e;--card-bg:#ffffff0a;--card-border:#ffffff14;--radius:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,sans-serif;overflow-x:hidden}#starfield{z-index:-1;pointer-events:none;position:fixed;inset:0}#nav{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1rem 2.5rem;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}#nav.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--card-border);background:#060812c7}.nav-logo img{object-fit:cover;border-radius:8px;width:38px;height:38px;transition:box-shadow .25s}.nav-logo img:hover{box-shadow:0 0 22px #f0a8358c}#nav ul{gap:2.5rem;list-style:none;display:flex}#nav a{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;text-decoration:none;transition:color .2s}#nav a:hover{color:var(--gold)}#hero{background-image:url(/hero-bg.png);background-position:50% 30%;background-size:cover;justify-content:center;align-items:center;height:100vh;min-height:620px;display:flex;position:relative}.hero-overlay{background:linear-gradient(#06081233 0%,#06081266 55%,#060812 100%);position:absolute;inset:0}.hero-content{z-index:1;text-align:center;max-width:900px;padding:2rem;position:relative}.hero-eyebrow{letter-spacing:.38em;text-transform:uppercase;color:var(--gold);opacity:0;margin-bottom:1.5rem;font-size:.78rem;animation:.8s .2s forwards fadeUp}h1{letter-spacing:-.02em;text-shadow:0 0 80px #f0a83533;opacity:0;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:clamp(4rem,11vw,9rem);font-weight:900;line-height:.92;animation:.8s .4s forwards fadeUp}.gold{color:var(--gold)}.hero-sub{color:var(--text-muted);letter-spacing:.04em;opacity:0;margin-bottom:2.75rem;font-size:1.1rem;animation:.8s .6s forwards fadeUp}.btn-primary{border:1px solid var(--gold);color:var(--gold);letter-spacing:.2em;text-transform:uppercase;opacity:0;border-radius:4px;padding:.85rem 2.25rem;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .25s,color .25s,box-shadow .25s;animation:.8s .8s forwards fadeUp;display:inline-block}.btn-primary:hover{background:var(--gold);color:var(--bg);box-shadow:0 0 40px #f0a83566}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}section{padding:7rem 2rem}.section-title{text-align:center;color:var(--text);margin-bottom:3.5rem;font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.section-title:after{content:"";background:var(--gold);border-radius:2px;width:48px;height:2px;margin:.8rem auto 0;display:block}.section-title.left{text-align:left}.section-title.left:after{margin-left:0}#projects{max-width:1100px;margin:0 auto;padding-left:clamp(1rem,4vw,3rem);padding-right:clamp(1rem,4vw,3rem)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden}.card:hover{border-color:#f0a83538;transform:translateY(-8px);box-shadow:0 24px 64px #0009,0 0 0 1px #f0a8351f}.card-img{aspect-ratio:16/9;display:block;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .card-img img{transform:scale(1.06)}.card-body{padding:1.75rem}.tag{letter-spacing:.18em;text-transform:uppercase;background:var(--gold-dim);color:var(--gold);border:1px solid #f0a83547;border-radius:100px;margin-bottom:.9rem;padding:.28rem .75rem;font-size:.68rem;font-weight:600;display:inline-block}.tag.game{color:var(--purple);background:#9b5de51f;border-color:#9b5de547}.card-body h3{letter-spacing:.01em;margin-bottom:.75rem;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.card-body p{color:var(--text-muted);margin-bottom:1.75rem;font-size:.95rem;line-height:1.72}.store-links{flex-wrap:wrap;gap:.75rem;display:flex}.store-btn{-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.store-btn.ios{background:var(--gold);color:var(--bg);cursor:pointer;font-weight:600;transition:background .2s,box-shadow .2s}.store-btn.ios:hover{background:#ffbb47;box-shadow:0 0 28px #f0a83573}.store-btn.android{background:var(--cyan);color:var(--bg);cursor:pointer;font-weight:600;transition:background .2s,box-shadow .2s}.store-btn.android:hover{box-shadow:0 0 28px #4db8ff73}.store-btn.android-soon{color:var(--cyan);cursor:default;background:#4db8ff12;border-color:#4db8ff38}.store-btn.dev{color:var(--purple);cursor:default;letter-spacing:.06em;background:#9b5de512;border-color:#9b5de538}#about{max-width:1000px;margin:0 auto;padding-left:clamp(1rem,4vw,3rem);padding-right:clamp(1rem,4vw,3rem)}.about-inner{grid-template-columns:180px 1fr;align-items:start;gap:4rem;display:grid}.about-logo img{border-radius:18px;width:100%;transition:box-shadow .3s;box-shadow:0 0 50px #f0a8352e,0 0 0 1px #f0a8351a}.about-logo img:hover{box-shadow:0 0 70px #f0a83552,0 0 0 1px #f0a8352e}.about-text p{color:var(--text-muted);margin-bottom:1.25rem;font-size:1rem;line-height:1.85}.pills{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.pill{color:var(--text-muted);cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;padding:.4rem 1rem;font-size:.8rem;font-weight:500;transition:background .2s,border-color .2s,color .2s}.pill:hover{background:var(--gold-dim);color:var(--gold);border-color:#f0a8354d}footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--card-border);padding:3rem 2rem;font-size:.85rem}@media (width<=680px){.about-inner{grid-template-columns:1fr;gap:2rem}.about-logo{justify-content:center;display:flex}.about-logo img{width:120px}.section-title.left{text-align:center}.section-title.left:after{margin:.8rem auto 0}#nav ul{gap:1.5rem}#nav{padding:1rem 1.5rem}}.bd-page,.bd-privacy-page{--bourbon-deepest:#110600;--bourbon-dark:#1c0a00;--bourbon-mid:#2d1400;--bourbon-card:#3a1c08;--amber:#d4870a;--amber-light:#f0a830;--amber-pale:#f7d48a;--cream:#f0e6d3;--cream-muted:#c4a882;--cream-faint:#8b6a3e;--divider:#d4870a26;background-color:var(--bourbon-dark);color:var(--cream);min-height:100dvh;font-family:Inter,system-ui,sans-serif}.bd-page h1,.bd-page h2,.bd-page h3,.bd-privacy-page h1,.bd-privacy-page h2,.bd-privacy-page h3{font-family:Playfair Display,Georgia,serif}.bd-page a,.bd-privacy-page a{color:inherit;text-decoration:none}.bd-page{flex-direction:column;display:flex}.bd-hero{text-align:center;flex-direction:column;align-items:center;padding:96px 24px 80px;display:flex;position:relative;overflow:hidden}.bd-hero-glow{pointer-events:none;background:radial-gradient(70% 50% at 50% 0,#d4870a2e 0%,#0000 70%),radial-gradient(40% 30% at 50% 0,#f0a83014 0%,#0000 60%);position:absolute;inset:0}.bd-logo-lockup{align-items:center;gap:20px;margin-bottom:32px;display:flex;position:relative}.bd-app-icon{border-radius:18px;width:80px;height:80px;box-shadow:0 0 0 1px #d4870a4d,0 8px 32px #0009}.bd-wordmark{text-align:left}.bd-app-name{letter-spacing:-.01em;background:linear-gradient(135deg, var(--amber-light) 0%, var(--cream) 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;line-height:1.05}.bd-app-tagline{color:var(--amber);letter-spacing:.02em;margin-top:4px;font-family:Playfair Display,Georgia,serif;font-size:clamp(.95rem,2.5vw,1.15rem);font-style:italic}.bd-hero-copy{max-width:520px;color:var(--cream-muted);margin-bottom:40px;font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.65;position:relative}.bd-store-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}.bd-store-btn{background:var(--bourbon-card);color:var(--cream);cursor:pointer;border:1px solid #d4870a59;border-radius:12px;align-items:center;gap:12px;min-width:180px;padding:12px 24px;text-decoration:none;transition:background .18s,border-color .18s,transform .12s;display:flex}.bd-store-btn:hover{background:#4a2510;border-color:#d4870aa6;transform:translateY(-2px)}.bd-store-btn:active{transform:translateY(0)}.bd-store-btn--soon{opacity:.55;pointer-events:none;cursor:default}.bd-store-icon{width:28px;height:28px;color:var(--cream);flex-shrink:0}.bd-store-btn-text{text-align:left;flex-direction:column;display:flex}.bd-store-btn-sub{color:var(--cream-muted);letter-spacing:.04em;font-size:.7rem;line-height:1.2}.bd-store-btn-main{font-size:1rem;font-weight:600;line-height:1.3}.bd-store-note{color:var(--cream-faint);letter-spacing:.04em;margin-top:16px;font-size:.8rem;position:relative}.bd-section-divider{text-align:center;padding:8px 0}.bd-divider-ornament{color:var(--amber);opacity:.5;letter-spacing:.5em;font-size:1.1rem}.bd-features{width:100%;max-width:960px;margin:0 auto;padding:64px 24px 80px}.bd-features-heading{text-align:center;color:var(--cream);letter-spacing:-.01em;margin-bottom:48px;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.bd-feature-grid{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.bd-feature-card{background:var(--bourbon-card);border:1px solid var(--divider);border-radius:16px;grid-column:span 2;padding:28px 24px;transition:border-color .18s,transform .15s}.bd-feature-card:nth-child(4){grid-column:2/4}.bd-feature-card:nth-child(5){grid-column:4/6}.bd-feature-card:hover{border-color:#d4870a66;transform:translateY(-3px)}.bd-feature-icon{color:var(--amber);margin-bottom:16px}.bd-feature-title{color:var(--cream);margin-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:1.1rem;font-weight:600}.bd-feature-body{color:var(--cream-muted);font-size:.9rem;line-height:1.6}.bd-footer{border-top:1px solid var(--divider);text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding:36px 24px;display:flex}.bd-footer-name{color:var(--amber);letter-spacing:.04em;font-family:Playfair Display,Georgia,serif;font-size:1rem}.bd-footer-links{color:var(--cream-muted);align-items:center;gap:12px;font-size:.875rem;display:flex}.bd-footer-links a{color:var(--cream-muted);transition:color .15s}.bd-footer-links a:hover{color:var(--amber-light)}.bd-footer-sep{color:var(--cream-faint)}.bd-footer-copy{color:var(--cream-faint);font-size:.78rem}@media (width<=640px){.bd-feature-grid{grid-template-columns:1fr}.bd-feature-card,.bd-feature-card:nth-child(4),.bd-feature-card:nth-child(5){grid-column:1/-1}}@media (width<=480px){.bd-logo-lockup{flex-direction:column;align-items:center}.bd-wordmark{text-align:center}.bd-store-btn{min-width:160px}}.bd-privacy-page{padding:40px 24px 80px;line-height:1.6}.bd-privacy-container{max-width:720px;margin:0 auto}.bd-back{color:var(--amber);margin-bottom:2rem;font-size:.9rem;text-decoration:none;display:inline-block}.bd-back:hover{text-decoration:underline}.bd-privacy-page h1{margin-bottom:4px;font-size:2rem}.bd-privacy-meta{color:var(--cream-faint);margin-bottom:32px;font-size:.9rem}.bd-privacy-page p,.bd-privacy-page li{color:var(--cream-muted);font-size:1rem}.bd-privacy-page ul{margin:.5rem 0 1rem;padding-left:20px}.bd-privacy-page p{margin-bottom:1rem}.bd-privacy-page h2{color:var(--amber-light);margin-top:36px;margin-bottom:.6rem;font-size:1.2rem}.bd-privacy-page a{color:var(--amber-light)}.bd-privacy-page a:hover{text-decoration:underline}.wk-page{color:#e8d9ff;text-align:center;isolation:isolate;background:#0d0d1a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;font-family:Georgia,serif;display:flex;position:relative}.wk-stars{pointer-events:none;z-index:0;background:radial-gradient(1px 1px at 20% 30%,#c8b4ffcc,#0000),radial-gradient(1px 1px at 60% 70%,#c8b4ff99,#0000),radial-gradient(1px 1px at 80% 20%,#c8b4ffe6,#0000),radial-gradient(1px 1px at 40% 80%,#c8b4ff80,#0000),radial-gradient(1px 1px at 10% 60%,#c8b4ffb3,#0000),radial-gradient(1px 1px at 90%,#c8b4ff99,#0000),radial-gradient(1px 1px at 50% 10%,#c8b4ffcc,#0000),radial-gradient(1px 1px at 70% 90%,#c8b4ff66,#0000);position:absolute;inset:0}.wk-content{z-index:1;max-width:600px;position:relative}.wk-banner{width:100%;max-width:700px;image-rendering:pixelated;border-radius:12px;margin-bottom:1.75rem;box-shadow:0 0 40px #8c50ff80}.wk-page h1{letter-spacing:.04em;background:linear-gradient(135deg,#c084fc,#818cf8,#f0abfc);-webkit-text-fill-color:transparent;text-shadow:none;opacity:1;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,3.5rem);font-weight:400;line-height:normal;animation:none}.wk-tagline{color:#a78bfa;margin-bottom:2rem;font-size:1.1rem;font-style:italic}.wk-description{color:#c4b5fd;margin-bottom:2.5rem;font-size:1rem;line-height:1.7}.wk-store-links{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem;display:flex}.wk-footer{color:#6b5f8a;text-align:center;border-top:none;margin-top:3rem;padding:0;font-size:.8rem}.wk-footer a{color:#a78bfa;text-decoration:none}.wk-footer a:hover{text-decoration:underline}.wk-privacy-page{color:#d4c8f0;isolation:isolate;background:#0d0d1a;min-height:100vh;padding:8rem 1rem 4rem;font-family:Georgia,serif;line-height:1.75;position:relative}.wk-privacy-container{max-width:720px;margin:0 auto}.wk-back{color:#a78bfa;margin-bottom:2rem;font-size:.9rem;text-decoration:none;display:inline-block}.wk-back:hover{text-decoration:underline}.wk-privacy-page h1{background:linear-gradient(135deg,#c084fc,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Georgia,serif;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:400}.wk-privacy-meta{color:#6b5f8a;margin-bottom:2.5rem;font-size:.85rem}.wk-privacy-page p{color:#c4b5fd;margin-bottom:1rem}.wk-privacy-page ul{color:#c4b5fd;margin:.5rem 0 1rem 1.4rem}.wk-privacy-page ul li{margin-bottom:.35rem}.wk-privacy-page a{color:#a78bfa}.wk-privacy-page a:hover{text-decoration:underline}.wk-privacy-page h2{color:#c084fc;border-bottom:1px solid #c084fc33;margin:2rem 0 .6rem;padding-bottom:.3rem;font-size:1.15rem}.wk-contact-box{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;margin-top:2rem;padding:1.25rem 1.5rem}.wk-contact-box p{margin:0}
