@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('../wordwell/fonts/dm-sans.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('../wordwell/fonts/manrope.ttf') format('truetype')}
:root{--paper:#f5f3eb;--surface:#fffef9;--ink:#263e34;--muted:#738073;--line:#dedfd4;--green:#365944;--lime:#dceba5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;padding-bottom:env(safe-area-inset-bottom)}a{color:inherit}a:focus-visible{outline:3px solid #c58844;outline-offset:5px}.site-header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 45px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:26px;font-weight:800;letter-spacing:-1.2px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--ink);color:var(--paper);font-size:27px}.header-note{font-size:9px;font-weight:700;letter-spacing:1.6px;color:var(--muted)}main{max-width:1120px;padding:0 36px;margin:auto}.welcome{text-align:center;padding:48px 0 36px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--green)}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--green)}h1{font-family:Manrope,sans-serif;font-size:64px;font-weight:500;letter-spacing:-3px;line-height:1.06;margin:20px 0}.welcome p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;background:var(--surface);transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-4px);border-color:#aab89b;box-shadow:0 10px 24px #263e3410}.game-preview{height:155px;background:#e9eedc;display:flex;align-items:center;justify-content:center;gap:20px;border-bottom:1px solid #263e3408}.number-card .game-preview{background:#e9eae1}.drop-card .game-preview{background:#efe6d6}.demo-clue{font-size:12px;line-height:1.6;color:var(--green);max-width:105px}.demo-clue strong{font-family:Manrope,sans-serif;font-size:25px;vertical-align:middle;margin-left:4px}.word-demo,.number-demo,.drop-demo{display:grid;gap:4px;grid-template-columns:repeat(4,28px)}.word-demo span,.number-demo span,.drop-demo span{display:grid;place-items:center;aspect-ratio:1;background:#fffef980;border-radius:5px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700}.word-demo span:nth-child(-n+4){background:var(--green);color:var(--surface)}.number-demo span:nth-child(2),.number-demo span:nth-child(3){background:var(--green);color:var(--surface)}.drop-demo{grid-template-columns:repeat(3,29px)}.drop-demo span{border-radius:50%;background:#fffef950}.drop-demo .letter,.drop-demo .falling{background:var(--green);color:var(--surface)}.drop-demo .drop-arrow{background:transparent;color:var(--green);font-size:19px}.card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.card-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}h2{font-family:Manrope,sans-serif;font-size:26px;font-weight:600;letter-spacing:-1px;margin:8px 0 10px}.card-copy p{font-size:13px;line-height:1.65;margin:0 0 13px;min-height:64px}.game-detail{font-size:11px;color:var(--muted);line-height:1.6}.play-link{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.play-link b{display:grid;place-items:center;width:28px;height:28px;background:var(--light,#edf1df);border-radius:50%;font-size:17px;font-weight:400}.little-note{max-width:720px;margin:28px auto 0;display:flex;align-items:center;gap:18px}.note-spark{font-size:34px;color:var(--green)}.little-note p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.little-note strong{color:var(--ink)}footer{max-width:1120px;display:flex;justify-content:space-between;gap:20px;margin:32px auto 0;padding:22px 36px 28px;font-size:10px;color:var(--muted)}footer a{text-underline-offset:3px}
@media(max-width:760px){.site-header{padding:16px 20px;border-bottom:0}.brand{font-size:24px}.brand-mark{width:35px;height:35px;font-size:25px;border-radius:10px}.header-note{display:none}main{padding:0 16px;max-width:550px}.welcome{padding:16px 0 24px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:43px;letter-spacing:-2px;margin:14px 0}.welcome p{font-size:12px;line-height:1.6}.games{grid-template-columns:1fr;gap:12px}.game-card{display:grid;grid-template-columns:96px minmax(0,1fr);border-radius:15px}.game-preview{height:100%;min-height:175px;border-bottom:0;border-right:1px solid #263e3408;gap:0;flex-direction:column;padding:10px}.demo-clue{display:none}.word-demo,.number-demo{grid-template-columns:repeat(4,16px);gap:3px}.word-demo span,.number-demo span{font-size:10px;border-radius:4px}.drop-demo{grid-template-columns:repeat(3,20px);gap:3px}.drop-demo span{font-size:11px}.card-copy{padding:15px 17px}.card-label{font-size:8px;letter-spacing:1.4px}h2{font-size:22px;margin:4px 0 6px;letter-spacing:-.7px}.card-copy p{font-size:12px;line-height:1.5;min-height:0;margin-bottom:7px}.game-detail{display:none}.play-link{margin-top:auto;padding-top:9px;font-size:11px}.play-link b{width:24px;height:24px}.little-note{margin-top:22px;gap:12px;align-items:flex-start}.little-note p{font-size:11px}.note-spark{font-size:26px}footer{padding:20px 16px;margin-top:14px;flex-wrap:wrap;font-size:9px}}
@media(prefers-reduced-motion:reduce){.game-card{transition:none}.game-card:hover{transform:none}}

.install-shortcut{font:inherit;font-size:12px;font-weight:600;min-height:44px;border:1px solid #bfc8b7;border-radius:9px;padding:10px 12px;background:#fffef9;color:#263e34;cursor:pointer}.install-shortcut:focus-visible{outline:3px solid #c58844;outline-offset:3px}@media(max-width:760px){.install-shortcut{font-size:11px;padding:8px}.site-header{gap:10px}.site-header .brand{font-size:21px}}

.brand-mark.puzzlewell-mark{display:block;object-fit:cover;border-radius:10px}@media(max-width:760px){.brand-mark.puzzlewell-mark{border-radius:9px}}

@media(min-width:761px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}.code-card .game-preview{background:#e7e6ef}.code-demo{display:grid;grid-template-columns:repeat(2,34px);gap:6px}.code-demo span{display:grid;place-items:center;width:34px;height:34px;background:#fffef9;border-radius:9px;font-size:23px;color:#805594}.code-demo span:first-child{color:#385b8d}.code-demo span:nth-child(2){color:#a04d3b}

.path-card .game-preview{background:#e4ecdd}.path-demo{display:grid;grid-template-columns:repeat(3,27px);gap:4px}.path-demo span{display:grid;place-items:center;width:27px;height:27px;background:#fffef9;border-radius:7px;color:var(--green);font-weight:700}

.fit-card .game-preview{background:#ede5db}.fit-demo{display:grid;grid-template-columns:repeat(3,24px);gap:3px}.fit-demo span{display:grid;place-items:center;width:24px;height:24px;background:#47728b;border-radius:4px;color:white;font-size:10px}.fit-demo span:nth-child(3n){background:#aa634e}.fit-demo span:nth-child(5),.fit-demo span:nth-child(7),.fit-demo span:nth-child(8){background:#718846}

.order-card .game-preview{background:#e8e5d8}.order-demo{display:grid;grid-template-columns:repeat(2,30px);gap:6px}.order-demo span{display:grid;place-items:center;width:30px;height:30px;background:#fffef9;border-radius:7px;font-size:22px;color:#805594}.order-demo span:first-child{color:#a04d3b}.order-demo span:nth-child(3){color:#385b8d}