:root{color:#171711;background:#c9c3b6;font-family:Courier New,ui-monospace,monospace;font-synthesis:none;--paper: #f1eddf;--paper-light: #faf7ee;--ink: #171711;--pink: #d95d78;--green: #5db79e;--yellow: #e1c148}*{box-sizing:border-box}html{min-width:320px;background:#c9c3b6}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;min-height:100dvh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:4px solid #5b78c9;outline-offset:3px}.site-shell{min-height:100vh;padding:14px;background:#c9c3b6 radial-gradient(#3d392e14 .8px,transparent .8px);background-size:5px 5px}.site-nav{width:min(1180px,100%);margin:0 auto 14px;display:flex;justify-content:space-between;align-items:center;gap:18px}.site-brand{color:var(--ink);text-decoration:none;font:900 clamp(22px,4vw,34px)/1 Impact,"Arial Black",sans-serif}.site-nav>div{display:flex;align-items:center;gap:20px}.site-nav a:not(.site-brand){color:var(--ink);font-size:11px;font-weight:900;text-decoration:none}.site-nav button{min-height:44px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);padding:9px 12px;cursor:pointer;font-weight:900}.landing-paper,.member-paper{width:min(1180px,100%);margin:0 auto;overflow:hidden;background:var(--paper) radial-gradient(#342f2512 .7px,transparent .7px);background-size:4px 4px;border:3px solid var(--ink);box-shadow:8px 9px 0 var(--ink)}.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,6vw,80px);align-items:center;min-height:650px;padding:clamp(34px,7vw,90px)}.hero-copy h1,.inside-section h2,.feel-section h2,.faq-section h2,.final-cta h2,.member-paper h1,.today-card h2{margin:12px 0 18px;font:900 clamp(42px,7vw,78px)/.91 Impact,"Arial Black",sans-serif;letter-spacing:.01em}.hero-copy h1 i{color:var(--pink);font-style:normal}.hero-copy>p,.section-lead{max-width:690px;font:clamp(17px,2vw,21px)/1.45 "Comic Sans MS","Bradley Hand",cursive}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 14px}.site-primary,.google-button,.install-button{min-height:50px;border:3px solid var(--ink);padding:12px 16px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;font-weight:900}.site-primary{background:var(--yellow)}.google-button{background:#fff}.install-button{background:var(--green)}.google-mark{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border:2px solid #4285f4;border-radius:50%;color:#4285f4;font:900 14px Arial,sans-serif}.auth-notice{margin:14px 0 0!important;padding:10px;border:2px dashed var(--ink);background:#ead7cf;font:900 12px/1.3 Courier New,monospace!important}.hero-board{width:min(460px,100%);aspect-ratio:.86;justify-self:center;position:relative;padding:26px;background:var(--paper-light);border:3px solid var(--ink);box-shadow:9px 10px 0 var(--ink);transform:rotate(2deg)}.tape{position:absolute;width:82px;height:27px;background:#d6ceadcc;top:-13px}.tape-one{left:18px;transform:rotate(-8deg)}.tape-two{right:14px;transform:rotate(7deg)}.mini-title{display:flex;justify-content:space-between;border-bottom:3px solid var(--ink);padding-bottom:12px;font-size:11px}.mini-grid{display:grid;grid-template-columns:repeat(8,1fr);margin-top:22px}.mini-grid b{display:grid;place-items:center;aspect-ratio:1;font-size:clamp(13px,2.6vw,25px)}.hero-board>p{position:absolute;right:18px;bottom:14px;padding:8px 10px;background:var(--green);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:900;transform:rotate(-3deg)}.marker-demo{position:absolute;height:34px;border-radius:999px;opacity:.58;transform-origin:left center}.marker-a{width:64%;top:37%;left:18%;background:var(--pink);transform:rotate(45deg)}.marker-b{width:56%;top:62%;left:15%;background:#5da8d4;transform:rotate(-34deg)}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:3px solid var(--ink);background:#ded7c5}.proof-strip span{padding:22px 12px;border-right:2px solid var(--ink);text-align:center;font-size:10px;font-weight:900}.proof-strip span:last-child{border-right:0}.proof-strip strong{display:block;font:900 32px Impact,sans-serif}.inside-section,.faq-section{padding:clamp(45px,8vw,95px)}.inside-section h2,.faq-section h2{font-size:clamp(38px,6vw,68px)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:3px solid var(--ink);border-left:3px solid var(--ink)}.benefit-grid article{min-height:230px;padding:25px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink)}.benefit-grid article>b{color:var(--pink);font:900 25px Impact,sans-serif}.benefit-grid h3,.member-grid h3{margin:16px 0 8px;font:900 25px Impact,sans-serif}.benefit-grid p,.member-grid p{font:16px/1.4 Comic Sans MS,cursive}.feel-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:clamp(45px,8vw,90px);background:var(--ink);color:var(--paper)}.feel-section h2{max-width:700px;font-size:clamp(38px,6vw,64px)}.feel-section>p{font:20px/1.5 Comic Sans MS,cursive}.faq-section details{border-top:2px solid var(--ink)}.faq-section details:last-of-type{border-bottom:2px solid var(--ink)}.faq-section summary{padding:20px 4px;cursor:pointer;font-size:15px;font-weight:900}.faq-section details p{max-width:820px;margin:0 0 20px;font:17px/1.5 Comic Sans MS,cursive}.final-cta{padding:65px 20px;border-top:3px solid var(--ink);text-align:center;background:var(--green)}.final-cta p{font-weight:900}.final-cta h2{font-size:clamp(45px,8vw,82px)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:22px;font-size:10px;font-weight:900}.member-shell{display:grid;align-content:start}.member-paper{padding:clamp(28px,7vw,76px)}.member-paper>header{max-width:880px}.member-paper h1{font-size:clamp(44px,7vw,76px)}.member-paper header p{font:20px/1.4 Comic Sans MS,cursive}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:3px solid var(--ink);margin:35px 0}.member-stats span{padding:18px;text-align:center;font-size:10px;font-weight:900}.member-stats strong{display:block;margin-top:5px;font:900 28px Impact,sans-serif}.today-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px;border:3px solid var(--ink);background:#ded7c5;box-shadow:6px 6px 0 var(--ink)}.today-card h2{font-size:clamp(35px,6vw,58px)}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.member-grid article{padding:20px;border:2px solid var(--ink)}.account-line{margin:35px 0 0;font-size:10px;font-weight:900}.auth-loading{min-height:100vh;display:grid;place-items:center;background:var(--paper);font-weight:900}.app-shell{min-height:100vh;min-height:100dvh;padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background-color:#c9c3b6;background-image:radial-gradient(#3d392e14 .8px,transparent .8px);background-size:5px 5px}.paper-app{width:min(1120px,100%);min-height:calc(100vh - 20px);min-height:calc(100dvh - 20px);margin:0 auto;padding:clamp(12px,2vw,24px);overflow:hidden;background-color:var(--paper);background-image:radial-gradient(#342f2512 .7px,transparent .7px);background-size:4px 4px;border:3px solid var(--ink);border-radius:17px 21px 15px 19px;box-shadow:8px 9px 0 var(--ink);position:relative}.paper-app:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 65px #5b4d3020}.game-header{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;position:relative;z-index:1}.brand-lockup{text-align:center;line-height:1}.brand-lockup strong{display:block;font:900 clamp(22px,5vw,41px)/.9 Impact,"Arial Black",sans-serif;letter-spacing:.02em}.brand-lockup span{display:block;margin-top:7px;font-size:clamp(8px,1.8vw,11px);font-weight:700;text-transform:uppercase}.ink-button,.streak-button{border:2px solid var(--ink);background:var(--paper-light);box-shadow:3px 3px 0 var(--ink);cursor:pointer;font-weight:900}.round-button{width:44px;height:44px;border-radius:50%}.streak-button{min-height:44px;border-radius:999px 47% 999px 50%;padding:8px 10px;white-space:nowrap}.ink-button:active,.streak-button:active,.hint-button:active,.primary-action:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.ink-rule{height:3px;margin:13px 0 11px;background:var(--ink);transform:rotate(-.15deg)}.theme-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.1em}.theme-row h1{margin:1px 0 0;font:900 clamp(22px,4.5vw,36px)/1 Impact,"Arial Black",sans-serif;letter-spacing:.02em}.theme-row p{margin:3px 0 8px;font:17px/1.05 Comic Sans MS,Bradley Hand,cursive}.connection{margin-top:5px;border:2px solid var(--ink);padding:5px 7px;font-size:8px;font-weight:900;transform:rotate(1deg)}.connection.online{background:#b8d9c5}.connection.offline{background:#e5c5bd}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:2px solid var(--ink);margin-bottom:12px}.score-strip>span,.score-strip>button{min-width:0;padding:7px 5px;border:0;border-right:1px solid #17171166;background:transparent;text-align:center;font-size:8px;font-weight:900}.score-strip>button{min-height:44px}.score-strip>:last-child{border-right:0;cursor:pointer}.score-strip strong{display:block;margin-top:2px;font-size:clamp(13px,3.3vw,18px)}.score-strip small{font-size:7px}.book-spread{display:grid;gap:18px;position:relative;z-index:1}.board-page,.words-page{min-width:0}.board-page{position:relative}.word-pop{position:absolute;z-index:8;top:10px;left:50%;display:grid;justify-items:center;transform:translate(-50%) rotate(-2deg);pointer-events:none;animation:word-pop 1.1s ease-out both}.word-pop b{padding:7px 12px;border:2px solid var(--ink);background:var(--green);box-shadow:3px 3px 0 var(--ink);font:900 15px Impact,Arial Black,sans-serif;white-space:nowrap}.word-pop span{margin-top:5px;padding:3px 7px;background:var(--yellow);border:1px solid var(--ink);font-size:9px;font-weight:900}.word-board{width:min(100%,600px);aspect-ratio:1;margin:0 auto;padding:7px;position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--paper-light);border:3px solid var(--ink);border-radius:7px 10px 8px 6px;box-shadow:5px 5px 0 var(--ink)}.letter-grid{display:grid;grid-template-columns:repeat(12,1fr);width:100%;height:100%;position:relative;z-index:2}.letter-grid button{display:grid;place-items:center;min-width:0;padding:0;border:0;border-radius:50%;background:transparent;font-size:clamp(11px,3.3vw,22px);font-weight:900;line-height:1;cursor:crosshair;transition:transform .1s ease,background .1s ease}.letter-grid button.selected{transform:scale(1.15)}.letter-grid button.anchored{background:var(--yellow);box-shadow:0 0 0 2px var(--ink)}.letter-grid button.hinted{animation:hint-pulse .65s ease-in-out 3;background:var(--yellow);box-shadow:0 0 0 2px var(--ink)}.marker-layer{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);z-index:1;pointer-events:none;overflow:visible}.marker-layer line{stroke-width:.28;stroke-linecap:round;opacity:.58;shape-rendering:geometricPrecision;animation:draw-marker .32s ease-out both}.marker-layer .active-marker{stroke:#5f584f;stroke-width:.2;opacity:.42}.board-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:11px 1px 0;font:13px Comic Sans MS,Bradley Hand,cursive}.hint-button{width:46px;height:46px;flex:0 0 auto;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);cursor:pointer}.hint-button:disabled{opacity:.72;cursor:default}.words-page{padding-top:2px}.doodle{display:none;align-items:center;justify-content:space-around;min-height:95px;border:2px solid var(--ink);font:32px Comic Sans MS,cursive;background:#ded7c5;transform:rotate(.3deg)}.doodle b{font:900 56px Impact,Arial Black,sans-serif}.word-list-title{display:flex;align-items:center;gap:8px;margin:8px 0}.word-list-title h2{margin:0;font:900 clamp(16px,4vw,25px) Impact,"Arial Black",sans-serif}.word-list-title i{flex:1;height:2px;background:var(--ink)}.word-list-title span{font-size:10px;font-weight:900}.word-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 4px}.word-list span{min-width:0;overflow-wrap:anywhere;font:clamp(12px,3.8vw,17px)/1 "Comic Sans MS","Bradley Hand",cursive;text-align:center}.word-list span.found{color:#4d4840;text-decoration:line-through 4px var(--pink);text-decoration-skip-ink:none}.paper-note{margin-top:14px;padding:10px 12px;border:2px solid var(--ink);background:#ded7c5;box-shadow:3px 3px 0 var(--ink);transform:rotate(-.4deg)}.paper-note strong{font-size:10px}.paper-note p{margin:4px 0 0;font:15px/1.1 Comic Sans MS,Bradley Hand,cursive}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:16px;padding-top:8px;border-top:2px solid var(--ink);font-size:8px;font-weight:900}.app-footer button{min-height:44px;border:0;background:transparent;padding:5px 0;cursor:pointer;font-weight:900}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow-y:auto;padding:14px;background:#24221dc9}.paper-modal{width:min(680px,100%);max-height:calc(100vh - 28px);overflow-y:auto;position:relative;padding:clamp(18px,5vw,35px);background-color:var(--paper);background-image:radial-gradient(#342f2514 .7px,transparent .7px);background-size:4px 4px;border:3px solid var(--ink);box-shadow:8px 8px #81786a;transform:rotate(-.15deg)}.paper-modal h2{margin:4px 35px 18px 0;font:900 clamp(28px,8vw,48px)/.95 Impact,"Arial Black",sans-serif}.paper-modal h3{margin:16px 0 8px;font:900 18px Impact,Arial Black,sans-serif}.paper-modal p{font:17px/1.2 Comic Sans MS,Bradley Hand,cursive}.modal-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;background:var(--paper-light);cursor:pointer;font-size:25px;font-weight:900}.puzzle-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.puzzle-picker button{min-height:50px;border:2px solid var(--ink);background:var(--paper-light);text-align:left;padding:8px;cursor:pointer;font:15px/1 Comic Sans MS,cursive}.puzzle-picker button.active{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.puzzle-picker small{display:block;margin-bottom:3px;font:8px Courier New,monospace}.pack-card{margin-top:18px;padding:14px;border:3px solid var(--ink);background:#ded7c5;box-shadow:5px 5px 0 var(--ink)}.rotation-note{margin:8px 0 0!important;font-size:14px!important}.pack-card h3{margin:3px 0;font-size:27px}.pack-card p{margin:5px 0 12px}.primary-action,.modal-actions button,.sync-box button{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);padding:11px 14px;cursor:pointer;font-weight:900}.install-action{width:100%;margin-top:12px;background:var(--green)}.demo-label,.demo-banner{display:block;margin-top:10px;padding:7px;border:1px dashed var(--ink);font-size:9px;font-weight:900}.sync-box{margin-top:20px;padding-top:14px;border-top:2px dashed var(--ink)}.sync-box h3,.sync-box p{margin:3px 0}.sync-box>div{display:flex;gap:7px;margin-top:10px}.sync-box input{min-width:0;flex:1;border:2px solid var(--ink);background:var(--paper-light);padding:10px}.completion-mark{display:grid;place-items:center;width:95px;height:95px;margin:5px auto 18px;border:4px solid var(--ink);border-radius:50%;background:var(--green);box-shadow:6px 6px 0 var(--ink);font:70px/1 Impact,sans-serif;transform:rotate(-7deg)}.completion-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:2px solid var(--ink)}.completion-stats span{padding:9px;text-align:center;font-size:9px;font-weight:900}.completion-stats strong{display:block;font-size:20px}.rank-note{text-align:center}.modal-actions{display:grid;gap:8px}.modal-actions button{width:100%;background:var(--paper-light)}.modal-actions .primary-action{background:var(--yellow)}.install-steps{padding-left:24px;font:18px/1.4 Comic Sans MS,cursive}.leader-list{padding:0;list-style:none;border-top:3px solid var(--ink)}.leader-list li{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--ink)}.toast{position:fixed;z-index:40;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(520px,calc(100% - 28px));transform:translate(-50%) rotate(-.5deg);border:2px solid var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);padding:12px 16px;cursor:pointer;font-weight:900}@keyframes draw-marker{0%{stroke-dasharray:20;stroke-dashoffset:20}to{stroke-dasharray:20;stroke-dashoffset:0}}@keyframes hint-pulse{50%{transform:scale(1.3) rotate(-8deg)}}@keyframes word-pop{0%{opacity:0;transform:translate(-50%) scale(.65) rotate(-6deg)}24%{opacity:1;transform:translate(-50%) scale(1.08) rotate(2deg)}72%{opacity:1;transform:translate(-50%) scale(1) rotate(-2deg)}to{opacity:0;transform:translate(-50%) translateY(-18px) scale(.94) rotate(-2deg)}}@media(min-width:720px){.book-spread{grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);gap:24px;padding-top:8px}.book-spread:after{content:"";position:absolute;left:calc(59% + 5px);top:0;bottom:0;width:1px;background:#827b6b66;box-shadow:0 0 10px #514b4144}.words-page{padding:0 5px 0 15px}.doodle{display:flex}.word-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 6px}.word-list span{font-size:clamp(15px,2vw,19px);text-align:left}.paper-note{margin-top:25px}}@media(max-width:719px){.site-shell{padding:0}.site-nav{padding:10px;margin:0;background:var(--paper);border-bottom:2px solid var(--ink)}.site-nav a:not(.site-brand),.site-nav>div a{display:none}.site-nav>div{gap:0}.site-brand{font-size:23px}.landing-paper,.member-paper{border:0;box-shadow:none}.landing-hero{grid-template-columns:1fr;min-height:0;padding:40px 18px 55px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:17px}.hero-actions{display:grid}.hero-actions button{width:100%}.hero-board{width:88%;margin-top:12px;padding:18px}.proof-strip{grid-template-columns:repeat(2,1fr)}.proof-strip span:nth-child(2){border-right:0}.proof-strip span:nth-child(-n+2){border-bottom:2px solid var(--ink)}.inside-section,.faq-section{padding:55px 18px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:0}.feel-section{grid-template-columns:1fr;padding:55px 18px}.site-footer{flex-direction:column}.member-paper{padding:38px 16px}.member-stats,.member-grid{grid-template-columns:1fr}.today-card{align-items:stretch;flex-direction:column}.member-stats span{border-bottom:1px solid var(--ink)}.member-stats span:last-child{border-bottom:0}.app-shell{padding:0}.paper-app{min-height:100vh;min-height:100dvh;border-width:0;border-radius:0;box-shadow:none;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.brand-lockup strong{font-size:25px}.streak-button{padding:7px 8px}.theme-row p{font-size:15px}.score-strip>span,.score-strip>button{padding-inline:2px}.word-board{border-width:2px;box-shadow:3px 3px 0 var(--ink)}.letter-grid button{font-size:clamp(13px,4vw,18px)}.word-list{gap-block:5px}.word-list span{font-size:12px}.paper-note{display:none}.app-footer{margin-top:10px}.puzzle-picker{grid-template-columns:1fr}.sync-box>div{flex-direction:column}}@media(min-width:720px)and (max-width:1100px)and (orientation:landscape){.app-shell{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.paper-app{min-height:calc(100dvh - 16px);padding:10px 14px}.ink-rule{margin-block:8px 7px}.theme-row p{margin-bottom:5px}.score-strip{margin-bottom:8px}.book-spread{grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr);gap:18px;padding-top:0}.book-spread:after{left:calc(56% + 1px)}.word-board{width:min(100%,calc(100dvh - 342px))}.board-tools{margin-top:6px}.doodle,.paper-note{display:none}.words-page{padding-left:10px}.app-footer{margin-top:7px;padding-top:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--paper: #fff;--paper-light: #fff;--ink: #000}.marker-layer line{opacity:.82}}