@font-face{font-family:BlackHan;src:url('/assets/fonts/BlackHanSans-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:RobotoCondensed;src:url('/assets/fonts/RobotoCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Merriweather;src:url('/assets/fonts/Merriweather-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#252121;--paper:#f2e6c6;--paper-2:#fbf7eb;--blue:#7e9bbf;--green:#9db88c;--coral:#cf8e73;--purple:#9d8bb8;--red:#dc322d;--gold:#d4a84b;--line:rgba(37,33,33,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper-2);color:var(--ink);font-family:Merriweather,Georgia,serif;line-height:1.55}
a{color:inherit}
.site-header{height:76px;display:flex;align-items:center;gap:28px;padding:0 clamp(20px,5vw,72px);background:var(--paper-2);border-bottom:1px solid var(--line);position:relative;z-index:3}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:BlackHan,Impact,sans-serif;font-size:20px;margin-right:auto}
.brand img,.app-lockup img,.final-cta img{border-radius:21%;box-shadow:0 7px 20px rgba(37,33,33,.16)}
.site-header nav,.site-header nav a{display:flex;align-items:center;gap:28px}
.site-header nav a{font-family:RobotoCondensed,Arial,sans-serif;text-decoration:none;font-size:15px}
.header-download{background:var(--ink);color:var(--paper);font-family:RobotoCondensed,Arial,sans-serif;text-decoration:none;padding:11px 17px;border-radius:6px}
.hero{min-height:calc(100svh - 76px);max-height:880px;display:grid;grid-template-columns:minmax(300px,.86fr) minmax(500px,1.14fr);overflow:hidden;background:var(--paper)}
.hero-copy{min-width:0;padding:clamp(50px,7vw,110px) clamp(28px,6vw,96px);display:flex;flex-direction:column;justify-content:center;position:relative}
.hero-copy:after{content:"";position:absolute;width:42%;height:5px;background:var(--red);bottom:0;left:0}
.app-lockup{display:flex;align-items:center;gap:18px;margin-bottom:32px}.app-lockup p{font-family:RobotoCondensed,Arial,sans-serif;font-weight:700;margin:0;max-width:180px;line-height:1.15}
h1,h2,h3{font-family:BlackHan,Impact,sans-serif;font-weight:400;line-height:1.02;margin:0;letter-spacing:0}
h1{font-size:clamp(48px,6vw,94px);max-width:680px}
.hero-lede{font-size:clamp(17px,1.45vw,21px);max-width:620px;margin:25px 0 30px;color:rgba(37,33,33,.76)}
.store-actions{display:flex;gap:12px;flex-wrap:wrap}.store-button{min-width:166px;display:flex;flex-direction:column;background:var(--ink);color:white;text-decoration:none;padding:9px 18px 10px;border-radius:7px;font-family:RobotoCondensed,Arial,sans-serif;font-size:21px;line-height:1}.store-small{font-family:Arial,sans-serif;font-size:10px;font-weight:400;margin-bottom:4px}
.trust-line{font:700 13px RobotoCondensed,Arial,sans-serif;color:rgba(37,33,33,.58);margin:16px 0 0}
.game-stage{background:#1f1c1c;color:var(--paper);align-self:stretch;padding:clamp(32px,5vw,76px);display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate}
.game-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(242,230,198,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(242,230,198,.04) 1px,transparent 1px);background-size:38px 38px;z-index:-1}
.game-topline,.game-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.game-topline>div:first-child{display:flex;flex-direction:column}.game-kicker{font:700 12px RobotoCondensed,Arial,sans-serif;color:var(--coral);margin-bottom:4px}.game-topline strong{font:700 clamp(21px,2.6vw,36px) RobotoCondensed,Arial,sans-serif}
.block-meter{display:flex;gap:5px}.block-meter span{display:block;width:9px;height:35px;background:rgba(242,230,198,.13)}.block-meter .active{height:54px;background:var(--red)}
.sentence-strip{min-height:91px;margin:22px 0;padding:20px 22px;background:var(--paper);color:var(--ink);border-radius:7px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:clamp(16px,1.6vw,22px)}.sentence-strip b{padding:5px 9px;background:rgba(37,33,33,.1);border-radius:5px}.cursor{width:3px;height:27px;background:var(--red)}
.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:10px}.tile{aspect-ratio:1.28;min-width:0;display:flex;align-items:center;justify-content:center;padding:7px;border-radius:7px;color:var(--ink);font:700 clamp(14px,1.35vw,20px) RobotoCondensed,Arial,sans-serif;text-align:center;overflow-wrap:anywhere;box-shadow:0 3px 0 rgba(0,0,0,.2)}.tile.blue{background:var(--blue)}.tile.green{background:var(--green)}.tile.coral{background:var(--coral)}.tile.purple{background:var(--purple)}.tile.selected{outline:3px solid var(--paper);outline-offset:-6px}.tile.locked{background:#2b2727;color:rgba(242,230,198,.5);border:2px solid var(--red);box-shadow:none}
.tile.locked{background:#d5cfc4;border:0;color:transparent}.block-symbol{width:58%;aspect-ratio:1;border:clamp(4px,.55vw,7px) solid var(--red);border-radius:50%;position:relative}.block-symbol:after{content:"";position:absolute;width:128%;height:clamp(4px,.55vw,7px);background:var(--red);left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:99px}
.game-footer{margin-top:18px;color:rgba(242,230,198,.62);font-size:13px}.submit-sample{background:var(--paper);color:var(--ink);font:700 12px RobotoCondensed,Arial,sans-serif;padding:10px 22px;border-radius:5px}
.section-inner{max-width:1220px;margin:auto;padding:clamp(70px,9vw,120px) clamp(22px,5vw,58px)}
.eyebrow{font:700 12px RobotoCondensed,Arial,sans-serif;letter-spacing:1.8px;color:#a23e34;margin:0 0 14px}
h2{font-size:clamp(38px,5vw,66px)}h3{font-size:30px}
.play-band{background:var(--paper-2)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:30px 34px 35px 0}.steps article+article{border-left:1px solid var(--line);padding-left:34px}.steps span{font:700 14px RobotoCondensed,Arial,sans-serif;color:#a23e34}.steps h3{font-size:27px;margin:14px 0 10px}.steps p{margin:0;color:rgba(37,33,33,.68)}
.modes-section{background:#20242a;color:#f4eddb}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end}.section-heading>p{margin:0;color:rgba(244,237,219,.66)}.modes-section .eyebrow{color:#e7a67f}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(244,237,219,.16);margin-top:54px;border:1px solid rgba(244,237,219,.16)}.mode{min-height:255px;padding:30px;background:#20242a;position:relative}.mode:after{content:"";position:absolute;left:30px;bottom:0;width:54px;height:5px}.mode.classic:after,.mode.sprint:after{background:var(--blue)}.mode.daily:after,.mode.duet:after{background:var(--green)}.mode.verse:after{background:var(--coral)}.mode.challenge:after{background:var(--purple)}.mode-number{font:700 12px RobotoCondensed,Arial,sans-serif;color:rgba(244,237,219,.42);margin:0 0 44px}.mode h3{font-size:34px;margin-bottom:13px}.mode p:last-child{margin:0;color:rgba(244,237,219,.62);font-size:15px}
.daily-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,8vw,110px);align-items:center;padding:clamp(75px,10vw,135px) max(24px,calc((100vw - 1100px)/2));background:#dce7d2}.share-artifacts{display:grid;gap:18px;align-items:start}.share-artifacts img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:10px 10px 0 rgba(37,33,33,.13)}.share-artifacts img:last-child{width:88%;margin-left:auto}.daily-copy p:last-child{max-width:650px;font-size:18px;color:rgba(37,33,33,.7)}
.final-cta{text-align:center;background:var(--coral);padding:clamp(70px,9vw,120px) 24px}.final-cta img{margin-bottom:24px}.final-cta p{font-size:18px;margin:16px auto 26px}.store-actions.centered{justify-content:center}.store-button.light{background:var(--paper-2);color:var(--ink)}
footer{min-height:170px;background:var(--ink);color:var(--paper);padding:40px clamp(24px,6vw,80px);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}footer div{display:flex;flex-direction:column}footer strong{font:400 21px BlackHan,Impact,sans-serif}footer span,footer p{color:rgba(242,230,198,.55);font-size:12px}footer nav{display:flex;gap:24px}footer nav a{font:700 14px RobotoCondensed,Arial,sans-serif}footer p{grid-column:1/-1;margin:0}
.legal-shell{background:var(--paper-2);min-height:100vh}.legal-header{max-width:900px;margin:auto;padding:55px 24px 28px;border-bottom:1px solid var(--line)}.legal-header .brand{margin-bottom:38px}.legal-header h1{font-size:clamp(42px,7vw,72px)}.legal-header p{color:rgba(37,33,33,.65);max-width:680px}.legal-content{max-width:900px;margin:auto;padding:32px 24px 90px}.legal-content h2{font-size:26px;margin:34px 0 9px}.legal-content p,.legal-content li{color:rgba(37,33,33,.78)}.legal-content li+li{margin-top:9px}.legal-content a{color:#245a91}.support-options{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}.support-option{border-top:5px solid var(--blue);background:white;padding:24px;border-radius:0 0 7px 7px}.support-option h2{margin:0 0 8px}.support-option:nth-child(2){border-color:var(--green)}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;max-height:none}.hero-copy{min-height:680px}.game-stage{min-height:640px}.section-heading{grid-template-columns:1fr}.mode-grid{grid-template-columns:repeat(2,1fr)}.daily-band{grid-template-columns:1fr}.share-artifacts{max-width:540px}.steps{grid-template-columns:1fr}.steps article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.steps article{padding:25px 0}.support-options{grid-template-columns:1fr}}
@media(min-width:901px) and (max-height:800px){.hero{min-height:calc(100svh - 100px)}.hero-copy{padding-top:38px;padding-bottom:38px}.app-lockup{margin-bottom:18px}.app-lockup img{width:64px;height:64px}.hero-copy h1{font-size:clamp(52px,5vw,68px)}.hero-lede{font-size:17px;margin:15px 0 19px}.trust-line{margin-top:10px}.game-stage{padding-top:35px;padding-bottom:35px}}
@media(max-width:560px){.site-header{height:66px;padding:0 15px}.brand{font-size:17px}.brand img{width:38px;height:38px}.header-download{font-size:13px;padding:9px 12px}.hero-copy{min-height:calc(100svh - 66px);padding:42px 22px}.hero-copy h1{font-size:40px;overflow-wrap:anywhere}.app-lockup{margin-bottom:24px}.app-lockup img{width:70px;height:70px}.game-stage{min-height:560px;padding:32px 18px}.tile-grid{gap:7px}.tile{font-size:12px;aspect-ratio:1.12}.sentence-strip{margin:18px 0}.game-footer>span:first-child{display:none}.mode-grid{grid-template-columns:1fr}.mode{min-height:215px}.share-artifacts{gap:12px}.share-artifacts img{box-shadow:7px 7px 0 rgba(37,33,33,.13)}footer{grid-template-columns:1fr}.store-button{flex:1;min-width:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.link-page{min-height:100svh;background:var(--paper);display:flex;flex-direction:column;justify-content:space-between}.link-card{width:min(620px,calc(100% - 32px));margin:clamp(45px,10vh,110px) auto;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:clamp(28px,7vw,58px);text-align:center;box-shadow:12px 12px 0 var(--ink)}.link-card>img{border-radius:21%;box-shadow:0 7px 20px rgba(37,33,33,.16);margin-bottom:24px}.link-card h1{font-size:clamp(40px,9vw,66px)}.link-card>p:not(.eyebrow):not(.link-note){font-size:18px;color:rgba(37,33,33,.68);max-width:480px;margin:18px auto 26px}.link-note{font:700 12px RobotoCondensed,Arial,sans-serif;color:rgba(37,33,33,.48);margin:18px 0 0}.link-footer{display:flex;justify-content:center;gap:26px;padding:22px;font:700 13px RobotoCondensed,Arial,sans-serif}.link-footer a{color:rgba(37,33,33,.65)}