@import url('/assets/fonts.css');
:root{--ink:#183e35;--muted:#718079;--paper:#f7f8f2;--line:#e1e6dd;--orange:#f27d58}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ee805c;outline-offset:5px}header{max-width:1260px;margin:auto;height:100px;padding:0 42px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.8px}.brandmark{width:34px;height:34px;border-radius:11px;background:var(--ink);display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:4px;place-content:center;transform:rotate(-7deg)}.brandmark i{border-radius:2px;background:#f3f6e9}.brandmark i:last-child{background:var(--orange)}nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}nav .active{position:relative}nav .active:after{content:'';width:5px;height:5px;background:var(--orange);border-radius:50%;position:absolute;left:50%;bottom:-12px}.nav-note{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.nav-note span{width:6px;height:6px;border-radius:50%;background:#81a484}.hero{max-width:1176px;margin:22px auto 0;padding:54px 58px 52px;background:#e9eee2;border-radius:28px;display:grid;grid-template-columns:1.35fr 1fr;min-height:365px;position:relative;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:2px}.eyebrow svg{width:16px;height:16px}h1{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-2.7px;font-size:clamp(38px,4.5vw,58px);line-height:1.12;margin:20px 0 18px}h1 em{font-style:normal;color:#62846b}.hero p{max-width:375px;font-size:15px;line-height:1.75;color:#64766a;margin:0}.hero-link{display:inline-flex;gap:20px;align-items:center;font-weight:700;font-size:13px;margin-top:26px}.hero-link span{background:var(--ink);color:white;width:27px;height:27px;border-radius:50%;display:grid;place-content:center}.art{position:relative;align-self:center;min-height:240px;max-width:410px;width:100%;justify-self:end}.float-grid{position:absolute;background:#f9faf5;border-radius:17px;padding:14px;box-shadow:0 14px 30px #29412b12;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.float-grid.sudoku{width:148px;height:148px;left:15px;top:9px;transform:rotate(-12deg);font-size:20px}.float-grid span{display:grid;place-content:center;border-radius:6px;background:#edf0e6;color:#597363;font-weight:600}.float-grid span.filled{background:#d9e5d1}.float-grid.queen{width:137px;height:137px;right:32px;top:0;transform:rotate(10deg);background:#f4ebd9}.float-grid.queen span{background:#ead9b6;color:#775926}.float-grid.queen span:nth-child(3n+1){background:#e3c89e}.queen svg{width:27px;height:27px}.float-grid.word{width:168px;height:132px;left:130px;top:132px;transform:rotate(5deg);background:#fff3ec;grid-template-columns:repeat(4,1fr);font-size:17px}.float-grid.word span{background:#f5dccb;color:#af613f}.art .spark{position:absolute;font-size:34px;color:#6e8d72;right:6px;bottom:17px}.art .dot{position:absolute;width:10px;height:10px;background:var(--orange);border-radius:50%;left:57px;bottom:21px}.art .ring{position:absolute;width:22px;height:22px;border:2px solid #afbd99;border-radius:50%;left:0;top:185px}.games-section{max-width:1176px;margin:43px auto 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-head h2{font-family:Manrope,Arial,sans-serif;font-size:25px;letter-spacing:-.8px;margin:0 0 7px}.section-head p{margin:0;color:var(--muted);font-size:13px}.section-head .small{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.small svg{width:14px;height:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid var(--line);border-radius:22px;padding:10px;transition:transform .25s,box-shadow .25s;min-width:0}.card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #183e350a}.preview{height:186px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview:before,.preview:after{content:'';position:absolute;border:1px solid #ffffff66;border-radius:50%;width:270px;height:270px;right:-90px;top:-95px}.preview:after{width:220px;height:220px;right:auto;left:-110px;top:86px}.preview.green{background:#e3eedc}.preview.purple{background:#eee6f6}.preview.peach{background:#fae9dc}.game-label{position:absolute;top:14px;left:15px;font-size:9px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:#607d54}.purple .game-label{color:#836299}.peach .game-label{color:#aa7050}.mini-grid{display:grid;width:126px;height:126px;border-radius:8px;overflow:hidden;position:relative;z-index:1;box-shadow:0 9px 20px #273b2712;transform:rotate(-5deg);border:3px solid #fff;background:#fff}.mini-grid.sudoku-board{grid-template-columns:repeat(6,1fr);gap:1px;background:#bdcbb5;font-size:12px}.sudoku-board b{display:grid;place-items:center;font-weight:500;background:#f9fcf5;color:#355535}.sudoku-board b:nth-child(3n){border-right:1px solid #a2b599}.sudoku-board b:nth-child(n+13):nth-child(-n+18){border-bottom:1px solid #a2b599}.mini-grid.queens-board{grid-template-columns:repeat(5,1fr);gap:2px;transform:rotate(5deg)}.queens-board b{display:grid;place-items:center;font-size:18px;font-weight:400;color:#4c3569;background:var(--cell)}.letter-board{width:133px;height:133px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;transform:rotate(-5deg);z-index:1}.letter-board b{background:#fffaf5;border:1px solid #f1d7c6;border-radius:7px;display:grid;place-items:center;font-size:14px;font-weight:700;color:#946042;box-shadow:0 3px 0 #dbb59a30}.letter-board b.path{background:#dc9470;color:white;border-color:#dc9470}.card-content{padding:23px 16px 16px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.card-title h3{font-family:Manrope,Arial,sans-serif;font-size:23px;letter-spacing:-.9px;margin:0}.duration{font-size:10px;color:var(--muted);display:flex;gap:4px;align-items:center}.duration svg{width:12px;height:12px}.description{margin:0;color:#7b847d;font-size:12px;line-height:1.8;min-height:44px}.difficulty-label{font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#8b948d;margin:21px 0 9px}.difficulty{display:flex;gap:6px;background:#f6f7f3;padding:4px;border-radius:10px}.difficulty a{flex:1;border:0;border-radius:7px;background:transparent;color:#8a948b;padding:9px 3px;text-align:center;font-size:11px;font-weight:600;transition:all .2s}.difficulty a:hover{background:#fff;color:var(--ink);box-shadow:0 2px 6px #183e3510}.play{width:100%;padding:13px 16px;margin-top:15px;border:0;border-radius:9px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:12px;transition:background .2s}.play:hover{background:#2e5b4f}.play svg{width:16px;height:16px}.bottom-note{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;color:#859181;margin:31px 0 44px}.bottom-note svg{width:16px;height:16px;color:#718c6d}footer{max-width:1176px;margin:auto;border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8d968f}.footer-brand{font-weight:700;color:#587062}.footer-right{display:flex;gap:24px}dialog{padding:32px;border:1px solid var(--line);border-radius:22px;width:calc(100% - 40px);max-width:420px;color:var(--ink);box-shadow:0 30px 80px #183e3540;background:var(--paper)}dialog::backdrop{background:#142c2666;backdrop-filter:blur(5px)}dialog h2{font:800 27px Manrope,Arial;margin:10px 0}dialog p{font-size:14px;line-height:1.7;color:#718079}dialog .close{float:right;background:#e9eee2;border:0;border-radius:50%;width:30px;height:30px;font-size:19px}dialog .badge{display:inline-block;padding:6px 10px;background:#e9eee2;border-radius:6px;font-size:11px;font-weight:700}dialog .done{border:0;background:var(--ink);border-radius:8px;color:white;padding:11px 20px;font-size:13px;margin-top:10px}.about-copy{display:none}html{scroll-behavior:smooth}@media(min-width:1500px){.hero{margin-top:38px}.games-section{margin-top:48px}}@media(max-width:1259px){.hero,.games-section,footer{margin-left:42px;margin-right:42px}}@media(max-width:950px){.hero{padding:40px;grid-template-columns:1.2fr 1fr}.art{transform:scale(.85);transform-origin:right center}.card-content{padding:20px 10px 13px}.card-title{align-items:flex-start;gap:8px}.duration{margin-top:7px}.cards{gap:14px}.card-title h3{font-size:20px}.description{min-height:65px}}@media(max-width:720px){header{height:83px;padding:0 24px}.brand{font-size:18px}.nav-note{display:none}nav{gap:20px;font-size:12px}.hero,.games-section,footer{margin-left:24px;margin-right:24px}.hero{margin-top:12px;padding:35px 28px;grid-template-columns:1fr;min-height:0}.hero p{max-width:100%}h1{font-size:44px;letter-spacing:-2px}.art{display:none}.games-section{margin-top:32px}.section-head .small{display:none}.cards{grid-template-columns:1fr;gap:18px}.card{display:grid;grid-template-columns:42% 58%;padding:8px}.preview{height:100%;min-height:250px}.card-content{padding:20px 14px}.card-title{flex-wrap:wrap}.description{min-height:0}.difficulty-label{margin-top:16px}.game-label{font-size:8px;left:10px}.mini-grid,.letter-board{transform:scale(.9) rotate(-5deg)}.card-title h3{font-size:23px}.bottom-note{font-size:11px;margin:27px 0 32px}footer{align-items:flex-start;gap:15px}.footer-right{gap:12px}footer .tagline{display:none}}@media(max-width:420px){header{padding:0 18px}.brand{font-size:16px}.hero,.games-section,footer{margin-left:18px;margin-right:18px}h1{font-size:39px}.hero{padding:30px 24px}.card{grid-template-columns:36% 64%}.mini-grid,.letter-board{transform:scale(.72) rotate(-5deg)}.preview{min-height:258px}.game-label{font-size:7px;letter-spacing:1px}.card-content{padding:17px 11px}.card-title h3{font-size:21px}.duration{font-size:9px}nav{gap:16px}.brandmark{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.portfolio-grid{width:130px;height:130px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:5px;border-radius:10px;background:#ffffffbb;box-shadow:0 9px 20px #273b2712;transform:rotate(-5deg);z-index:1}.portfolio-grid b{display:grid;place-items:center;border-radius:3px;background:#ffffffc9;font-size:13px;color:#48644d;font-weight:600}.purple .portfolio-grid b{color:#79558e}.peach .portfolio-grid b{color:#a66745}.nonograms b{font-size:24px;line-height:1}.bridges b{background:transparent;font-size:17px}.tents b{font-size:21px}.loop{gap:1px;background:#beafcd}.minesweeper b:nth-child(3n){background:#f1d0ba}.word-search b:nth-child(-n+5){background:#ccb5df;color:#fff}.number-trail b:nth-child(-n+2){background:#a9c399;color:#fff}@media(max-width:720px){.portfolio-grid{transform:scale(.9) rotate(-5deg)}}@media(max-width:420px){.portfolio-grid{transform:scale(.72) rotate(-5deg)}}
.sudoku-main{max-width:1176px;margin:25px auto 55px}.breadcrumb{font-size:12px;color:#7b897e;display:flex;gap:10px;margin-bottom:30px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.page-heading h1{font-size:42px;margin:10px 0 12px;letter-spacing:-1.8px}.page-heading p{font-size:14px;color:#718079;margin:0;line-height:1.7}.level-nav{display:flex;gap:5px;padding:5px;background:#e9eee2;border-radius:12px;flex-shrink:0}.level-nav a,.level-nav span{font-size:13px;padding:12px 24px;border-radius:8px;font-weight:600}.level-nav span[aria-current=page]{background:#183e35;color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:25px}.board-panel{background:#fff;border:1px solid #e1e6dd;border-radius:24px;padding:28px 36px 32px}.board-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:26px}.board-top span{font-size:11px;font-weight:600;color:#839080}.preview-badge{display:inline-flex;gap:7px;align-items:center;padding:7px 11px;background:#f1f4eb;border-radius:7px;font-size:10px!important;letter-spacing:.8px;color:#607457!important}.preview-badge i{width:5px;height:5px;border-radius:50%;background:#8ca37b}.board{width:min(100%,430px);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:repeat(9,1fr);border:2px solid #45644f;border-radius:6px;overflow:hidden;background:#cad4c8}.cell{display:grid;place-items:center;background:#fbfcf8;border-right:1px solid #e1e6dc;border-bottom:1px solid #e1e6dc;font:500 clamp(16px,2vw,23px) Manrope,Arial;color:#34523c}.cell:nth-child(3n){border-right:2px solid #738a72}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #738a72}.cell:nth-child(n+73){border-bottom:0}.cell.tinted{background:#f0f5e9}.board-caption{text-align:center;font-size:12px;color:#8a9685;line-height:1.7;margin:23px 0 0}.side{display:flex;flex-direction:column;gap:20px}.intro-panel{background:#e9eee2;border-radius:22px;padding:29px}.intro-panel .eyebrow{font-size:9px;letter-spacing:1.6px}.intro-panel h2{font:800 25px Manrope,Arial;letter-spacing:-.8px;line-height:1.3;margin:17px 0 12px}.intro-panel p{font-size:13px;color:#6f806c;line-height:1.8;margin:0}.coming{margin-top:22px;padding:13px 15px;background:#f7f9f1;border:1px solid #d8e2cd;border-radius:10px;font-size:11px;font-weight:600;color:#738569;display:flex;gap:9px;align-items:center}.rules-panel{background:#fff;border:1px solid #e1e6dd;border-radius:22px;padding:25px 28px}.rules-panel h2{font:700 17px Manrope,Arial;margin:0 0 20px;letter-spacing:-.4px}.rule{display:flex;align-items:flex-start;gap:13px;margin-bottom:19px}.rule:last-child{margin-bottom:0}.rule-number{width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;background:#f0f4e9;border-radius:7px;font-size:11px;font-weight:700}.rule p{font-size:12px;line-height:1.7;color:#7b8878;margin:1px 0}.rule strong{color:#4b644e;font-weight:600}.under-board{display:flex;gap:9px;justify-content:center;margin:24px 0 0;flex-wrap:wrap}.key{border:1px solid #e3e7df;border-radius:7px;padding:7px 10px;color:#a0a99b;background:#fafbf7;font-size:12px}.tools-note{text-align:center;font-size:10px;color:#9aa393;margin:12px 0 0}.more-puzzles{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e6dd;margin-top:30px;padding-top:25px;font-size:12px;gap:20px}.more-puzzles p{margin:0;color:#81907d}.more-puzzles a{font-weight:700;white-space:nowrap}.level-note{font-size:10px;color:#879480;text-align:center;margin-top:20px;line-height:1.6}@media(max-width:1259px){.sudoku-main{margin-left:42px;margin-right:42px}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.board-panel{padding:25px}.page-heading{align-items:flex-start;flex-direction:column}.board{max-width:440px}.cell{font-size:23px}}@media(max-width:600px){.sudoku-main{margin-left:24px;margin-right:24px;margin-top:16px}.breadcrumb{margin-bottom:24px}.page-heading h1{font-size:36px}.level-nav{width:100%}.level-nav a,.level-nav span{flex:1;text-align:center;padding:12px 8px}.side{display:flex}.board-panel{padding:20px 17px 25px}.board-top{margin-bottom:20px}.cell{font-size:20px}.under-board{gap:5px}.key{padding:7px 9px}.more-puzzles{align-items:flex-start}.more-puzzles p{max-width:190px}.intro-panel{padding:25px}}