:root{--paper:#f3efe8;--paper-2:#ebe5db;--card:#fffdf9;--ink:#11110f;--muted:#777168;--line:#d8d0c5;--orange:#ff5a36;--lime:#c8f64c;--yellow:#ffd868;--red:#ff4037;--shadow:0 24px 70px #2b221721;--soft-shadow:0 10px 30px #2b221717;--radius:30px}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(900px 480px at 50% -120px, #fff, transparent 70%), linear-gradient(#f5f1eb, var(--paper-2));min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #ff5a3647}.app-shell{width:min(980px,100%);min-height:100vh;margin:0 auto;padding:22px 18px 50px}.site-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-width:0;padding:0;display:inline-flex}.logo-mark{border:3px solid var(--ink);background:#fff;border-radius:50%;flex:none;width:40px;height:40px;display:inline-block;position:relative}.logo-mark:before{background:var(--ink);content:"";width:3px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.logo-mark:after{border:2px solid var(--ink);background:var(--orange);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:4px}.wordmark{letter-spacing:-.075em;font-size:2rem;font-weight:1000;line-height:1}.wordmark span,.share-brand span{color:var(--orange)}.header-actions{align-items:center;gap:8px;display:flex}.hub-link,.icon-btn,.streak-pill{border:1.5px solid var(--ink);background:#fffdf9d1;border-radius:999px;justify-content:center;align-items:center;min-height:42px;font-size:.76rem;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:0 2px #11110f14}.hub-link{padding:0 13px}.icon-btn{cursor:pointer;min-width:42px;padding:0 12px}.streak-pill{font-variant-numeric:tabular-nums;padding:0 14px}.shell{border:1.5px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf9f5;overflow:hidden}.intro{padding:clamp(28px,6vw,60px)}.kicker{border:1px solid var(--line);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:.74rem;font-weight:900;display:inline-flex}.kicker-dot{background:var(--orange);border-radius:50%;width:7px;height:7px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:44px;margin-top:30px;display:grid}.hero h1{letter-spacing:-.085em;margin:0;font-size:clamp(3.4rem,8vw,6.8rem);font-weight:1000;line-height:.87}.hero h1 em{color:var(--orange);font-style:normal}.hero-copy{max-width:600px;color:var(--muted);margin:22px 0 24px;font-size:clamp(1rem,2vw,1.22rem);font-weight:650;line-height:1.55}.cta-row,.result-actions,.game-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-btn,.secondary-btn{border:1.5px solid var(--ink);cursor:pointer;border-radius:16px;min-height:54px;padding:14px 20px;font-weight:950;transition:all .14s}.primary-btn{background:var(--ink);box-shadow:0 6px 0 var(--orange);color:#fff}.secondary-btn{background:#fff}.primary-btn:hover,.secondary-btn:hover,.tile:hover{transform:translateY(-2px)}.primary-btn:active{box-shadow:0 2px 0 var(--orange);transform:translateY(4px)}.secondary-btn:hover{background:#f8f4ed}.compact{min-width:160px;min-height:48px;padding:12px 18px}.hero-meta{color:var(--muted);margin-top:18px;font-size:.83rem;font-weight:750}.daily-status{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:8px 11px;font-size:.78rem;font-weight:850;display:inline-flex}.daily-status strong{color:var(--ink)}.demo{border:1.5px solid var(--ink);min-height:320px;box-shadow:var(--soft-shadow);background:#fff;border-radius:28px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.demo-side{text-align:center;place-items:center;padding:20px;display:grid}.demo-side:first-child{border-right:2px solid var(--ink)}.demo-title{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:900}.demo-total{letter-spacing:-.06em;font-size:4rem;font-weight:1000}.peace{border:1.5px solid var(--ink);background:var(--lime);box-shadow:0 5px 0 var(--ink);border-radius:999px;padding:10px 14px;font-weight:1000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rule-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px;display:grid}.rule{border-top:1px solid var(--line);padding:15px 3px 0}.rule-num{color:var(--orange);letter-spacing:.1em;font-size:.72rem;font-weight:1000}.rule-title{margin:6px 0;font-weight:950}.rule-copy{color:var(--muted);font-size:.86rem;font-weight:650;line-height:1.45}.game-head{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;justify-content:space-between;align-items:center;gap:14px;height:64px;padding:0 18px;display:flex;position:sticky;top:0}.round-name{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:950}.mode-pill{border:1px solid var(--ink);background:var(--lime);color:var(--ink);border-radius:999px;margin-left:8px;padding:5px 9px;font-size:.68rem;display:inline-flex}.progress{gap:7px;display:flex}.progress-dot{background:#ddd5ca;border:1px solid #b9b0a4;border-radius:50%;width:9px;height:9px}.progress-dot.active{border-color:var(--orange);background:var(--orange);border-radius:999px;width:28px}.progress-dot.done{border-color:var(--ink);background:var(--ink)}.game-body{padding:clamp(20px,4vw,38px)}.top-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.diff-label{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:950}.diff{letter-spacing:-.06em;font-size:3rem;font-weight:1000}.timer-wrap{border:2px solid var(--ink);background:var(--ink);min-width:132px;box-shadow:0 5px 0 var(--orange);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:9px 12px;font-weight:1000;display:flex}.timer-ring{--p:100;background:conic-gradient(var(--orange) calc(var(--p) * 1%), #ffffff38 0);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.timer-ring:after{background:var(--ink);content:"";border-radius:50%;width:27px;height:27px}.timer-wrap.warning{box-shadow:0 5px 0 var(--yellow);color:var(--ink);background:#fff}.timer-wrap.warning .timer-ring{background:conic-gradient(var(--yellow) calc(var(--p) * 1%), #e8e0d4 0)}.timer-wrap.warning .timer-ring:after{background:#fff}.timer-wrap.danger{background:var(--red);box-shadow:0 5px 0 var(--ink);color:#fff;animation:.55s infinite pulse}.timer-wrap.danger .timer-ring{background:conic-gradient(#fff calc(var(--p) * 1%), #11110f33 0)}.timer-wrap.danger .timer-ring:after{background:var(--red)}@keyframes pulse{50%{transform:scale(1.04)}}.board{border:1.5px solid var(--ink);background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;min-height:390px;display:grid;overflow:hidden}.side{flex-direction:column;padding:18px;display:flex}.side:first-child{border-right:2px solid var(--ink)}.side-head{justify-content:space-between;align-items:end;gap:10px;margin-bottom:14px;display:flex}.side-name{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:950}.side-total{letter-spacing:-.07em;font-size:3.8rem;font-weight:1000;line-height:.9}.drop{flex-wrap:wrap;flex:1;align-content:flex-start;gap:10px;padding:6px 0 12px;display:flex}.tile{border:1.5px solid var(--ink);min-width:72px;height:66px;box-shadow:0 5px 0 var(--ink);cursor:pointer;background:#fff;border-radius:17px;padding:0 14px;font-size:1.7rem;font-weight:1000;transition:all .12s;position:relative}.tile:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.tile.trouble{background:var(--yellow)}.tile.trouble span{border:1.5px solid var(--ink);background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.9rem;display:grid;position:absolute;top:-9px;right:-5px}.move-hint{color:var(--muted);text-align:center;margin:15px 0 0;font-size:.76rem;font-weight:750}.trouble-note{color:#76601c;background:#fff4cf;border:1px solid #d8b94f;border-radius:14px;margin-top:12px;padding:10px 12px;font-size:.8rem;font-weight:850}.game-actions{justify-content:center;margin-top:18px}.results{text-align:center;padding:clamp(28px,5vw,48px)}.result-eyebrow,.score-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:950}.results h1{letter-spacing:-.07em;margin:12px 0 18px;font-size:clamp(2.8rem,7vw,5.3rem);font-weight:1000;line-height:.92}.total-score{letter-spacing:-.09em;margin-top:8px;font-size:clamp(6rem,18vw,10rem);font-weight:1000;line-height:.82}.result-title{border:1.5px solid var(--ink);background:var(--lime);border-radius:999px;margin:18px 0 25px;padding:9px 13px;font-weight:1000;display:inline-flex}.saved-score-note{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#fff;border-radius:999px;margin:-14px auto 22px;padding:7px 11px;font-size:.76rem;font-weight:850}.round-results{grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px;margin:0 auto 20px;display:grid}.round-result{border:1px solid var(--line);text-align:left;background:#fff;border-radius:17px;padding:14px}.rr-top{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.67rem;font-weight:900;display:flex}.rr-score{letter-spacing:-.05em;margin-top:9px;font-size:2rem;font-weight:1000}.rr-value{color:var(--muted);margin-top:3px;font-size:.8rem;font-weight:700}.stats-row,.stats-grid{border:1px solid var(--line);background:#faf7f1;border-radius:18px;grid-template-columns:repeat(3,1fr);max-width:650px;margin:13px auto 24px;display:grid;overflow:hidden}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat{border-right:1px solid var(--line);padding:14px 8px}.stat:last-child{border-right:0}.stats-grid .stat{border-bottom:1px solid var(--line)}.stat-value{font-size:1.25rem;font-weight:1000}.stat-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:.69rem;font-weight:850}.share-card{border:1.5px solid var(--ink);max-width:520px;box-shadow:var(--soft-shadow);text-align:left;background:#fff;border-radius:20px;margin:18px auto;padding:18px}.share-brand{letter-spacing:-.06em;font-size:1.4rem;font-weight:1000}.share-text{color:var(--muted);white-space:pre-line;margin-top:11px;font-weight:750;line-height:1.55}.result-actions{justify-content:center;margin-top:20px}.overlay{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;pointer-events:none;background:#11110fd6;place-items:center;padding:20px;transition:all .16s;display:grid;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.overlay-card{border:1.5px solid var(--ink);background:var(--card);width:min(520px,100%);box-shadow:var(--shadow);border-radius:28px;padding:26px}.flash-card{box-shadow:none;color:#fff;text-align:center;background:0 0;border:0}.flash-score{letter-spacing:-.08em;font-size:clamp(5rem,18vw,8rem);font-weight:1000;line-height:.9}.flash-title{margin-top:16px;font-size:clamp(1.7rem,5vw,2.8rem);font-weight:1000}.flash-sub{color:#d7d2cb;margin-top:8px;font-weight:650;line-height:1.5}.continue-button{color:#fff;cursor:pointer;letter-spacing:.13em;text-transform:uppercase;background:0 0;border:1px solid #fff6;border-radius:999px;margin-top:24px;padding:10px 14px;font-size:.72rem;font-weight:900}.modal h2{letter-spacing:-.05em;margin:8px 0 14px;font-size:2.3rem}.modal p{color:var(--muted);font-weight:650;line-height:1.55}.modal-list,.score-history{gap:10px;margin-top:18px;display:grid}.modal-rule,.score-history-row,.score-history-empty{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:.9rem;font-weight:750;display:flex}.modal-rule b{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.score-history-title{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:950}.score-history-row{justify-content:space-between}.score-history-row strong{color:var(--ink)}.modal-close{width:100%;margin-top:18px}.toast{z-index:80;background:var(--ink);color:#fff;opacity:0;border-radius:999px;padding:11px 15px;font-size:.82rem;font-weight:850;transition:all .18s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:760px){.hero{grid-template-columns:1fr}.demo{display:none}.rule-strip,.round-results{grid-template-columns:1fr}.board{min-height:340px}.side-total{font-size:3rem}}@media (max-width:620px){.site-header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.hub-link{display:none}}@media (max-width:520px){.app-shell{padding:12px 9px 34px}.wordmark{font-size:1.7rem}.logo-mark{width:34px;height:34px}.intro{padding:28px 20px}.hero h1{font-size:3.45rem}.primary-btn,.secondary-btn{width:100%}.game-head{height:58px;padding:0 12px}.game-body{padding:17px 10px 24px}.diff{font-size:2.4rem}.timer-wrap{min-width:112px;padding:7px 9px}.timer-ring{width:34px;height:34px}.timer-ring:after{width:24px;height:24px}.board{min-height:320px}.side{padding:11px}.side-total{font-size:2.6rem}.tile{border-radius:14px;min-width:58px;height:56px;padding:0 9px;font-size:1.45rem}.game-actions,.result-actions{flex-direction:column}.round-results,.stats-row,.stats-grid{grid-template-columns:1fr}.total-score{font-size:7rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}