:root{--navy:#112e53;--blue:#1469db;--sky:#eaf7ff;--yellow:#ffe16b;--body:#36516c;--ink:#112e53;scroll-padding-top:24px}.landing{background:#f6fbff;color:var(--navy);font:600 17px/1.6 Nunito,Arial,sans-serif}.landing h1,.landing h2,.landing h3,.landing .download{font-family:Nunito,Arial,sans-serif;font-weight:900;letter-spacing:-.045em}.landing main{width:100%;max-width:none}.landing button{color:inherit}.landing [hidden]{display:none!important}.mast{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 28px;gap:24px}.brand{width:188px;height:auto;display:block}.mast nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:800}.mast a{text-decoration:none}.nav-download{background:var(--navy);color:white;padding:11px 21px;border-radius:10px}.opening{padding:55px 28px 64px;max-width:1240px;margin:auto;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:64px}.landing:has(.opening){background:radial-gradient(ellipse at 90% 8%,#b8e9ff 0,transparent 32%),linear-gradient(180deg,#f1faff 0,#e4f5ff 850px,#f6fbff 1150px)}.kicker{font-size:12px;font-weight:900;letter-spacing:.14em;margin-bottom:22px;color:#246391}.pitch h1{font-size:clamp(42px,4.65vw,66px);line-height:1.045;letter-spacing:-.055em}.pitch h1 em{font-style:normal;color:var(--blue)}.lead{font-size:19px;line-height:1.6;color:var(--body);margin:25px 0}.download-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.download{display:inline-flex;flex-direction:column;justify-content:center;background:var(--navy);color:#fff;padding:16px 27px;border-radius:13px;box-shadow:0 5px 0 #071c35,0 12px 25px #18477618;text-decoration:none;font-size:19px;line-height:1.25;letter-spacing:-.02em!important;text-align:center;min-height:65px}.download span{font-size:12px;font-weight:600;letter-spacing:.01em;margin-top:5px;color:#c9dff5}.download:hover{background:#1857a5;transform:translateY(-2px)}.try-link{font-size:14px;font-weight:900}.fine{font-size:12px;color:#47627e;margin-top:15px}.rating{display:block;width:fit-content;text-decoration:none;font-size:14px;margin-top:28px;color:#385574}.rating>span{color:#ab6800;letter-spacing:2px;margin-right:9px}.rating small{display:block;font-size:12px;margin-top:2px;color:#536e86}.playground{background:#fff9;border:1px solid #fff;border-radius:28px;padding:26px;box-shadow:0 22px 70px #245e9920,0 2px 3px #22496e12;position:relative;scroll-margin-top:20px}.board-caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;font-weight:900;color:#467797;margin-bottom:10px}.playground h2{font-size:27px;letter-spacing:-.04em}.playground>p{font-size:14px;margin-top:7px;color:#48657e}.landing .demo-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;background:#2c6fb0;border:1px solid #12538f;padding:12px;border-radius:19px;box-shadow:inset 0 3px 10px #0a3b6d50;margin-top:22px;touch-action:none;user-select:none}.landing .tile{border-radius:11px;border:1px solid #fff;aspect-ratio:1;font-family:Nunito,sans-serif;font-size:clamp(25px,3.5vw,43px);font-weight:900;background:linear-gradient(#fff,#e6f2ff);color:#173c68;box-shadow:0 4px 0 #abc9e5;line-height:1;padding:0;transition:background .1s,transform .1s}.landing .tile[aria-pressed=true]{background:#ffe16b;color:#183650;box-shadow:0 4px 0 #c99426;transform:translateY(-2px);border-color:#fff2b3}.landing .demo-feedback{min-height:38px;text-align:center;margin:14px 0 4px;font-weight:900;font-size:16px;color:#154e81;background:none;padding:0}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px}.board-tools>span{font-weight:900;color:#306594}.board-tools button{border:0;background:transparent;text-decoration:underline;font-size:12px;padding:5px}.playground .keyboard-note{font-size:11px;margin:8px 0;color:#526b82}.board-foot{border-top:1px solid #c6dce9;padding-top:12px;margin-top:12px;font-size:12px;text-align:center;color:#52718e}.demo-convert{padding:15px;background:#e0f0ff;border-radius:10px;font-size:14px;margin-top:12px}.demo-convert a{display:block;margin-top:5px}.ribbon{max-width:1184px;margin:auto;border-top:1px solid #a9cce3;border-bottom:1px solid #a9cce3;display:flex;justify-content:space-around;gap:25px;padding:25px 20px;font-size:14px;color:#44637e}.ribbon b{color:#143a62}.section{max-width:1184px;margin:auto;padding:92px 0}.section-top{margin-bottom:36px}.section-top h2,.inside h2,.review-heading h2,.faq h2{font-size:46px;line-height:1.07;margin-bottom:20px}.section-top>p:last-child{color:var(--body);font-size:18px}.mode-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.feature-live{background:#12365f;color:#fff;border-radius:23px;padding:40px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.mode-label{font-size:12px;letter-spacing:.13em;font-weight:900;color:#3c6d94}.feature-live .mode-label{color:#9ed9ff}.landing .feature-live h3{font-size:43px;color:white;line-height:1.07;margin:24px 0 20px}.feature-live p{color:#c7deef;max-width:405px}.bonus{display:flex;align-items:center;gap:18px;margin:32px 0;font-size:13px;color:#bdd7eb}.bonus>b{font-size:55px;font-weight:900;color:var(--yellow);letter-spacing:-.06em;line-height:1}.bonus strong{color:white}.feature-live>a{color:var(--yellow);font-weight:900;font-size:15px;margin-top:auto}.side-modes{display:grid;gap:22px}.side-modes article{background:#e7f2fc;border:1px solid #d4e5f3;border-radius:23px;padding:30px 35px}.side-modes article:last-child{background:#fff3ce;border-color:#f1e4b7}.side-modes h3{font-size:29px;line-height:1.12;margin:16px 0 12px}.side-modes p{color:var(--body);font-size:16px}.inside{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid #d2e5f1}.inside-copy>p:not(.kicker){color:var(--body);font-size:18px}.inside ul{list-style:none;padding:0;margin:22px 0}.inside li{padding:10px 0;border-bottom:1px solid #d5e5ef;font-size:15px}.pals{display:flex;align-items:center;gap:10px;margin-top:26px}.pals img{border-radius:50%;border:3px solid white;box-shadow:0 2px 9px #173e6420}.pals span{font-size:14px;line-height:1.4;margin-left:8px}.screen-pair{display:flex;gap:18px;align-items:center}.screen-pair img{width:calc(50% - 9px);height:auto;display:block;border-radius:22px;box-shadow:0 20px 35px #14375b22;border:5px solid white}.screen-pair img:last-child{margin-top:80px}.reviews{border-top:1px solid #d2e5f1;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.review-heading h2{font-size:37px}.review-heading>a{font-size:14px}.review-stage{background:white;border:1px solid #d9e7ef;border-radius:23px;padding:34px}.stars{letter-spacing:4px;color:#ab6800}.review-slides{min-height:200px}.review-slide blockquote{font-size:28px;font-weight:900;line-height:1.25;letter-spacing:-.03em;margin:22px 0}.review-slide figcaption{font-size:14px;font-weight:900}.review-slide figcaption span{display:block;font-size:12px;font-weight:600;color:#597088}.review-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:13px;margin-top:20px}.review-controls button{width:44px;height:44px;border:1px solid #cee0ed;border-radius:50%;background:#f0f8ff;font-size:20px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #d2e5f1;padding-top:65px}.faq h2{font-size:34px}.faq details{border-bottom:1px solid #cddfeb;padding:18px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-weight:900;font-size:17px}.faq details p{font-size:15px;margin-top:13px;color:var(--body)}.last-call{background:#cceaff;text-align:center;padding:74px 24px 80px;border-top:1px solid #b6d9ef}.last-call h2{font-size:60px;line-height:1.05;margin-bottom:30px}.web-option{display:block;margin:24px auto 0;width:fit-content;font-size:14px}.landing-footer{max-width:1184px;width:calc(100% - 56px);margin:auto;padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.landing-footer .brand{width:145px}.landing-footer nav{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.landing-footer small{font-size:12px}.landing-footer button{background:none;border:0;text-decoration:underline;font-size:12px;padding:0}.mobile-download{display:none}.consent{position:fixed;bottom:20px;left:20px;z-index:100;background:white;box-shadow:0 6px 40px #102f5340;border:1px solid #c6daea;border-radius:14px;max-width:390px;padding:20px;font-size:14px}.consent>div{display:flex;gap:12px;margin-top:14px}.consent button{background:#12365f;color:white;border:0;border-radius:7px;padding:9px 13px;font-size:13px}.consent button:last-child{background:#e8f1f8;color:#173d60}.landing a:focus-visible,.landing button:focus-visible,.landing summary:focus-visible{outline:3px solid #c98000;outline-offset:4px}
@media(min-width:800px){.opening{min-height:720px}}
@media(max-width:1240px){.section,.ribbon{margin-left:28px;margin-right:28px}.opening{gap:40px}.mast nav{gap:20px}}
@media(max-width:900px){.mast nav>a:not(.nav-download){display:none}.opening{gap:28px}.pitch h1{font-size:44px}.lead{font-size:17px}.playground{padding:20px}.playground h2{font-size:24px}.inside{gap:40px}.section{padding:65px 0}.ribbon{font-size:12px}.section-top h2,.inside h2{font-size:38px}.review-heading h2{font-size:32px}.reviews{gap:30px}.feature-live{padding:30px}.side-modes article{padding:25px}}
@media(max-width:680px){.mast{padding:20px}.brand{width:165px}.nav-download{padding:10px 15px;font-size:13px}.opening{grid-template-columns:1fr;padding:26px 20px 32px;gap:32px}.pitch h1{font-size:clamp(38px,9.5vw,58px)}.kicker{font-size:10px;letter-spacing:.1em;margin-bottom:18px}.lead{font-size:17px;margin:22px 0}.download-row{gap:18px}.download{padding:15px 22px;font-size:18px}.try-link{font-size:13px}.rating{margin-top:24px}.playground{width:100%;max-width:460px;justify-self:center;padding:21px;border-radius:23px}.playground h2{font-size:27px}.landing .tile{font-size:36px}.landing .demo-board{gap:9px}.section,.ribbon{margin-left:20px;margin-right:20px}.ribbon{display:grid;grid-template-columns:1fr;gap:9px;padding:22px 10px;text-align:center;font-size:14px}.section{padding:52px 0}.section-top h2,.inside h2{font-size:37px}.section-top>p:last-child{font-size:16px}.mode-layout,.inside,.reviews,.faq{grid-template-columns:1fr;gap:24px}.feature-live{padding:28px}.landing .feature-live h3{font-size:38px}.side-modes article{padding:27px}.screen-pair{max-width:440px;margin:auto;gap:14px}.screen-pair img{width:calc(50% - 7px);border-radius:17px;border-width:3px}.screen-pair img:last-child{margin-top:48px}.review-heading h2{font-size:34px}.review-stage{padding:28px}.review-slides{min-height:190px}.faq h2{font-size:30px}.last-call{padding:55px 20px}.last-call h2{font-size:45px}.landing-footer{width:calc(100% - 40px);padding:30px 0 115px}.landing-footer nav{width:100%;gap:16px}.mobile-download.visible{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#f7fbfff2;backdrop-filter:blur(12px);border-top:1px solid #c5deef;z-index:50}.mobile-download .download{display:flex;padding:10px;min-height:52px;font-size:16px;box-shadow:none}.mobile-download .download span{font-size:11px;margin-top:3px}.consent{left:12px;right:12px;bottom:100px;max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Revision 2: browser-first, vivid sky, playable challenge. */
.landing:has(.opening){background:radial-gradient(ellipse at 82% 10%,#d9f9ff 0,transparent 36%),linear-gradient(155deg,#69c8ff 0,#bceaff 700px,#f6fbff 1150px)}
.mast{padding-top:22px;padding-bottom:18px}.mast .brand{width:216px}.mast .nav-download{background:#fff;color:#113662;box-shadow:0 3px 0 #14599920}
.opening{padding-top:45px;padding-bottom:62px;gap:62px;grid-template-columns:1.13fr 1fr;min-height:660px}.pitch .kicker{display:inline-block;background:#123c68;color:#fff;padding:7px 12px;border-radius:5px;letter-spacing:.09em;font-size:11px;transform:rotate(-2deg);margin-bottom:28px}.pitch h1{font-size:clamp(55px,6vw,82px);font-weight:1000;line-height:.98;letter-spacing:-.055em;color:#103c6e}.pitch h1 em{color:#fff;text-shadow:0 5px 0 #2773b2,0 8px 0 #2773b215}.pitch .lead{font-size:19px;max-width:490px;margin:28px 0;color:#174e78;font-weight:800}.download-row{gap:13px;align-items:stretch}.download{background:#fff;color:#183e6b;border:2px solid #fff;font-size:17px;padding:15px 18px;box-shadow:0 4px 0 #5381a655}.download span{color:#365b80;font-size:11px}.download:hover{background:#edf8ff;color:#173e68}.web-download{background:#ffe05b;border-color:#fff193;color:#133b60;box-shadow:0 5px 0 #d09c25,0 12px 20px #3671a21c}.web-download:hover{background:#ffea80;color:#12385c}.web-download span{color:#3c5270}.fine{color:#244f72;line-height:1.6;font-size:12px;margin-top:20px}.hero-energy{display:flex;align-items:center;gap:16px;margin-top:32px}.rival-faces{display:flex}.rival-faces img{width:65px;height:65px;border:3px solid #fff;border-radius:20px;background:white;transform:rotate(-8deg);box-shadow:0 5px 0 #155b9325}.rival-faces img+img{margin-left:-8px;transform:rotate(9deg)}.hero-energy p{font-size:16px;line-height:1.35;color:#205d86}.hero-energy strong{color:#133b60}.vs-stamp{font-size:36px;font-weight:1000;font-style:italic;letter-spacing:-.08em;color:#fff;transform:rotate(-12deg);text-shadow:0 3px 0 #256cad;margin-left:12px}.playground{background:#1767ac;border:2px solid #69b5e9;box-shadow:0 12px 0 #115087,0 32px 45px #10487940;padding:24px;border-radius:28px;transform:rotate(2deg)}.board-caption{color:#c4e9ff;align-items:center;letter-spacing:.08em}.timer{font-size:23px;color:#ffeb7c;font-weight:1000;background:#0e4880;border:1px solid #4189bf;border-radius:10px;padding:4px 13px;min-width:82px;text-align:center;letter-spacing:0}.timer.urgent{color:#fff;background:#ae294e}.playground h2{color:white;font-size:31px;letter-spacing:-.04em}.playground>p{color:#d7efff}.start-challenge{display:block;width:100%;border:0;border-radius:10px;background:#ffe05b;color:#133b60!important;font-weight:1000;padding:10px;margin-top:14px;box-shadow:0 3px 0 #ca9719;min-height:44px}.start-challenge:disabled{opacity:1;background:#0f518b;color:#c7e8ff!important;box-shadow:none;cursor:default}.landing .demo-board{background:#0c497f;border:0;margin-top:18px;padding:10px;gap:9px;border-radius:16px}.landing .tile{background:linear-gradient(#fff,#e5f6ff);border-radius:10px;box-shadow:0 4px 0 #8fc4e6;color:#164b79}.landing .tile[aria-pressed=true]{background:#ffdd52}.landing .demo-feedback{color:#fff3a2;font-size:16px;min-height:30px}.board-tools{color:#e6f4ff}.board-tools>span{color:#fff}.board-tools button{color:#d6edff;font-size:13px}.playground .keyboard-note{color:#cce5f9;font-size:11px}.board-foot{color:#c3e2f8;border-color:#478dc2;font-size:11px}.demo-convert{background:#fff2b2;color:#153d62;border:2px solid #ffe16b}.demo-convert a{color:#153d62}.demo-convert a+a{font-size:12px}.ribbon{border:0;border-radius:14px;background:#ffffff90;color:#245476;font-size:14px;box-shadow:0 2px 0 #fff}.ribbon b{color:#154b7c}.feature-live{background:linear-gradient(125deg,#0b599b,#122f5a);border:0;box-shadow:0 6px 0 #092647}.side-modes article{background:#cfedff}.side-modes article:last-child{background:#ffedab}.last-call{background:#155fa6;color:white}.last-call h2,.last-call .kicker{color:white}.final-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.platform-note{color:#daefff;font-size:14px;margin-top:25px}.reviews{padding-top:65px}.review-stage{border:0;box-shadow:0 6px 0 #dbeaf4;background:#fff}.mobile-download.visible{display:flex;gap:10px;align-items:stretch}.mobile-download .download{flex:1;font-size:13px;min-width:0;padding:9px 7px;line-height:1.3}.mobile-download .download span{font-size:10px}.landing .download:focus-visible{outline-color:#123c68}
@media(max-width:1000px){.opening{gap:30px}.pitch h1{font-size:64px}.download-row .download{padding:14px;font-size:16px}.playground{transform:none}.opening{grid-template-columns:1fr 1fr}.hero-energy{margin-top:28px}}
@media(max-width:680px){.mast{padding:18px 20px}.mast .brand{width:176px}.opening{grid-template-columns:1fr;gap:33px;padding-top:20px;min-height:0}.pitch .kicker{font-size:10px;margin-bottom:23px}.pitch h1{font-size:clamp(52px,13.5vw,78px);line-height:1.02}.pitch .lead{font-size:17px;margin:22px 0}.download-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.download-row .download{font-size:14px;padding:13px 9px}.download-row .download span{font-size:10px;line-height:1.4}.fine{font-size:11px;margin-top:16px}.hero-energy{margin-top:22px;gap:14px}.rival-faces img{width:49px;height:49px;border-radius:15px}.hero-energy p{font-size:14px}.vs-stamp{font-size:29px}.playground{padding:20px;max-width:420px;border-radius:22px}.playground h2{font-size:29px}.ribbon{margin-top:12px;gap:8px;font-size:13px}.final-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.final-buttons .download{font-size:14px;padding:14px 8px}.last-call h2{font-size:42px}.platform-note{font-size:13px}.mobile-download .download{min-height:52px}.landing-footer{padding-bottom:120px}}
@media(prefers-reduced-motion:no-preference){.hero-energy .vs-stamp{animation:rival-bob 3s ease-in-out infinite}@keyframes rival-bob{50%{transform:rotate(-5deg) translateY(-5px)}}}
/* Revision 3: show the game in the first screen. */
.mast{padding:18px 28px;max-width:1080px}.mast .brand{width:174px}.opening{max-width:1080px;grid-template-columns:1fr 1fr;gap:22px 65px;padding:28px 28px 52px;min-height:0}.pitch{grid-column:1;grid-row:1;align-self:end}.pitch h1{font-size:57px;line-height:1.03;letter-spacing:-.05em;text-transform:none}.pitch h1 em{color:#124d84;text-shadow:none}.playground{grid-column:2;grid-row:1 / span 2;transform:none;width:100%;max-width:360px;justify-self:center;padding:17px;border-radius:22px;box-shadow:0 7px 0 #115087,0 20px 32px #10487925}.opening>.download-row{grid-column:1;grid-row:2;align-self:start;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:400px}.landing .demo-board{margin-top:9px;padding:9px;gap:7px}.landing .tile{font-size:34px;border-radius:8px}.board-caption{margin-bottom:5px;font-size:10px}.timer{font-size:20px;padding:2px 10px;min-width:70px}.landing .demo-feedback{font-size:14px;margin:12px 0 2px;min-height:25px}.board-tools{font-size:11px}.board-tools button{font-size:11px;padding:3px}.demo-convert{font-size:13px;padding:10px}.quick-modes{padding-top:42px;padding-bottom:44px}.quick-modes h2{font-size:32px;line-height:1.1;margin-bottom:22px;text-align:center}.quick-modes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick-modes article{border-top:3px solid #378cc4;padding:17px 0}.quick-modes h3{font-size:23px}.quick-modes p{font-size:15px;color:#345d7d;margin-top:8px}.reviews{padding-top:42px;padding-bottom:42px}.review-heading h2{font-size:34px}.review-stage{padding:25px}.review-slides{min-height:150px}.review-slide blockquote{font-size:25px}.faq{padding-top:40px;padding-bottom:40px}.last-call{padding:42px 20px}.last-call h2{font-size:42px;margin-bottom:24px}.show-hint .tile:nth-child(-n+4){background:#ffe16b;box-shadow:0 4px 0 #c99426;color:#143e61}
@media(max-width:680px){.mast{padding:13px 18px 5px;justify-content:center}.mast .brand{width:156px}.mast nav{display:none}.opening{display:flex;flex-direction:column;padding:12px 18px 28px;gap:16px}.pitch{align-self:center;text-align:center}.pitch h1{font-size:clamp(31px,8.6vw,38px);line-height:1.05;letter-spacing:-.045em}.playground{max-width:282px;padding:12px;border-radius:18px;box-shadow:0 5px 0 #115087,0 12px 22px #10487920}.landing .demo-board{padding:7px;gap:6px;margin-top:7px;border-radius:12px}.landing .tile{font-size:27px;box-shadow:0 3px 0 #8fc4e6;border-radius:7px}.timer{font-size:17px;min-width:59px;padding:1px 8px}.board-caption{font-size:9px}.landing .demo-feedback{font-size:12px;margin:9px 0 0;min-height:21px}.board-tools{font-size:10px;gap:6px}.board-tools button{font-size:10px;padding:3px}.opening>.download-row{max-width:320px;width:100%;align-self:center;gap:12px;margin-top:2px}.opening .download{font-size:16px;padding:10px 12px;min-height:54px;border-radius:11px}.opening .download span{font-size:10px;margin-top:3px}.quick-modes{padding:25px 0}.quick-modes h2{font-size:27px;margin-bottom:13px}.quick-modes>div{gap:12px;grid-template-columns:1fr}.quick-modes article{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-top:1px solid #9dc8e5}.quick-modes h3{font-size:18px;white-space:nowrap;letter-spacing:-.025em}.quick-modes p{font-size:12px;margin:0;text-align:right}.reviews{gap:15px;padding:28px 0}.review-heading h2{font-size:28px;margin-bottom:12px}.review-heading .kicker{margin-bottom:10px}.review-slides{min-height:125px}.review-controls{margin-top:8px}.faq h2{font-size:26px}.faq{gap:15px}.last-call h2{font-size:35px}}
/* Revision 4: sculpted game surface, App Store first, compact menu. */
.mast{position:relative;justify-content:space-between;z-index:60}.menu-toggle{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#ffffffb8;border:1px solid #fff;border-radius:50%;box-shadow:0 4px 12px #19578216;padding:10px}.menu-toggle span{display:block;width:18px;height:2px;background:#164777;border-radius:2px;transition:transform .18s,opacity .18s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.mast .site-menu{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:3px;right:28px;top:calc(100% - 4px);min-width:255px;max-width:calc(100vw - 36px);padding:12px;background:#f6fcff;border:1px solid #fff;border-radius:20px;box-shadow:0 16px 45px #123d6b33;z-index:100}.site-menu a,.site-menu button{text-decoration:none;font:800 14px/1.5 Nunito,sans-serif;padding:11px 14px;border-radius:10px;text-align:left;color:#163f6b;border:0;background:transparent}.site-menu a:hover,.site-menu button:hover{background:#dcefff}.site-menu .menu-app{background:#ffdf65;color:#193b60}.playground{background:linear-gradient(145deg,#368bcc 0%,#1c69ae 45%,#14558f 100%);border:1px solid #9edaff;border-radius:30px;box-shadow:inset 0 2px 1px #c8efff80,inset 0 -3px 4px #07366d55,0 6px 0 #104d83,0 17px 30px #104b8230}.landing .demo-board{background:linear-gradient(145deg,#0f518c,#1d66a0);border:1px solid #125086;border-radius:21px;box-shadow:inset 0 3px 7px #082f6255,0 1px 0 #76b4e875;gap:9px;padding:10px}.landing .tile{border-radius:14px;background:linear-gradient(150deg,#fff 15%,#f0faff 58%,#c9e7fa);border:1px solid #fff;box-shadow:inset 0 2px 1px #fff, inset 0 -2px 2px #aacde45c,0 4px 0 #83b4d9,0 6px 7px #08346640;color:#1a4b73;text-shadow:0 1px 0 white}.show-hint .tile:nth-child(-n+4),.landing .tile[aria-pressed=true]{background:linear-gradient(150deg,#fff2a0,#ffe06b 60%,#ffc748);border-color:#fff0a1;box-shadow:inset 0 2px 1px #fff7cf,0 4px 0 #c79735,0 5px 12px #ffd94c35;color:#173d64;text-shadow:none}.timer{background:#104c82;border:1px solid #5599c6;border-radius:20px;box-shadow:inset 0 2px 4px #092f5e40}.download.app-download{background:linear-gradient(145deg,#fff09c,#ffda54 60%,#ffc438);border:1px solid #fff2af;color:#183e60;border-radius:22px;box-shadow:inset 0 2px 1px #fff5c9,0 5px 0 #c89d32,0 10px 20px #597c9520}.download.app-download span{color:#39516b}.download.app-download:hover{background:linear-gradient(145deg,#fff4b5,#ffe579);transform:translateY(-2px)}.download.web-download{background:#f3fbffb0;border:1px solid #ffffffc9;color:#295b80;border-radius:22px;box-shadow:0 2px 0 #598db329;font-weight:800}.download.web-download span{color:#4b718c}.download.web-download:hover{background:#fff;color:#204f75}.opening .download{border-radius:21px}.mobile-download .download{border-radius:17px}.mobile-download .app-download{flex:1.2;box-shadow:0 2px 0 #c89d32}.mobile-download .web-download{flex:1}.board-tools button{border-radius:12px;padding:3px 7px;background:#ffffff10;text-decoration:none}.board-tools button:hover{background:#ffffff25}
@media(max-width:680px){.mast{padding:10px 18px 4px;justify-content:space-between}.mast .site-menu{right:18px;display:flex}.mast .brand{width:156px}.opening{padding-top:9px;gap:15px}.playground{border-radius:24px;padding:12px}.landing .demo-board{border-radius:17px;padding:8px;gap:7px}.landing .tile{border-radius:11px;box-shadow:inset 0 1px 1px white,0 3px 0 #83b4d9,0 4px 5px #08346635}.show-hint .tile:nth-child(-n+4),.landing .tile[aria-pressed=true]{box-shadow:inset 0 1px 1px #fff7cf,0 3px 0 #c79735}.opening>.download-row{grid-template-columns:1.1fr 1fr;gap:12px}.opening .download{font-size:15px;padding:11px 9px;border-radius:19px}.opening .download span{font-size:10px}.menu-toggle{width:40px;height:40px}.landing .demo-feedback{margin-top:10px}}
/* Refresh 05: restore the original game's depth and visual personality. */
.landing:has(.opening){background:radial-gradient(ellipse at 12% 1%,#eafcff 0,transparent 40%),linear-gradient(155deg,#a6deff 0,#d7f3ff 650px,#f4fbff 1450px)}
.pitch h1{font-family:Fredoka,Nunito,sans-serif;font-weight:600;letter-spacing:-.025em;color:#1e568a;font-size:57px;line-height:1.03}.pitch h1 em{color:#126fb3}.hero-explainer{font-size:18px;line-height:1.5;color:#345f7f;margin-top:18px;max-width:390px}.opening{padding-bottom:44px}.landing .how-section,.landing .modes-section,.landing .your-style{max-width:1184px;margin:0 auto;padding:58px 0}.landing .section-heading{margin-bottom:30px}.landing .section-heading h2,.landing .your-style h2{font-family:Fredoka,Nunito,sans-serif;font-size:43px;line-height:1.08;letter-spacing:-.025em;font-weight:500;color:#1c578e}.landing .eyebrow{font-size:12px;letter-spacing:.1em;color:#4c7291}.landing .how-section{border-top:1px solid #b6d8ed}.landing .steps h3{font-family:Fredoka,Nunito,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.02em}.landing .steps p{font-size:16px;color:#3e6584;line-height:1.6}.landing .step-number{background:#fff4c2;border:1px solid #ffe494;color:#83601f;border-radius:16px;box-shadow:0 3px 0 #f0d07b55}.landing .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.landing .mode-card{border-radius:26px;padding:30px;background:linear-gradient(145deg,#fff,#eaf7ff);border:1px solid #fff;box-shadow:0 5px 0 #b9dced65,0 12px 28px #1a5c8810;display:flex;flex-direction:column}.landing .mode-card:nth-child(2){background:linear-gradient(145deg,#fff5c5,#ffe8a1);border-color:#fff1bb}.landing .mode-card:nth-child(3){background:linear-gradient(145deg,#e4f5ff,#cceaff)}.landing .mode-card:nth-child(4){background:linear-gradient(145deg,#edf0ff,#dce4ff)}.landing .mode-card h3{font-family:Fredoka,Nunito,sans-serif;font-weight:500;font-size:31px;letter-spacing:-.02em}.landing .mode-card p{font-size:16px;color:#365b7b;line-height:1.6}.landing .mode-symbol{background:#ffffffa8;border-radius:17px;box-shadow:0 3px 0 #3f6e9920;font-size:20px;color:#195883;margin-bottom:20px}.landing .mode-note{font-size:13px;font-weight:900;margin-top:22px;color:#285b86}.landing .your-style{border-bottom:1px solid #c6deed;gap:40px}.landing .your-style p{color:#3b6483;font-size:17px}.landing .your-style .style-note{font-size:14px}.landing .style-avatars img{background:white;border:5px solid white;box-shadow:0 7px 0 #bcdcec50,0 10px 28px #1d5f8820}.landing .style-avatars figcaption{font-size:15px;color:#28628a}.last-call{background:linear-gradient(135deg,#175687,#2173b2)}
@media(max-width:1240px){.landing .how-section,.landing .modes-section,.landing .your-style{margin-left:28px;margin-right:28px}}
@media(max-width:680px){.pitch h1{font-size:35px}.hero-explainer{font-size:13px;line-height:1.4;margin:9px auto 0;max-width:270px}.opening{gap:14px;padding-bottom:32px}.landing .how-section,.landing .modes-section,.landing .your-style{margin-left:20px;margin-right:20px;padding:35px 0}.landing .section-heading{margin-bottom:23px}.landing .section-heading h2,.landing .your-style h2{font-size:33px}.landing .eyebrow{font-size:10px;margin-bottom:12px}.landing .steps{gap:22px}.landing .steps article{padding-left:57px}.landing .steps h3{font-size:25px}.landing .steps p{font-size:15px;line-height:1.55}.landing .mode-grid{grid-template-columns:1fr;gap:18px}.landing .mode-card{padding:25px;border-radius:23px}.landing .mode-symbol{margin-bottom:15px}.landing .mode-card h3{font-size:29px}.landing .mode-card p{font-size:15px}.landing .mode-note{margin-top:16px}.landing .your-style{gap:28px}.landing .your-style p{font-size:16px}.landing .style-avatars{gap:10px}.landing .style-avatars img{border-width:3px}.landing .style-avatars figcaption{font-size:13px}}

/* SEO 06: immediate game description and readable rules. */
.game-category{font:900 13px/1.4 Nunito,Arial,sans-serif;letter-spacing:.10em;color:#215f89;margin:0 0 12px}.hero-platforms{font-size:13px;color:#345f7f;margin-top:12px}.rules-link{margin-top:28px;font-weight:800}.rules-page{max-width:840px;margin:20px auto 65px;padding:0 28px}.landing .rules-page h1{font:600 clamp(34px,5vw,54px)/1.1 Fredoka,Nunito,sans-serif;color:#1c578e;letter-spacing:-.025em}.rules-intro{font-size:20px;margin:22px 0}.rules-page section{margin:36px 0}.landing .rules-page h2{font:500 31px/1.15 Fredoka,Nunito,sans-serif;color:#1c578e;margin:0 0 16px}.rules-page h3{font-size:22px;margin:24px 0 8px}.rules-page p{margin-bottom:16px}.guide-nav{display:flex;flex-wrap:wrap;gap:12px 22px;padding:18px 0;border-block:1px solid #b6d8ed}.rules-page .download-row{margin:24px 0}.landing-footer>small{max-width:750px;line-height:1.6}
@media(max-width:680px){.pitch .game-category{font-size:11px;margin-bottom:7px}.pitch h1{font-size:34px}.pitch .hero-explainer{font-size:14px;max-width:330px}.hero-platforms{font-size:11px;margin-top:8px}.rules-page{padding:0 20px}.rules-intro{font-size:18px}}