:root{--vanilla:#f7f0e6;--sand:#ead9c6;--peach:#dca58b;--terra:#b98b76;--sage:#8c9b80;--espresso:#48413b;--muted:#887e73;--paper:#fffaf3;--line:#48413b21}*{box-sizing:border-box}html{background:var(--vanilla);scroll-behavior:smooth;min-height:100%}body{color:var(--espresso);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #9c735e}button:disabled{cursor:not-allowed;opacity:.42}::selection{color:#443b35;background:#e8c5b2}.app-shell{background:radial-gradient(ellipse at 12% 4%,#ffffffe6,transparent 35%),radial-gradient(ellipse at 94% 20%,#dca58b21,transparent 31%),var(--vanilla);min-height:100svh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1120px,100% - 52px);height:78px;margin:0 auto;display:flex}.brand-lockup{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand-mark{color:#fffaf1;background:linear-gradient(145deg,#c78f76,#a96f5c);border-radius:13px;grid-template-columns:1fr 1fr;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:17px;display:grid;transform:rotate(-3deg);box-shadow:0 6px 16px #96675133}.brand-mark i{background:#8c9b80;border-radius:7px;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;display:grid;transform:rotate(8deg)}.brand-text{flex-direction:column;gap:3px;display:flex}.brand-text strong{letter-spacing:-.8px;font-size:16px;font-weight:800}.brand-text small{letter-spacing:1.7px;color:#97877a;font-size:8px;font-weight:800}.topbar-actions{align-items:center;gap:11px;display:flex}.install-mini,.icon-button{cursor:pointer;background:#fffcf7a6;border:1px solid #48413b26}.install-mini{border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:800;display:flex}.install-mini span{color:#a96f5c;font-size:16px;line-height:10px}.icon-button{color:#796e64;border-radius:50%;width:37px;height:37px;font-size:17px}.page{width:min(1000px,100% - 52px);margin:0 auto}.page-home{padding:36px 0 28px}.hero-card{background:linear-gradient(112deg,#fffaf2 0%,#f3e3d4 55%,#e7c9b7 100%);border-radius:27px;grid-template-columns:1.06fr .94fr;min-height:362px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #694d3c17}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 72% 38%,#ffffff73,#0000 28%),radial-gradient(circle at 12% 100%,#ffffff80,#0000 32%);position:absolute;inset:0}.hero-copy{z-index:2;padding:43px 0 50px 48px;position:relative}.eyebrow{color:#998474;letter-spacing:1.7px;align-items:center;gap:8px;margin:0;font-size:9px;font-weight:800;display:inline-flex}.eyebrow-dot{background:#8c9b80;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #8c9b8024}.hero-copy h1,.selection-heading h1,.results-page h1,.simple-page h1{letter-spacing:-4.3px;color:#51463e;margin:17px 0 0;font-size:clamp(47px,6vw,69px);font-weight:800;line-height:.99}.hero-copy h1 em,.selection-heading h1 em,.results-page h1 em,.simple-page h1 em{color:#b27f69;font-style:normal}.hero-copy>p{color:#7d7167;max-width:360px;margin:17px 0 22px;font-size:13px;line-height:1.8}.primary-button{color:#fffaf5;cursor:pointer;background:linear-gradient(110deg,#bf8a72,#a66e5b);border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:32px;min-height:48px;padding:0 18px 0 21px;font-size:12px;font-weight:800;transition:transform .18s,filter .18s;display:inline-flex;box-shadow:0 9px 22px #9d695238}.primary-button:hover{filter:brightness(1.04);transform:translateY(-2px)}.primary-button b{font-size:17px;font-weight:500}.hero-meta{color:#918174;flex-wrap:wrap;gap:15px;margin-top:20px;font-size:9px;font-weight:700;display:flex}.hero-art{isolation:isolate;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.art-orbit{border:1px solid #ae80693b;border-radius:50%;position:absolute;transform:rotate(-20deg)}.orbit-one{width:290px;height:210px}.orbit-two{border-color:#ffffffa6;width:230px;height:165px;transform:rotate(38deg)}.art-tile{color:#765f50;background:linear-gradient(145deg,#fffdf8,#f1e4d6);border-radius:19px;place-items:center;width:76px;height:82px;font-family:Georgia,serif;font-size:38px;font-weight:700;display:grid;position:absolute;box-shadow:0 15px 27px #6a4b3929,inset 0 1px #fff}.art-tile-a{background:linear-gradient(145deg,#fffdf8,#ead8c7);transform:translate(-91px,-41px)rotate(-12deg)}.art-tile-b{background:linear-gradient(145deg,#fcfff7,#dfe7d8);transform:translate(-8px,-62px)rotate(7deg)}.art-tile-c{background:linear-gradient(145deg,#fff8f1,#e8c2af);transform:translate(77px,-16px)rotate(12deg)}.art-tile-d{background:linear-gradient(145deg,#fffdf9,#ead9c6);transform:translate(-5px,45px)rotate(-5deg)}.floating-spark{color:#b9816a;font-size:20px;position:absolute}.spark-one{transform:translate(137px,-89px)}.spark-two{color:#8c9b80;transform:translate(-142px,63px)}.art-caption{text-align:right;color:#987e6e;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:33px;right:37px}.art-caption span{letter-spacing:1.3px;font-size:8px;font-weight:800}.art-caption strong{font-family:Georgia,serif;font-size:13px;font-weight:500}.hero-bottom{z-index:2;color:#9b8475;letter-spacing:1.4px;border-top:1px solid #97715b29;justify-content:space-between;padding:13px 23px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-bottom strong{color:#7b6252}.quick-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0 49px;display:grid}.quick-stats>div{background:#fffcf78f;border:1px solid #48413b17;border-radius:15px;align-items:center;gap:12px;padding:15px 18px;display:flex}.stat-icon{color:#a97862;background:#eee0d2;border-radius:11px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.quick-stats>div:nth-child(2) .stat-icon{color:#7e8e72;background:#e3e9dd}.quick-stats>div:nth-child(3) .stat-icon{color:#9f8b65;background:#efe7d8}.quick-stats>div>span:last-child{flex-direction:column;gap:4px;display:flex}.quick-stats small{letter-spacing:1.2px;color:#a09083;font-size:8px;font-weight:800}.quick-stats strong{letter-spacing:-.5px;font-size:18px}.category-section{padding:0 0 42px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-1px;margin:7px 0 0;font-size:25px}.section-count{color:#a39285;letter-spacing:1.4px;padding-bottom:4px;font-size:8px;font-weight:800}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.category-card{text-align:left;cursor:pointer;background:#fffcf7b3;border:1px solid #48413b17;border-radius:16px;align-items:center;gap:13px;min-height:99px;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.category-card:hover{border-color:#b7846b59;transform:translateY(-3px);box-shadow:0 12px 24px #57433512}.category-emoji{background:#e9eadd;border-radius:13px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:22px;display:grid}.category-card.peach .category-emoji{background:#f3dfd4}.category-card.green .category-emoji{background:#e3e9dc}.category-card.sand .category-emoji{background:#eee4d4}.category-card.blue .category-emoji{background:#e3e9eb}.category-card.lavender .category-emoji{background:#ebe5ed}.category-copy{flex-direction:column;gap:5px;min-width:0;padding-right:12px;display:flex}.category-copy strong{font-size:11px;font-weight:800;line-height:1.3}.category-copy small{color:#9b8c7f;font-size:9px;line-height:1.45}.category-arrow{color:#b18d78;font-size:14px;position:absolute;top:13px;right:14px}.app-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 1px 4px;display:flex}.app-footer>div{align-items:center;gap:9px;display:flex}.footer-mark{color:#fff;background:#8c9b80;border-radius:9px;place-items:center;width:27px;height:27px;font-family:Georgia,serif;display:grid}.app-footer>div>span:last-child{flex-direction:column;gap:2px;display:flex}.app-footer strong{font-size:10px}.app-footer small{color:#998c80;font-size:8px}.app-footer nav{gap:17px;display:flex}.app-footer nav button,.app-footer nav a{color:#8e7c6f;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.selection-page{max-width:680px;min-height:calc(100svh - 78px);padding:25px 0 65px}.back-link{color:#8d7d70;cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:11px;font-weight:800}.selection-heading{text-align:center;padding:43px 0 28px}.selection-emoji{margin-bottom:19px;font-size:35px;display:block}.selection-heading .eyebrow{justify-content:center}.selection-heading h1{margin-top:13px;font-size:55px}.selection-heading p{color:#8e8074;margin:14px 0 0;font-size:12px}.difficulty-list{gap:11px;display:grid}.difficulty-card{text-align:left;cursor:pointer;background:#fffcf7bf;border:1px solid #48413b1a;border-radius:16px;align-items:center;gap:15px;width:100%;min-height:87px;padding:15px 18px;transition:transform .18s,border-color .18s;display:flex}.difficulty-card:hover{border-color:#d2ab95;transform:translateY(-2px)}.difficulty-level{color:#75876b;background:#e3eadf;border-radius:13px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:19px;display:grid}.difficulty-card.medium .difficulty-level{color:#b08462;background:#f2e5d7}.difficulty-card.hard .difficulty-level{color:#ad7867;background:#eedbd4}.difficulty-copy{flex-direction:column;flex:1;gap:5px;display:flex}.difficulty-copy strong{font-size:14px}.difficulty-copy small{color:#95877b;font-size:10px}.difficulty-length{color:#9d8c7f;letter-spacing:.4px;font-size:9px;font-weight:800}.difficulty-arrow{color:#b18a74;font-size:17px}.selection-note{text-align:center;color:#a29285;margin-top:24px;font-size:10px}.game-page{max-width:730px;min-height:calc(100svh - 78px);padding:20px 0 28px}.game-topline{justify-content:space-between;align-items:center;display:flex}.round-label{letter-spacing:1.5px;color:#a68e7d;font-size:8px;font-weight:800}.game-metrics{grid-template-columns:87px 1fr 87px;align-items:center;gap:13px;margin:18px 0;display:grid}.metric-card{background:#fffcf7a6;border:1px solid #48413b1a;border-radius:12px;flex-direction:column;gap:4px;padding:9px 12px;display:flex}.metric-card small,.progress-label span{letter-spacing:1.1px;color:#a09083;font-size:7px;font-weight:800}.metric-card strong{font-size:18px}.streak-card strong{color:#a77d62}.round-progress{padding:0 4px}.progress-label{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.progress-label strong{font-size:11px}.progress-label i{color:#a39285;font-style:normal;font-weight:500}.progress-track{background:#e9dfd3;border-radius:99px;height:6px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#8c9b80,#b4b994);border-radius:99px;height:100%;transition:width .4s;display:block}.puzzle-card{background:#fffcf7d4;border:1px solid #48413b1a;border-radius:23px;padding:24px 34px 22px;box-shadow:0 18px 42px #5d453412}.puzzle-meta{color:#a18d7d;letter-spacing:1.2px;justify-content:space-between;font-size:8px;font-weight:800;display:flex}.puzzle-meta span:first-child{color:#858e79}.puzzle-prompt{text-align:center;padding:21px 0 22px}.prompt-spark{color:#b88670;font-size:22px}.puzzle-prompt h1{letter-spacing:-2.3px;margin:4px 0 0;font-size:39px;line-height:1}.puzzle-prompt h1 em{color:#b27f69;font-style:normal}.puzzle-prompt p{color:#9a8c80;margin:10px 0 0;font-size:10px}.answer-slots{justify-content:center;gap:7px;min-height:57px;margin:0 auto 21px;display:flex}.answer-slot{color:#624e42;cursor:pointer;background:#f5ede3;border:1px dashed #d8c8b9;border-radius:11px;width:clamp(34px,7vw,48px);height:50px;font-family:Georgia,serif;font-size:22px;font-weight:700;transition:transform .16s,background .16s,border .16s}.answer-slot.filled{background:linear-gradient(145deg,#fffaf3,#eddbcc);border:1px solid #d7b59e;animation:.18s slot-pop;box-shadow:0 4px 9px #74533e14}.answer-slot span{background:#dfcdbb;border-radius:9px;width:11px;height:2px;margin:0 auto;display:block}.letter-bank{flex-wrap:wrap;justify-content:center;gap:9px;min-height:59px;display:flex}.letter-tile{color:#645245;cursor:pointer;background:linear-gradient(145deg,#fffdf8,#eee2d5);border:1px solid #5b4b3e1a;border-radius:13px;width:49px;height:51px;font-family:Georgia,serif;font-size:22px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 5px 10px #5e46331a,inset 0 1px #fff}.letter-tile:hover{transform:translateY(-4px)rotate(-2deg);box-shadow:0 9px 14px #5e463321}.feedback-line{text-align:center;color:#8d857b;opacity:0;height:25px;margin-top:10px;font-size:10px;font-weight:800;transition:opacity .15s}.feedback-line.visible{opacity:1}.feedback-line.success{color:#75896a}.feedback-line.error{color:#b16f5e}.feedback-line.hint{color:#a17a5a}.game-controls{justify-content:center;gap:8px;padding-top:9px;display:flex}.secondary-control{color:#807265;cursor:pointer;background:#fbf6ef;border:1px solid #48413b1f;border-radius:10px;align-items:center;gap:6px;min-height:35px;padding:0 12px;font-size:9px;font-weight:800;display:flex}.secondary-control>span{color:#a77b64;font-size:15px}.secondary-control small{color:#ad7a62;font-size:8px}.check-button{color:#fffaf3;cursor:pointer;background:linear-gradient(105deg,#bd8a72,#a66f5c);border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:49px;margin-top:15px;padding:0 19px;font-size:12px;font-weight:800;display:flex;box-shadow:0 9px 18px #9b695229}.check-button span{font-size:18px;font-weight:400}.skip-button{color:#a18f81;cursor:pointer;background:0 0;border:0;margin:11px auto 0;padding:5px 10px;font-size:9px;font-weight:800;display:block}.game-footer{color:#aa9a8d;letter-spacing:1.3px;justify-content:space-between;margin-top:18px;font-size:7px;font-weight:800;display:flex}.shake{animation:.35s shake}.results-page{text-align:center;max-width:610px;min-height:calc(100svh - 78px);padding:55px 0 45px}.result-confetti{color:#b88972;letter-spacing:10px;margin-bottom:22px;font-size:29px;display:block}.results-page h1{margin-top:13px;font-size:61px}.result-intro{color:#938578;margin:13px 0 24px;font-size:11px}.result-score-card{background:linear-gradient(130deg,#fffaf3,#efdfd1);border:1px solid #48413b1a;border-radius:20px;flex-direction:column;align-items:center;padding:23px;display:flex}.result-score-card span{letter-spacing:1.5px;color:#9b8878;font-size:8px;font-weight:800}.result-score-card strong{letter-spacing:-2px;color:#7c6253;margin:5px 0;font-size:53px}.result-score-card small{color:#8c9a7d;font-size:10px;font-weight:800}.result-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 22px;display:grid}.result-grid>div{background:#fffcf7a6;border:1px solid #48413b17;border-radius:13px;flex-direction:column;gap:7px;padding:14px 7px;display:flex}.result-grid small{letter-spacing:.7px;color:#9e8e80;font-size:7px;font-weight:800}.result-grid strong{font-size:18px}.result-grid i{color:#ad9a89;font-size:11px;font-style:normal}.result-actions{justify-content:center;gap:10px;display:flex}.secondary-button{color:#78695e;cursor:pointer;background:#fffcf799;border:1px solid #48413b2b;border-radius:14px;min-height:48px;padding:0 20px;font-size:11px;font-weight:800}.result-brand{color:#a18e80;letter-spacing:1.2px;margin-top:29px;font-size:8px;font-weight:800}.result-brand a{color:#99725f;margin-top:8px;display:block}.simple-page{max-width:650px;min-height:calc(100svh - 78px);padding:25px 0 65px}.simple-page .eyebrow{margin-top:55px;display:flex}.simple-page h1{margin-top:12px;font-size:57px}.simple-page h1 span{color:#b27f69}.settings-card{background:#fffcf7b8;border:1px solid #48413b1a;border-radius:14px;justify-content:space-between;align-items:center;margin-top:11px;padding:18px 17px;display:flex}.settings-card>div{flex-direction:column;gap:5px;display:flex}.settings-card strong{font-size:12px}.settings-card small{color:#9b8c80;font-size:9px}.settings-card>b{font-size:15px}.toggle{cursor:pointer;background:#d6c9bc;border:0;border-radius:20px;width:42px;height:24px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;display:block}.toggle.on{background:#8c9b80}.toggle.on span{transform:translate(18px)}.local-note,.about-copy{color:#8f8277;max-width:520px;font-size:11px;line-height:1.9}.local-note{margin-top:20px}.about-copy{margin:20px 0 23px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#342b2466;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.install-modal{background:#fffaf3;border-radius:22px;width:min(420px,100%);padding:30px;position:relative;box-shadow:0 25px 70px #2d211a33}.modal-close{color:#8d7b6d;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:13px;right:16px}.modal-symbol{color:#75886c;background:#e5eadf;border-radius:15px;place-items:center;width:47px;height:47px;margin-bottom:18px;font-size:25px;display:grid}.install-modal h2{letter-spacing:-1px;margin:9px 0 17px;font-size:24px;line-height:1.15}.install-modal ol{color:#817367;padding-left:20px;font-size:11px;line-height:2.2}.install-modal strong{color:#55483e}.modal-note{color:#9a897b;font-size:9px;line-height:1.6}@keyframes slot-pop{0%{transform:scale(.88)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (max-width:760px){.topbar,.page{width:calc(100% - 32px)}.topbar{height:67px}.page-home{padding-top:18px}.hero-card{grid-template-columns:1fr;min-height:0}.hero-copy{padding:30px 27px 14px}.hero-copy h1{font-size:57px}.hero-copy>p{max-width:310px;font-size:12px}.hero-art{min-height:220px;margin-top:-4px}.art-tile{border-radius:15px;width:59px;height:64px;font-size:31px}.orbit-one{width:235px;height:165px}.orbit-two{width:195px;height:133px}.art-tile-a{transform:translate(-72px,-30px)rotate(-12deg)}.art-tile-b{transform:translate(-5px,-48px)rotate(7deg)}.art-tile-c{transform:translate(65px,-8px)rotate(12deg)}.art-tile-d{transform:translate(-5px,39px)rotate(-5deg)}.art-caption{bottom:21px;right:20px}.hero-bottom{padding:11px 15px;font-size:7px}.quick-stats{gap:7px;margin:12px 0 35px}.quick-stats>div{gap:7px;padding:11px 8px}.stat-icon{border-radius:9px;width:27px;height:27px;font-size:13px}.quick-stats small{letter-spacing:.6px;font-size:6px}.quick-stats strong{font-size:15px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-card{gap:9px;min-height:91px;padding:11px}.category-emoji{flex-basis:36px;width:36px;height:36px;font-size:18px}.category-copy strong{font-size:10px}.category-copy small{font-size:8px}.section-heading h2{font-size:22px}.section-count{font-size:7px}.app-footer{align-items:flex-start;gap:12px}.app-footer nav{text-align:right;flex-direction:column;gap:8px}.selection-page{padding-top:14px}.selection-heading{padding:36px 0 23px}.selection-heading h1{font-size:49px}.difficulty-card{min-height:79px;padding:12px}.game-page{padding-top:11px}.game-metrics{grid-template-columns:69px 1fr 69px;gap:8px;margin:14px 0}.metric-card{padding:8px 9px}.metric-card strong{font-size:16px}.puzzle-card{border-radius:19px;padding:19px 14px 18px}.puzzle-prompt{padding:18px 0 19px}.puzzle-prompt h1{font-size:35px}.answer-slots{gap:5px;margin-bottom:18px}.answer-slot{border-radius:9px;width:clamp(29px,8.2vw,43px);height:45px;font-size:19px}.letter-bank{gap:7px}.letter-tile{border-radius:11px;width:43px;height:46px;font-size:20px}.game-controls{gap:5px}.secondary-control{padding:0 9px;font-size:8px}.results-page{padding-top:38px}.results-page h1{font-size:53px}.result-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.hero-copy h1{font-size:50px}.category-card{gap:7px;padding:9px}.category-emoji{flex-basis:32px;width:32px;height:32px}.category-copy strong{font-size:9px}.letter-tile{width:39px;height:43px}.game-controls{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.install-shell{background:radial-gradient(ellipse at 15% 14%,#fffffff2,transparent 34%),radial-gradient(ellipse at 87% 36%,#dca58b29,transparent 32%),var(--vanilla);min-height:100svh;padding:0 max(26px,50vw - 560px)}.install-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:80px;display:flex}.nav-edition{color:#a18f80;letter-spacing:1.5px;font-size:8px;font-weight:800}.install-hero{grid-template-columns:1fr .9fr;align-items:center;gap:45px;min-height:555px;padding:60px 0 62px;display:grid;position:relative}.install-copy{z-index:2;position:relative}.install-copy h1{color:#51463e;letter-spacing:-5px;margin:20px 0 0;font-size:clamp(55px,7vw,82px);font-weight:800;line-height:.96}.install-copy h1 em{color:#b27f69;font-style:normal}.install-lead{color:#82766b;max-width:470px;margin:23px 0 22px;font-size:14px;line-height:1.9}.install-facts{color:#958474;flex-wrap:wrap;gap:14px;margin:22px 0 25px;font-size:10px;font-weight:800;display:flex}.install-primary{color:#fffaf3;cursor:pointer;background:linear-gradient(108deg,#c18b73,#a76f5b);border:0;border-radius:15px;justify-content:space-between;align-items:center;gap:48px;min-width:225px;min-height:56px;padding:0 21px;font-size:13px;font-weight:800;transition:transform .18s,filter .18s;display:flex;box-shadow:0 13px 25px #9a69523b}.install-primary:hover{filter:brightness(1.04);transform:translateY(-2px)}.install-primary span{font-size:19px;font-weight:500}.install-primary:disabled{opacity:.7;cursor:default}.install-note{color:#a09286;margin:13px 0 0;font-size:9px;line-height:1.6}.install-success{color:#7e9274;font-size:10px;font-weight:800}.install-art{isolation:isolate;place-items:center;min-height:460px;display:grid;position:relative}.preview-glow{filter:blur(9px);background:radial-gradient(circle,#d9ae954f,#e9dac821 53%,#0000 72%);border-radius:50%;width:390px;height:390px;position:absolute}.preview-phone{z-index:1;background:linear-gradient(160deg,#fffcf7,#f2e2d4);border:7px solid #ffffffd1;border-radius:36px;width:260px;min-height:425px;padding:17px 17px 19px;position:relative;transform:rotate(3deg);box-shadow:0 28px 70px #60463633,inset 0 0 0 1px #5a463914}.preview-status{color:#8e7b6d;justify-content:space-between;padding:0 5px;font-size:8px;font-weight:800;display:flex}.preview-brand{align-items:center;gap:8px;margin-top:22px;display:flex}.preview-mark{color:#fff;background:linear-gradient(145deg,#c78f76,#a96f5c);border-radius:11px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:15px;display:grid}.preview-mark i{color:#fff;background:#8c9b80;border-radius:5px;place-items:center;width:14px;height:14px;margin-left:-4px;font-size:8px;font-style:normal;display:inline-grid}.preview-brand>span:last-child{flex-direction:column;gap:2px;display:flex}.preview-brand b{letter-spacing:-.3px;font-size:10px}.preview-brand small{letter-spacing:1px;color:#9c897b;font-size:6px;font-weight:800}.preview-heading{color:#51463e;letter-spacing:-1.8px;margin:36px 0 22px;font-size:30px;font-weight:800;line-height:1}.preview-heading em{color:#b27f69;font-style:normal}.preview-board{justify-content:center;gap:8px;display:flex}.preview-chip{color:#705b4d;background:linear-gradient(145deg,#fffdf8,#eddfd1);border-radius:12px;place-items:center;width:43px;height:47px;font-family:Georgia,serif;font-size:21px;font-weight:700;display:grid;box-shadow:0 5px 10px #5e46331a}.preview-chip.alt{color:#76876d;background:#e1e9d9}.preview-chip.soft{background:#f0d8ca}.preview-answer{justify-content:center;gap:8px;margin:18px 0 22px;display:flex}.preview-answer span{color:#b18b75;border-bottom:2px solid #d2bca9;place-items:center;width:43px;height:33px;display:grid}.preview-play{color:#fffaf3;letter-spacing:1px;background:linear-gradient(105deg,#bd8a72,#a66e5b);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:8px;font-weight:800;display:flex}.preview-play b{font-size:14px;font-weight:500}.preview-categories{justify-content:space-between;margin-top:17px;display:flex}.preview-categories i{background:#e8e8db;border-radius:12px;place-items:center;width:39px;height:39px;font-size:18px;font-style:normal;display:grid}.preview-categories i:nth-child(2){background:#f1dfd5}.preview-categories i:nth-child(3){background:#e0e8da}.preview-categories i:nth-child(4){background:#e6e3e9}.float-tag{z-index:2;color:#8e7869;letter-spacing:1.2px;background:#fffcf7e0;border:1px solid #ffffffdb;border-radius:13px;padding:11px 15px;font-size:8px;font-weight:800;position:absolute;box-shadow:0 12px 25px #59423317}.tag-top{top:80px;right:5px;transform:rotate(6deg)}.tag-bottom{bottom:59px;left:0;transform:rotate(-5deg)}.install-details{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:13px;padding:23px 0 35px;display:grid}.install-details article{background:#fffcf787;border:1px solid #48413b14;border-radius:15px;padding:17px 18px}.install-details article>span{color:#b18a73;letter-spacing:1.4px;margin-bottom:12px;font-size:9px;font-weight:800;display:block}.install-details strong{font-size:12px}.install-details p{color:#94877b;margin:7px 0 0;font-size:10px;line-height:1.7}.install-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0 25px;display:flex}.install-footer>div{align-items:center;gap:9px;display:flex}.install-footer>div>span:last-child{flex-direction:column;gap:3px;display:flex}.install-footer strong{font-size:10px}.install-footer small{color:#998c80;font-size:8px}.install-footer>a{color:#907665;font-size:9px;font-weight:800}@media (max-width:760px){.install-shell{padding:0 17px}.install-nav{height:68px}.nav-edition{text-align:right;max-width:140px;font-size:7px;line-height:1.5}.install-hero{grid-template-columns:1fr;gap:4px;min-height:0;padding:45px 0 38px}.install-copy h1{letter-spacing:-4px;font-size:62px}.install-lead{max-width:360px;font-size:12px}.install-facts{gap:9px;font-size:8px}.install-art{min-height:420px;margin-top:0}.preview-phone{width:242px;min-height:400px;transform:rotate(2deg)scale(.94)}.tag-top{top:45px;right:3px}.tag-bottom{bottom:38px;left:0}.install-details{grid-template-columns:1fr;gap:8px;padding-top:18px}.install-details article{padding:13px 15px}.install-details article>span{margin-bottom:5px}.install-footer{gap:10px}}@media (prefers-reduced-motion:reduce){.install-primary,.preview-phone{transition:none}}.page{animation:.38s cubic-bezier(.2,.75,.25,1) both page-arrive}.hero-card{animation:.55s cubic-bezier(.2,.75,.25,1) both hero-arrive}.hero-copy .eyebrow{animation:.48s 80ms both soft-reveal}.hero-copy h1{animation:.55s .12s both soft-reveal}.hero-copy>p{animation:.55s .18s both soft-reveal}.hero-copy .primary-button{animation:.48s .22s both button-arrive}.hero-art .art-tile{animation:.5s cubic-bezier(.16,.8,.25,1) both tile-float-in}.hero-art .art-tile-b{animation-delay:70ms}.hero-art .art-tile-c{animation-delay:.14s}.hero-art .art-tile-d{animation-delay:.21s}.quick-stats>div{animation:.42s both soft-reveal}.quick-stats>div:nth-child(2){animation-delay:60ms}.quick-stats>div:nth-child(3){animation-delay:.12s}.category-card{animation:.42s both soft-reveal}.category-card:nth-child(2){animation-delay:35ms}.category-card:nth-child(3){animation-delay:70ms}.category-card:nth-child(4){animation-delay:.105s}.category-card:nth-child(5){animation-delay:.14s}.category-card:nth-child(6){animation-delay:.175s}.difficulty-card{animation:.42s both soft-reveal}.difficulty-card:nth-child(2){animation-delay:70ms}.difficulty-card:nth-child(3){animation-delay:.14s}.letter-tile{animation:.34s cubic-bezier(.2,.75,.25,1) both letter-arrive}.letter-tile:active{transform:translateY(2px)scale(.94);box-shadow:0 2px 5px #5e46331a}.answer-slot:active{transform:scale(.93)}.category-card:active,.difficulty-card:active,.secondary-control:active,.check-button:active,.primary-button:active{transform:scale(.975)}.score-value{animation:.32s cubic-bezier(.18,.8,.25,1.3) score-bump;display:inline-block}.puzzle-card.correct-flash{animation:.62s both correct-glow}.puzzle-card.wrong-wobble{animation:.36s card-wobble}.feedback-line.visible{animation:.22s both feedback-arrive}.progress-track span{position:relative;overflow:hidden}.progress-track span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff9e,#0000);animation:1.2s .1s progress-sheen;position:absolute;inset:0;transform:translate(-100%)}.result-confetti{animation:.85s both result-sparkle}.result-score-card{animation:.5s cubic-bezier(.2,.8,.25,1) both result-card-pop}.result-grid>div{animation:.4s both soft-reveal}.result-grid>div:nth-child(2){animation-delay:50ms}.result-grid>div:nth-child(3){animation-delay:.1s}.result-grid>div:nth-child(4){animation-delay:.15s}.toggle{transition:background .2s,transform .2s}.toggle:active{transform:scale(.94)}.install-primary:active{transform:scale(.98)}@keyframes page-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(13px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes soft-reveal{0%{opacity:0}to{opacity:1}}@keyframes button-arrive{0%{opacity:0;transform:translateY(7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tile-float-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}@keyframes letter-arrive{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur()}}@keyframes score-bump{0%{color:#8c9b80;transform:scale(.82)}65%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes correct-glow{0%{box-shadow:0 18px 42px #5d453412}35%{box-shadow:0 18px 48px #8c9b8040,0 0 0 4px #8c9b801c}to{box-shadow:0 18px 42px #5d453412}}@keyframes card-wobble{0%,to{transform:translate(0)}22%{transform:translate(-5px)rotate(-.25deg)}48%{transform:translate(5px)rotate(.25deg)}72%{transform:translate(-3px)}}@keyframes feedback-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-sheen{to{transform:translate(120%)}}@keyframes result-sparkle{0%{opacity:0;transform:translateY(7px)scale(.75)rotate(-8deg)}60%{opacity:1;transform:translateY(-2px)scale(1.12)rotate(5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes result-card-pop{0%{opacity:0;transform:translateY(11px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.page,.hero-card,.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p,.hero-copy .primary-button,.hero-art .art-tile,.quick-stats>div,.category-card,.difficulty-card,.letter-tile,.score-value,.puzzle-card.correct-flash,.puzzle-card.wrong-wobble,.feedback-line.visible,.result-confetti,.result-score-card,.result-grid>div,.progress-track span:after{animation:none!important}}.sound-settings{gap:14px}.settings-card>.sound-actions{flex-direction:row;align-items:center;gap:12px;display:flex}.sound-preview{color:#8a7465;cursor:pointer;background:#fbf6ef;border:1px solid #48413b21;border-radius:10px;min-height:32px;padding:0 12px;font-size:9px;font-weight:800;transition:transform .16s,background .16s}.sound-preview:hover{background:#f1e4d8}.sound-preview:active{transform:scale(.95)}.sound-preview:disabled{cursor:not-allowed;opacity:.42}.puzzle-card{position:relative}.success-sparkles{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sparkle-piece{opacity:0;background:#dca58b;border-radius:2px;width:8px;height:8px;animation:.58s cubic-bezier(.16,.72,.25,1) both word-celebration-burst;position:absolute;top:49%;left:50%}.sparkle-piece:nth-child(3n){background:#8c9b80;border-radius:50%;width:6px;height:6px}.sparkle-piece:nth-child(3n+1){background:#dca58b}.sparkle-piece:nth-child(3n+2){background:#c39b75;width:5px;height:11px}.sparkle-piece-1{--spark-x:-116px;--spark-y:-67px;--spark-rotate:115deg}.sparkle-piece-2{--spark-x:-77px;--spark-y:-102px;--spark-rotate:-95deg;animation-delay:25ms}.sparkle-piece-3{--spark-x:-22px;--spark-y:-119px;--spark-rotate:130deg;animation-delay:45ms}.sparkle-piece-4{--spark-x:52px;--spark-y:-108px;--spark-rotate:65deg;animation-delay:15ms}.sparkle-piece-5{--spark-x:112px;--spark-y:-62px;--spark-rotate:-110deg;animation-delay:40ms}.sparkle-piece-6{--spark-x:126px;--spark-y:20px;--spark-rotate:95deg;animation-delay:20ms}.sparkle-piece-7{--spark-x:68px;--spark-y:95px;--spark-rotate:145deg;animation-delay:55ms}.sparkle-piece-8{--spark-x:-22px;--spark-y:112px;--spark-rotate:-65deg;animation-delay:30ms}.sparkle-piece-9{--spark-x:-91px;--spark-y:68px;--spark-rotate:105deg;animation-delay:60ms}.sparkle-piece-10{--spark-x:-132px;--spark-y:5px;--spark-rotate:-125deg;animation-delay:35ms}.puzzle-card.correct-flash .answer-slot.filled{color:#58714f;background:linear-gradient(145deg,#f7fbf2,#e1ead9);border-color:#8c9b80b8;animation:.52s cubic-bezier(.18,.8,.25,1.25) both answer-celebrate;box-shadow:0 5px 14px #69865b29,inset 0 1px #fff}.puzzle-card.correct-flash .answer-slot.filled:nth-child(2n){animation-delay:35ms}.puzzle-card.correct-flash .answer-slot.filled:nth-child(3n){animation-delay:70ms}.puzzle-card.correct-flash .feedback-line.success{color:#64815a;transform:translateY(-1px)}.puzzle-card.correct-flash .check-button{background:linear-gradient(105deg,#8c9b80,#74896c);box-shadow:0 9px 20px #67855d33}.streak-card strong{transition:color .2s,transform .2s}.streak-card strong:not(:empty){display:inline-block}@keyframes word-celebration-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}16%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(.45) rotate(var(--spark-rotate))}}@keyframes answer-celebrate{0%{transform:translateY(3px)scale(.9)}52%{transform:translateY(-4px)scale(1.08)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.success-sparkles{display:none!important}.puzzle-card.correct-flash .answer-slot.filled{animation:none!important}}.install-check-shell{place-items:center;min-height:100svh;padding:26px;display:grid}.install-check-card{background:#fffcf7e0;border:1px solid #48413b1c;border-radius:24px;flex-direction:column;align-items:flex-start;width:min(460px,100%);padding:34px;display:flex;box-shadow:0 22px 58px #5d453417}.install-check-card>.brand-mark{margin-bottom:23px}.install-check-card h1{color:#51463e;letter-spacing:-3px;margin:10px 0 15px;font-size:clamp(43px,8vw,59px);line-height:.99}.install-check-card h1 em{color:#b27f69;font-style:normal}.install-check-card>p:not(.eyebrow){color:#8f8277;margin:0 0 22px;font-size:12px;line-height:1.8}.install-check-card .anchor-button{width:100%}.install-check-note{color:#a09286;margin-top:15px;font-size:9px;line-height:1.6}@media (max-width:480px){.install-check-shell{padding:17px}.install-check-card{border-radius:20px;padding:25px 22px}}
