/*
Theme Name: Learn Ludo
Version: 0.2.0
Text Domain: learnludo
*/

:root{--ink:#1c3028;--muted:#5a6b63;--paper:#fbf7ee;--cream:#f2eadb;--line:#d9cfbc;--red:#dc5b52;--blue:#4e73c9;--yellow:#e8b743;--green:#5f9b70;--shadow:0 20px 55px rgba(42,52,38,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}header{max-width:1240px;margin:auto;height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.25rem;font-weight:900;letter-spacing:-.06em;display:flex;align-items:center;gap:10px}.brand:before{content:"";width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7 0 12%,transparent 14%),conic-gradient(from 45deg,var(--red) 0 25%,var(--yellow) 0 50%,var(--green) 0 75%,var(--blue) 0);box-shadow:inset 0 0 0 3px #fff,0 2px 6px #1b30232e}.brand span{color:var(--green)}.brand i{font-style:normal;font-size:.58rem;letter-spacing:0;color:var(--muted);align-self:flex-end;margin:0 0 4px -8px}nav{display:flex;align-items:center;gap:24px;font-size:.86rem;font-weight:760;color:#3c5147}nav a:hover{color:var(--red)}.nav-play,.button-primary{background:var(--ink);color:#fff!important;border-radius:999px;padding:12px 18px;box-shadow:0 5px 0 #0d2119}.nav-play:hover{transform:translateY(-1px);box-shadow:0 6px 0 #0d2119}
.hero{max-width:1240px;margin:8px auto 0;padding:clamp(42px,7vw,92px) clamp(24px,7vw,84px);min-height:650px;border-radius:34px;background:#dfead8;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-220px;top:-260px;border:1px solid #ffffff8d;box-shadow:0 0 0 45px #ffffff35,0 0 0 90px #ffffff22}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 14px;color:#3f7650;font-size:.72rem;font-weight:900;letter-spacing:.14em}.hero h1,h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.055em;line-height:.98}.hero h1{font-size:clamp(3.5rem,6.6vw,6.45rem);margin:0;max-width:600px}.hero h1 em{font-style:italic;color:var(--red)}.lede{font-size:1.15rem;color:#40564c;max-width:560px;margin:27px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;padding:14px 20px;border-radius:999px;font-weight:850}.button-secondary{border:1px solid #82998b;background:#ffffff80}.trust{font-size:.82rem;color:#4a6458;margin:25px 0 0;font-weight:720}
.ludo-board{width:min(442px,80vw);aspect-ratio:1;justify-self:center;position:relative;border:16px solid #fffdf8;border-radius:24px;background:linear-gradient(90deg,transparent 41%,#fffdf8 41% 59%,transparent 59%),linear-gradient(transparent 41%,#fffdf8 41% 59%,transparent 59%),conic-gradient(from 0deg,var(--yellow) 0 25%,var(--green) 0 50%,var(--blue) 0 75%,var(--red) 0);box-shadow:var(--shadow),inset 0 0 0 1px #1f342855;transform:rotate(4deg);z-index:1}.ludo-board:before{content:"";position:absolute;inset:37%;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:conic-gradient(from 45deg,var(--yellow) 0 25%,var(--green) 0 50%,var(--blue) 0 75%,var(--red) 0);border:5px solid #fffdf8;z-index:2}.ludo-board:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 44%,#d4c7ae 44% 46%,transparent 46% 54%,#d4c7ae 54% 56%,transparent 56%),linear-gradient(transparent 44%,#d4c7ae 44% 46%,transparent 46% 54%,#d4c7ae 54% 56%,transparent 56%);opacity:.75}.token,.die{position:absolute;z-index:3;display:block}.token{width:15%;aspect-ratio:1;border-radius:50%;border:5px solid #fffdf8;box-shadow:0 6px 10px #19382f38}.red{background:var(--red);left:13%;top:13%}.yellow{background:var(--yellow);right:13%;top:13%}.green{background:var(--green);left:13%;bottom:13%}.blue{background:var(--blue);right:13%;bottom:13%}.die{inset:42%;z-index:4;border-radius:9px;background:#fffdf8;color:var(--ink);font-weight:950;font-size:1.5rem;display:grid;place-items:center;box-shadow:0 4px 9px #1f342833}
.product-hero{max-width:1240px;min-height:580px;margin:8px auto 0;padding:clamp(48px,8vw,100px) clamp(24px,8vw,104px);background:var(--ink);border-radius:34px;display:grid;grid-template-columns:1fr .7fr;align-items:center;position:relative;overflow:hidden;color:#fffdf8}.product-hero:before{content:"";position:absolute;inset:auto -180px -230px auto;width:650px;aspect-ratio:1;border:1px solid #abcdb555;border-radius:50%;box-shadow:0 0 0 44px #abcdb519,0 0 0 88px #abcdb511}.product-hero h1{font:clamp(3.6rem,7vw,6.8rem)/.9 Georgia,serif;letter-spacing:-.075em;margin:0}.product-hero h1 em{color:#cae69f}.product-hero .lede{color:#d3dfd7}.product-hero__note{font-size:.82rem;font-weight:750;color:#d4e1d7}.product-hero__note span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#cae69f;margin-right:7px}.hero-die{width:min(255px,52vw);aspect-ratio:1;justify-self:center;transform:rotate(16deg);border-radius:26%;background:#fffdf8;box-shadow:20px 24px 0 #cae69f,0 22px 58px #0005;display:grid;grid-template-columns:repeat(3,1fr);padding:38px;gap:14px;position:relative;z-index:1}.hero-die i{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:var(--red)}.hero-die i:nth-child(2),.hero-die i:nth-child(5){visibility:hidden}.hero-die i:nth-child(4),.hero-die i:nth-child(6){background:var(--green)}
.moment-picker{padding:clamp(72px,10vw,135px) max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;background:#fffdf8}.moment-picker h2,.live-tools h2{font:clamp(2.8rem,5.2vw,5rem)/.96 Georgia,serif;letter-spacing:-.065em;margin:0 0 22px}.moment-picker__intro>p:last-child{max-width:315px;color:var(--muted)}.moment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-self:start}.moment-option{padding:20px 14px;background:transparent;border:1px solid var(--line);border-radius:15px;color:var(--ink);text-align:left;cursor:pointer;transition:.18s transform,.18s background,.18s color}.moment-option:hover{transform:translateY(-3px)}.moment-option.is-active{background:var(--ink);color:#fffdf8;border-color:var(--ink);box-shadow:0 8px 0 #b7d891}.moment-option b{display:block;font:1.55rem Georgia,serif;color:var(--green);margin-bottom:35px}.moment-option.is-active b{color:#cce7a2}.moment-option strong{display:block;font:1.1rem/1.05 Georgia,serif;letter-spacing:-.03em}.moment-option span{display:block;font-size:.78rem;line-height:1.35;color:var(--muted);margin-top:8px}.moment-option.is-active span{color:#cfddd5}.moment-result{grid-column:2;padding:34px 38px;margin-top:-8px;background:#e2eed9;border-radius:20px;border-left:6px solid var(--green);transition:opacity .13s,transform .13s}.moment-result.is-changing{opacity:.15;transform:translateY(3px)}.moment-result h3{font:clamp(2rem,3.4vw,3.25rem)/1 Georgia,serif;letter-spacing:-.055em;margin:0 0 13px}.moment-result>p:not(.eyebrow){max-width:590px;color:#40564c;margin:0}.result-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.text-link{font-weight:800;color:#215d40;text-decoration:underline;text-underline-offset:4px}.text-link span{font-size:1.25em}.live-tools{padding:clamp(72px,10vw,135px) max(24px,calc((100vw - 1120px)/2));background:var(--paper);display:grid;grid-template-columns:.8fr 1.2fr;gap:58px}.tool-list{border-top:1px solid var(--line)}.tool-list a{display:grid;grid-template-columns:50px 1fr auto;gap:18px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line);transition:padding .2s}.tool-list a:hover{padding-left:10px}.tool-list b{display:block;font-size:.76rem;letter-spacing:.11em;margin-bottom:4px}.tool-list strong{font:1.38rem/1.1 Georgia,serif;letter-spacing:-.035em}.tool-list>a>i{font-style:normal;font-size:1.7rem}.tool-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:1.5rem Georgia,serif}.tool-icon--rules{background:#f8deda;color:#a23c36}.tool-icon--move{background:#e5e0f5;color:#4e73c9}.tool-icon--play{background:#dcebd5;color:#36754d}.confidence-strip{padding:38px max(24px,calc((100vw - 1120px)/2));background:var(--yellow);display:flex;justify-content:space-between;align-items:center;gap:28px}.confidence-strip p{font:1.35rem Georgia,serif;letter-spacing:-.03em;margin:0}.confidence-strip div{display:flex;align-items:center;gap:12px;font-size:.77rem;font-weight:850}.confidence-strip i{width:6px;height:6px;background:var(--ink);border-radius:50%}
.section,.steps,.play-callout{padding:clamp(70px,9vw,120px) max(24px,calc((100vw - 1120px)/2))}.section{background:var(--paper)}.section h2,.steps h2,.play-callout h2{font-size:clamp(2.7rem,5.5vw,5rem);margin:0 0 42px;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards a{min-height:245px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fffdf8;display:flex;flex-direction:column;gap:11px;transition:transform .2s,box-shadow .2s}.cards a:nth-child(1){border-top:7px solid var(--red)}.cards a:nth-child(2){border-top:7px solid var(--yellow)}.cards a:nth-child(3){border-top:7px solid var(--blue)}.cards a:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.cards b{font-size:.7rem;letter-spacing:.12em;color:var(--muted)}.cards strong{font-family:Georgia,serif;font-size:1.8rem;letter-spacing:-.04em}.cards span{color:var(--muted)}
.pathfinder,.academy-preview{padding:clamp(70px,9vw,120px) max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;background:#fffdf8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pathfinder h2,.academy-preview h2{font-family:Georgia,serif;font-size:clamp(2.7rem,4.8vw,4.65rem);letter-spacing:-.055em;line-height:.98;margin:0 0 24px}.pathfinder>div>p:last-child{color:var(--muted);max-width:390px}.pathfinder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pathfinder-grid a,.academy-grid a{padding:24px;border-radius:17px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s}.pathfinder-grid a:hover,.academy-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pathfinder-grid a:nth-child(1){border-top:5px solid var(--yellow)}.pathfinder-grid a:nth-child(2){border-top:5px solid var(--red)}.pathfinder-grid a:nth-child(3){border-top:5px solid var(--green)}.pathfinder-grid a:nth-child(4){border-top:5px solid var(--blue)}.pathfinder-grid b{font-size:.66rem;letter-spacing:.1em;color:var(--muted)}.pathfinder-grid strong,.academy-grid strong{font:1.45rem/1.05 Georgia,serif;letter-spacing:-.03em}.pathfinder-grid span,.academy-grid span{color:var(--muted);font-size:.9rem}.academy-preview{display:block;background:#f1e7d6}.academy-preview h2{max-width:700px}.academy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.academy-grid a{min-height:170px;background:#fffdf8}.academy-grid a:nth-child(1){border-bottom:5px solid var(--green)}.academy-grid a:nth-child(2){border-bottom:5px solid var(--yellow)}.academy-grid a:nth-child(3){border-bottom:5px solid var(--blue)}.academy-grid a:nth-child(4){border-bottom:5px solid var(--red)}
.steps{background:var(--ink);color:#fffdf8}.steps .eyebrow{color:#b9de97}.steps h2{max-width:680px}.steps ol{padding:0;margin:42px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none}.steps li{border-top:1px solid #809a8b;padding-top:18px}.steps li b{font-family:Georgia,serif;font-size:2.55rem;color:#b9de97}.steps h3{margin:15px 0 5px;font-size:1.05rem}.steps p{margin:0;color:#c3d1c9;font-size:.94rem}.play-callout{text-align:center;background:var(--cream);position:relative;overflow:hidden}.play-callout:before,.play-callout:after{content:"";position:absolute;width:160px;aspect-ratio:1;border-radius:50%;opacity:.9}.play-callout:before{left:-55px;bottom:-65px;background:var(--red)}.play-callout:after{right:-45px;top:-55px;background:var(--blue)}.play-callout>*{position:relative;z-index:1}.play-callout h2{margin-left:auto;margin-right:auto}.play-callout p:not(.eyebrow){color:var(--muted);max-width:620px;margin:0 auto 28px}
.article-shell{min-height:75vh;padding:64px 24px 100px;background:var(--paper)}.article-shell article{max-width:800px;margin:auto;background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:clamp(28px,6vw,72px);box-shadow:0 18px 40px #45351a0c}.article-shell h1{font-size:clamp(2.8rem,5.5vw,5rem);margin:0 0 26px}.prose{color:#3f5148;font-size:1.07rem}.prose p,.prose ul,.prose ol{margin:1.1rem 0}.prose h2{font-size:clamp(1.8rem,3.3vw,2.6rem);margin:2.2rem 0 .7rem;color:var(--ink)}.prose h3{margin:1.5rem 0 .35rem}.prose li{margin:.45rem 0}.prose .rule-note{padding:18px 20px;background:#e6f0df;border-left:4px solid var(--green);border-radius:10px}.prose a{color:#226b4a;text-decoration:underline;font-weight:750}.article-next{margin-top:52px;padding-top:30px;border-top:1px solid var(--line)}.article-next h2{font:2rem/1 Georgia,serif;letter-spacing:-.05em;margin:0 0 17px}.article-next>div{display:grid;gap:8px}.article-next a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 15px;border-radius:12px;background:#f3ecdf}.article-next a:hover{background:#e0ecd8}.article-next b{font-size:.64rem;letter-spacing:.1em}.article-next span{font-size:.86rem;font-weight:750;color:#356f49}footer{background:#fffdf8;border-top:1px solid var(--line)}.footer-inner{max-width:1120px;margin:auto;padding:38px 24px 30px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;font-size:.8rem;font-weight:750;color:#4d6258}.footer-links a:hover{color:var(--red)}.footer-inner p{grid-column:1/-1;margin:0;padding-top:15px;border-top:1px solid var(--line);font-size:.76rem;color:#708078}
@media(max-width:850px){header{height:70px;padding:0 20px}nav{gap:10px}nav a{display:none}nav a:nth-child(1),nav a:nth-child(2),nav .nav-play{display:inline-block;font-size:.76rem}.nav-play{padding:10px 13px}.brand i{display:none}.hero{grid-template-columns:1fr;border-radius:0;min-height:auto;padding-bottom:68px}.ludo-board{width:min(365px,88vw);margin-top:12px}.cards,.steps ol,.academy-grid{grid-template-columns:1fr}.steps li{padding-bottom:18px}.section,.steps,.play-callout,.pathfinder,.academy-preview{padding:70px 24px}.pathfinder{grid-template-columns:1fr;gap:32px}.pathfinder-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3.3rem,14vw,5.3rem)}.product-hero{grid-template-columns:1fr;border-radius:0;min-height:590px;padding:62px 24px}.hero-die{width:175px;margin:24px auto 0}.moment-picker,.live-tools{grid-template-columns:1fr;padding:70px 24px;gap:30px}.moment-options{grid-template-columns:1fr}.moment-option{display:grid;grid-template-columns:46px 1fr;column-gap:12px;align-items:center;padding:15px}.moment-option b{margin:0;grid-row:1/3}.moment-option span{margin-top:4px}.moment-result{grid-column:auto;margin-top:0;padding:28px 24px}.confidence-strip{display:block;padding:30px 24px}.confidence-strip div{margin-top:14px;flex-wrap:wrap}.tool-list a{gap:12px}.tool-list strong{font-size:1.2rem}.article-shell{padding:38px 14px 70px}.article-next a{display:block}.article-next span{display:block;margin-top:5px}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-inner p{padding-top:13px}}