/* Homepage art direction based on the supplied Outspell reference. */
body:has(.home-main){background:#f1f8ff;background-image:none;color:#102b66;font-family:Poppins,system-ui,sans-serif}
.home-main h1,.home-main h2,.home-main h3{font-family:Poppins,system-ui,sans-serif}
.home-header{background:#0d2d68;border:0;box-shadow:0 2px 18px #061e50a8;position:relative;z-index:3}
.home-header .header-inner{min-height:68px}
.home-header .brand{font-size:26px;font-weight:700;color:#fff;letter-spacing:-.04em;white-space:nowrap}
.home-header .brand-domain{color:#7bd4ff}
.home-header .brand-mark{width:55px;height:42px;border-radius:15px;background:linear-gradient(145deg,#c3ecff,#5aabf7);color:#0a3f9c;box-shadow:0 4px 10px #031d4c66;font-size:37px;transform:rotate(-6deg)}
.home-header .brand-mark{background:none;box-shadow:none;border-radius:0;color:#8bd0ff}.home-header .brand-mark svg{width:55px;height:42px;filter:drop-shadow(0 3px 2px #041a48)}
.home-header .primary-nav{gap:12px}
.home-header .primary-nav a{color:#fff;font-size:16px;padding:0 18px;border-radius:24px}
.home-header .primary-nav a:hover,.home-header .primary-nav a[aria-current]{color:#fff;background:linear-gradient(#1d64c8,#11449e);box-shadow:inset 0 1px 1px #70b6ff55}
.home-search{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2867ba,#0c3677);border:1px solid #509be6;color:white;box-shadow:0 4px 8px #041a48}
.home-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.home-header .menu-toggle{color:white}
.home-hero{position:relative;overflow:hidden;padding:22px 0 30px;background:radial-gradient(circle at 50% 70%,#2474c9 0,#1558a9 39%,#0a397f 75%,#0b3476 100%);isolation:isolate}
.home-hero:before{content:"";position:absolute;inset:auto -5% 0;height:35%;background:linear-gradient(140deg,transparent 15%,#0d4694 15% 28%,transparent 28% 39%,#0d4694 39% 58%,transparent 58% 67%,#0d4694 67%);opacity:.55;z-index:-1}
.home-cloud{position:absolute;width:160px;height:58px;background:#408fe0;border-radius:70% 70% 10% 15%;opacity:.46;z-index:-1}
.home-cloud:before,.home-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}
.home-cloud:before{width:83px;height:70px;left:18px;bottom:13px}.home-cloud:after{width:65px;height:50px;right:18px;bottom:1px}
.home-cloud-left{top:110px;left:-48px}.home-cloud-right{right:-55px;top:95px}
.hero-game{width:min(100%,960px);margin:auto;position:relative;border:5px solid #429efa;border-radius:30px;background:radial-gradient(circle at 50% 46%,#236cc1,#10468e 72%,#10356f);box-shadow:0 8px 0 #0c3b78,0 22px 35px #001e56b0;color:#fff;overflow:hidden}
.hero-game .game-toolbar,.hero-game .game-main{background:transparent;color:#fff}
.hero-game:before{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(155deg,transparent 14%,#0f3c85 15% 29%,transparent 30% 41%,#0d3b82 42% 63%,transparent 64% 72%,#0b3779 73%);opacity:.6;pointer-events:none}
.hero-game .game-toolbar{position:relative;justify-content:center;border:0;min-height:79px;padding:8px 24px 0}
.hero-title{display:flex;align-items:center;justify-content:center;gap:9px;filter:drop-shadow(0 5px 1px #062352)}
.hero-title h1{font-size:clamp(35px,4vw,52px);line-height:1.1;color:#e5f6ff;letter-spacing:-.07em;text-shadow:-3px -3px 0 #0d3587,3px -3px 0 #0d3587,-3px 3px 0 #0d3587,3px 3px 0 #0d3587,0 6px 0 #052267}
.hero-tiles{display:flex;transform:rotate(-17deg);margin-right:0}.hero-tiles i,.mini-tiles i{font-style:normal;display:grid;place-items:center;background:linear-gradient(#ffda88,#ffad3a);border:2px solid #8c551d;box-shadow:1px 3px 0 #5e3e24;border-radius:6px;color:#703810;font-weight:800}.hero-tiles i{width:31px;height:32px;font-size:19px}.hero-tiles i+i{transform:rotate(17deg) translate(-3px,-4px)}.hero-spark{font-size:33px;color:#ffcf57;transform:rotate(-20deg)}
.hero-game .toolbar-actions{position:absolute;right:17px;top:12px}.hero-game .toolbar-actions .text-button{width:42px;height:42px;min-height:0;display:grid;place-items:center;padding:0;border-radius:50%;background:linear-gradient(#235cae,#114080);border:2px solid #4a9ce9;box-shadow:0 3px 2px #062c65;color:#fff;font-size:27px;line-height:1}.hero-game .toolbar-actions .text-button+button{font-size:22px}
.hero-game .game-layout{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) 200px;gap:18px;padding:0 32px 24px;align-items:start}
.home-score-panel{display:grid;gap:9px;padding-top:55px}.home-stat{min-height:78px;border:2px solid #2e75c7;border-radius:17px;padding:9px 16px;background:#092e67a8;box-shadow:inset 0 1px 10px #143f7d}.home-stat span{display:block;font-size:14px;font-weight:700}.home-stat strong{font-size:27px;line-height:1.1}.home-goal{min-height:103px}.home-goal p{margin:3px 0 0;font-size:13px;line-height:1.35}
.hero-game .game-main{padding:0;min-width:0}.hero-game .board-frame{width:min(100%,440px);padding:5px;background:#0c3a7b;border-radius:13px;box-shadow:0 4px 0 #06295c}.hero-game .outspell-board{gap:2px}.hero-game .board-cell{background:linear-gradient(145deg,#fff,#b3d9ff);border:1px solid #71b7f4;border-radius:5px;color:#102a65;box-shadow:0 2px 0 #478ec5;font-size:11px}.hero-game .board-cell:hover{background:#fff}.hero-game .board-cell[data-bonus="DW"],.hero-game .board-cell[data-bonus="TW"]{background:linear-gradient(#ffdf8b,#ffb94d);color:#3a2b24}.hero-game .board-cell[data-bonus="DL"],.hero-game .board-cell[data-bonus="TL"]{background:linear-gradient(#a7dbff,#58a7ed);color:#123d7d}.hero-game .board-cell[data-filled="true"]{background:linear-gradient(#fff9de,#f5c567);color:#112b5e;font-size:18px}.hero-game .board-cell[data-pending="true"]{outline:3px solid #ffbd39;outline-offset:-3px}
.hero-game .rack-area{gap:10px;margin:13px auto 0;flex-wrap:wrap}.hero-game .rack-label{color:#e0f3ff;font-size:12px;font-weight:700}.hero-game .tile-rack{gap:5px;justify-content:center}.hero-game .rack-tile{width:37px;height:40px;background:linear-gradient(#fff,#bbdfff);border:1px solid #83bdf2;color:#0b2b66;box-shadow:0 3px 0 #2b7ec0;font-size:20px}.hero-game .rack-tile[aria-pressed="true"]{background:#ffd470;border-color:#f4b83e}
.hero-game .game-sidebar{padding:55px 0 0;background:none;border:0;display:block;min-width:0}.home-turn{border:2px solid #2e75c7;border-radius:17px;background:#092e67a8;padding:12px 14px;min-height:80px;display:flex;flex-direction:column;gap:4px}.home-turn strong{font-size:15px}.home-turn span{font-size:13px;color:#d7ecff}.hero-game .game-status{min-height:53px;margin:12px 0;color:#e6f4ff;font-size:12px;line-height:1.4}.hero-game .button-stack{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hero-game .button-stack .button{min-height:37px;padding:7px 5px;font-size:11px;border:2px solid #80c4ff;border-radius:10px;box-shadow:0 3px 0 #082e63;color:#fff;background:linear-gradient(#2d80dc,#1258af)}.hero-game .button-stack .button:first-child{grid-column:1/-1;background:linear-gradient(#1fa9f6,#0b68d1);font-size:14px}.hero-game .button-stack .button:disabled{opacity:.65}.hero-game .preview-note{margin:13px 0 0;padding-top:10px;border-color:#3375bf;color:#cfe7ff;font-size:11px}
.hero-doodle{position:absolute;z-index:-1;filter:drop-shadow(0 7px 3px #01275e90);line-height:1}.hero-books{font-size:95px;bottom:13px;left:-12px;transform:rotate(-13deg)}.hero-bulb{font-size:83px;right:28px;top:140px;transform:rotate(20deg)}.hero-pad{font-size:95px;right:-12px;bottom:25px;transform:rotate(-15deg)}
.learn-feature{background:radial-gradient(circle at 20% 30%,#fff,#d7ebfc 82%);padding:34px 0 22px}.learn-feature-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:260px}.learn-copy{padding-left:32px}.learn-copy h2{margin:0 0 10px;font-size:clamp(34px,4vw,48px);line-height:1.08;color:#102e6b;letter-spacing:-.04em}.learn-copy h2 span{color:#1574e6}.learn-copy p{max-width:440px;margin:0 0 14px;font-size:18px;line-height:1.4;color:#294577}.explore-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 28px;border-radius:30px;background:linear-gradient(#2578e2,#0d46b8);box-shadow:0 5px 7px #7fa8d68c;color:#fff;text-decoration:none;font-weight:700}.explore-link:hover{color:#fff;background:#0a42a5}.learn-art img{display:block;width:100%;max-height:290px;object-fit:contain}
.home-games{padding-block:23px 30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2{font-size:29px;margin:0;color:#102e69;letter-spacing:-.035em}.section-heading a{text-decoration:none;font-size:14px;color:#0a51c4;white-space:nowrap}.home-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-game-card{display:block;overflow:hidden;border-radius:14px;text-decoration:none;background:#f5faff;box-shadow:0 4px 8px #b7cee790;color:#123163}.home-game-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #9bbce2}.home-card-art{height:107px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;color:white}.home-card-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 20%,#ffffff22 0 12%,transparent 13%),radial-gradient(circle at 80% 80%,#06285d22 0 22%,transparent 23%)}.home-card-art strong{position:relative;font-size:30px;line-height:1.02;letter-spacing:-.06em;text-align:center;text-shadow:-2px -2px #092b67,2px -2px #092b67,-2px 2px #092b67,2px 2px #092b67,0 4px #05255a}.card-purple .home-card-art{background:linear-gradient(120deg,#6b5cf4,#9889ff)}.card-blue .home-card-art{background:linear-gradient(120deg,#2367bd,#388be2)}.card-cyan .home-card-art{background:linear-gradient(120deg,#73c8ff,#b1e9ff)}.card-crossword .home-card-art{background:linear-gradient(120deg,#2f7bd7,#5399ee)}.mini-letters{position:absolute;inset:auto 0 9px;text-align:center;letter-spacing:.5em;color:#d5d0ff;font-weight:700;opacity:.5}.mini-tiles{position:relative;display:flex;transform:rotate(-12deg)}.mini-tiles i{width:25px;height:25px;font-size:15px}.card-magnifier{font-size:69px;color:#155ab8;text-shadow:0 3px 0 #0b3470;line-height:.8}.crossword-squares{font-size:66px;color:#d0e9ff;text-shadow:0 4px #0e519f}.home-card-content{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px}.home-card-content h3{margin:0;font-size:17px;line-height:1.15;color:#102f6b}.home-card-content p{margin:3px 0 0;font-size:12px;line-height:1.4;color:#315381}.card-play{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#308cf6,#1162ce);box-shadow:0 2px 3px #86a7d0;color:#fff;font-size:17px;padding-left:2px}
.home-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:10px auto 45px;padding:22px 26px;border-radius:20px;background:#dfedfc;box-shadow:0 4px 8px #bed7f085}.home-benefits>div{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0}.home-benefits>div+div{border-left:1px solid #a8cbf1}.home-benefits>div>span{font-size:43px;color:#12459f;line-height:1}.home-benefits p{margin:0}.home-benefits strong{display:block;font-size:16px;color:#0d2c69}.home-benefits small{display:block;color:#315381;font-size:12px}.home-main .below-game{padding-top:25px}.home-main .reading-column{margin:auto}.home-main .related-shelf{margin-bottom:70px}
@media(max-width:1000px){.home-header .brand{font-size:21px}.home-header .primary-nav a{font-size:14px;padding-inline:12px}.hero-game .game-layout{grid-template-columns:145px minmax(0,1fr) 175px;gap:12px;padding-inline:18px}.home-score-panel{padding-top:35px}.hero-game .game-sidebar{padding-top:35px}.hero-doodle{display:none}.home-card-grid{gap:12px}}
@media(max-width:760px){.home-header .home-search{display:none}.home-header .primary-nav{gap:0}.hero-game{border-width:3px}.hero-game .game-layout{grid-template-columns:minmax(0,1fr) 190px}.home-score-panel{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;padding-top:0}.home-stat{flex:1;min-height:65px}.home-goal{flex:1.5}.hero-game .game-main{grid-column:1;grid-row:1}.hero-game .game-sidebar{grid-column:2;grid-row:1;padding-top:0}.hero-game .board-frame{width:min(100%,440px)}.learn-copy{padding-left:0}.learn-copy p{font-size:15px}.home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-benefits{padding:20px 12px;gap:10px}.home-benefits>div{gap:8px}.home-benefits>div>span{font-size:30px}.home-benefits strong{font-size:13px}.home-benefits small{font-size:10px}}
@media(max-width:650px){.home-header .header-inner{min-height:60px}.home-header .brand{font-size:20px}.home-header .brand-mark{width:39px;height:34px}.home-header .brand-mark svg{width:39px;height:34px}.home-header .primary-nav{top:60px;background:#0d2d68;border-color:#1e5eab}.home-header .primary-nav a{color:#fff}.home-hero{padding:14px 0 20px}.hero-game .game-toolbar{min-height:66px}.hero-title h1{font-size:38px}.hero-game .toolbar-actions{right:9px;top:10px}.hero-game .toolbar-actions .text-button{width:34px;height:34px;font-size:21px}.hero-game .game-layout{display:block;padding:0 12px 18px}.hero-game .board-frame{width:440px}.hero-game .board-scroll{overflow-x:auto}.hero-game .rack-area{margin-bottom:16px}.home-score-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.home-stat{padding:7px;min-height:68px}.home-stat span{font-size:10px}.home-stat strong{font-size:20px}.home-goal p{font-size:10px}.hero-game .game-sidebar{display:block;padding-top:12px}.home-turn{min-height:0;flex-direction:row;justify-content:space-between}.hero-game .game-status{min-height:0}.hero-game .button-stack{display:grid;grid-template-columns:repeat(3,1fr)}.hero-game .button-stack .button:first-child{grid-column:auto}.hero-game .preview-note{font-size:11px}.learn-feature{padding:27px 0}.learn-feature-inner{grid-template-columns:1fr;gap:0}.learn-copy h2{font-size:35px}.learn-copy p{font-size:15px}.learn-art img{max-height:200px}.section-heading h2{font-size:23px}.home-card-grid{gap:10px}.home-card-art{height:90px}.home-card-art strong{font-size:23px}.card-magnifier,.crossword-squares{font-size:49px}.home-card-content{padding:8px;min-height:85px}.home-card-content h3{font-size:14px}.home-card-content p{font-size:11px}.card-play{width:29px;height:29px;font-size:12px}.home-benefits{grid-template-columns:1fr;margin-bottom:25px}.home-benefits>div{justify-content:flex-start;padding:6px 12px}.home-benefits>div+div{border-left:0;border-top:1px solid #a8cbf1}.home-benefits>div>span{width:40px}.home-benefits strong{font-size:14px}.home-benefits small{font-size:11px}}
@media(max-width:400px){.hero-tiles{display:none}.hero-title h1{font-size:34px}.hero-game .toolbar-actions{gap:2px}.hero-game .toolbar-actions .text-button{width:30px;height:30px}.home-score-panel{grid-template-columns:1fr 1fr}.home-goal{grid-column:1/-1;min-height:0}.home-card-art strong{font-size:21px}}
:root[data-theme="dark"] body:has(.home-main){background:#0e203b;color:#eaf4ff}
:root[data-theme="dark"] .learn-feature{background:radial-gradient(circle at 20% 30%,#183d69,#102743)}
:root[data-theme="dark"] .learn-copy h2,:root[data-theme="dark"] .section-heading h2,:root[data-theme="dark"] .home-benefits strong{color:#eaf4ff}
:root[data-theme="dark"] .learn-copy p,:root[data-theme="dark"] .home-benefits small{color:#c5ddf5}
:root[data-theme="dark"] .home-benefits{background:#1b3d63}
:root[data-theme="dark"] .home-game-card{background:#1b3d63}
:root[data-theme="dark"] .home-card-content h3{color:#eaf4ff}
:root[data-theme="dark"] .home-card-content p{color:#c5ddf5}
.home-card-content .card-play{width:auto;min-width:61px;height:32px;padding:0 8px 0 9px;border-radius:18px;font-size:11px;white-space:nowrap}
@media(max-width:650px){.home-card-content .card-play{min-width:49px;height:27px;padding-inline:5px;font-size:9px}}
.section-heading a:hover{text-decoration:underline}