:root{--ink:#24271f;--muted:#727568;--paper:#f4f2e9;--card:#fbfaf4;--line:#d9d8cb;--lime:#d8ef65;--dark:#191c17;--orange:#ff785f;--shadow:0 24px 60px #292b201f}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #4f62d4}main{background:radial-gradient(circle at 78% 25%,#d8ef651f,transparent 24%),var(--paper);flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid #24271f1a;justify-content:space-between;align-items:center;height:84px;padding:0 max(28px,50vw - 590px);display:flex}.wordmark{letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:8px;font-size:19px;font-weight:800;display:flex}.mark{width:27px;height:26px;display:block;position:relative}.mark i{background:var(--dark);border-radius:2px;width:11px;height:11px;position:absolute}.mark i:first-child{background:var(--orange);top:7px;left:0}.mark i:nth-child(2){top:0;left:12px}.mark i:nth-child(3){background:var(--lime);top:12px;left:12px}.header-actions{align-items:center;gap:12px;display:flex}.best-pill{color:var(--muted);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;background:#ffffff8c;border-radius:999px;padding:9px 13px;font-size:12px}.best-pill strong{color:var(--ink);margin-left:5px}.icon-button,.modal-close{border:1px solid var(--line);cursor:pointer;background:#ffffff80;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.welcome{flex:1;grid-template-columns:1.05fr .95fr;align-items:center;column-gap:54px;width:min(1180px,100% - 56px);margin:0 auto;padding:72px 0 36px;display:grid}.hero-copy{padding-bottom:40px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#62675a;align-items:center;gap:9px;margin:0 0 22px;font-size:11px;font-weight:800;display:flex}.eyebrow span{background:var(--orange);width:18px;height:2px}h1{letter-spacing:-.05em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,6vw,82px);font-weight:500;line-height:.98}h1 em{color:#7c806f;font-weight:400}.intro{color:#676b60;max-width:570px;margin:28px 0 30px;font-size:18px;line-height:1.7}.hero-actions{align-items:center;gap:24px;display:flex}.primary-button{background:var(--dark);color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:28px;padding:17px 21px;font-weight:750;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 20px #191c172e}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #191c173d}.primary-button span{color:var(--lime);font-size:20px}.promise{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.how-row{color:#74786d;gap:20px;margin-top:34px;font-size:12px;display:flex}.how-row span{align-items:center;gap:5px;display:flex}kbd{color:#53564d;background:#fffdf7;border:1px solid #d2d0c3;border-bottom-width:2px;border-radius:5px;place-items:center;min-width:24px;height:24px;padding:0 6px;font:600 11px ui-monospace,SFMono-Regular,monospace;display:inline-grid}.hero-art{place-items:center;height:510px;display:grid;position:relative}.art-glow{filter:blur(2px);background:#e8edc8;border-radius:50%;width:440px;height:440px;position:absolute}.mini-board{background:#20231d;border:8px solid #2b2e27;border-radius:22px;width:265px;height:420px;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 35px 70px #1f221a3d,inset 0 0 0 1px #3d4038}.mini-message{color:#fff;flex-direction:column;justify-content:center;align-items:center;height:180px;display:flex}.mini-message small{letter-spacing:.2em;color:#a8ad9d;font-size:9px}.mini-message strong{margin:7px 0;font:400 52px Georgia,serif}.mini-message span{color:#d8ef65;font:italic 13px Georgia,serif}.mini-stack{grid-template-columns:repeat(10,1fr);gap:3px;padding:4px;display:grid}.mini-stack i{aspect-ratio:1;border-radius:2px}.mini-stack .c0{background:#769ee8}.mini-stack .c1{background:#d8ef65}.mini-stack .c2{background:#ff785f}.mini-stack .c3{background:#bb91e8}.mini-stack .c4{background:#f6cb69}.floating-piece{z-index:2;filter:drop-shadow(0 12px 10px #1e20192e);grid-template-columns:repeat(2,30px);gap:4px;display:grid;position:absolute}.floating-piece i{background:#ff785f;border:1px solid #ffffff40;border-radius:5px;height:30px}.piece-one{top:18%;left:4%;transform:rotate(-14deg)}.piece-one i:first-child{grid-column:2}.piece-two{grid-template-columns:repeat(3,27px);bottom:20%;right:2%;transform:rotate(10deg)}.piece-two i{background:#769ee8;height:27px}.piece-two i:nth-child(4){grid-column:3}.benefit-strip{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-top:26px;display:grid}.benefit-strip>div{border-right:1px solid var(--line);align-items:center;gap:16px;padding-left:32px;display:flex}.benefit-strip>div:first-child{padding-left:0}.benefit-strip>div:last-child{border:0}.benefit-strip b{color:#b0b2a6;font:italic 25px Georgia,serif}.benefit-strip span{flex-direction:column;gap:4px;display:flex}.benefit-strip strong{font-size:13px}.benefit-strip small{color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);color:#888b80;justify-content:space-between;padding:22px max(28px,50vw - 590px);font-size:11px;display:flex}.game-shell{flex:1;width:min(1080px,100% - 40px);margin:0 auto;padding:30px 0 40px}.game-topline{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.game-topline .eyebrow{margin-bottom:8px}.game-topline h1{letter-spacing:-.03em;font-size:34px}.quiet-button{border:1px solid var(--line);cursor:pointer;background:#ffffff8c;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.game-layout{grid-template-columns:160px minmax(260px,342px) 160px;justify-content:center;align-items:start;gap:22px;display:grid}.stats-panel{flex-direction:column;gap:13px;display:flex}.stat-card,.keys-card{border:1px solid var(--line);background:#fbfaf4bd;border-radius:14px;padding:16px}.stat-card small,.keys-card>small{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.score-card strong{margin:8px 0;font:400 31px Georgia,serif;display:block}.score-card>span{color:var(--muted);font-size:10px}.mini-stat{justify-content:space-between;align-items:center;display:flex}.mini-stat strong{font:400 22px Georgia,serif}.board-wrap{width:100%}.board{aspect-ratio:1/2;touch-action:none;background:#1d201a;border:1px solid #383c32;border-radius:12px;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);gap:2px;width:100%;padding:7px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 45px #20231b33}.cell{background:#262921;border-radius:2px;min-width:0;min-height:0}.cell.filled{background:var(--piece);border:1px solid color-mix(in srgb,var(--piece),#000 12%);box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #00000014}.cell.ghost{background:#34382f;border:1px solid #94998a}.board-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;color:#fff;text-align:center;background:#161914db;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.board-overlay small{text-transform:uppercase;letter-spacing:.17em;color:var(--lime);font-weight:800}.board-overlay h2{margin:8px 0;font:400 42px Georgia,serif}.board-overlay p{color:#c6c9be;margin:0 0 20px;font-size:13px}.primary-button.compact{background:var(--lime);color:#1e211b;box-shadow:none;padding:12px 17px;font-size:13px}.primary-button.compact span{color:#1e211b}.next-card{padding-bottom:12px}.preview{height:75px;margin-top:8px;position:relative}.preview i{border-radius:3px;width:19px;height:19px;position:absolute;box-shadow:inset 2px 2px #ffffff40}.keys-card p{color:var(--muted);justify-content:space-between;align-items:center;margin:13px 0 0;font-size:11px;display:flex}.keys-card p span{gap:3px;display:flex}.keys-card kbd{min-width:21px;height:21px;font-size:9px}.touch-controls,.mobile-pause{display:none}.feedback-card{border:1px solid var(--line);background:var(--card);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;max-width:718px;margin:22px auto 0;padding:15px 18px;display:flex}.feedback-card>div:first-child{flex-direction:column;gap:4px;display:flex}.feedback-card strong{font-size:13px}.feedback-card small{color:var(--muted);font-size:10px}.feedback-buttons{gap:7px;display:flex}.feedback-buttons button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:8px 10px;font-size:10px}.feedback-buttons button:hover{background:#eff6cc}.feedback-card>p{color:var(--muted);margin:0;font-size:12px}.feedback-check{color:#28301b;background:#e7f2ae;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:7px;display:inline-grid}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#191c177a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-modal{background:var(--paper);width:min(430px,100%);box-shadow:var(--shadow);border-radius:20px;padding:28px;position:relative}.modal-close{position:absolute;top:20px;right:20px}.settings-modal .eyebrow{margin-bottom:10px}.settings-modal h2{margin:0 0 22px;font:400 35px Georgia,serif}.settings-modal label{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settings-modal label span{flex-direction:column;gap:4px;display:flex}.settings-modal label strong{font-size:13px}.settings-modal label small{color:var(--muted);font-size:11px}.settings-modal input{opacity:0;position:absolute}.settings-modal label>i{background:#c9cabe;border-radius:99px;width:42px;height:24px;transition:all .2s;position:relative}.settings-modal label>i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #777}.settings-modal input:checked+i{background:#6f7d2e}.settings-modal input:checked+i:after{transform:translate(18px)}.storage-note{color:var(--muted);background:#e9e7dc;border-radius:8px;margin:10px 0 0;padding:10px;font-size:10px;line-height:1.5}.high-contrast{--muted:#4f5249;--line:#a9ab9e}.high-contrast .cell{background:#161812}.high-contrast .cell.ghost{border-color:#fff}@media (max-width:800px){.site-header{height:68px;padding:0 16px}.welcome{grid-template-columns:1fr;width:min(100% - 32px,560px);padding:52px 0 28px}.hero-copy{text-align:center;padding:0}.hero-copy .eyebrow{justify-content:center}.hero-copy h1{font-size:clamp(44px,12vw,66px)}.intro{margin:24px auto;font-size:16px;line-height:1.6}.hero-actions{justify-content:center}.how-row{flex-wrap:wrap;justify-content:center}.hero-art{height:420px;margin-top:30px}.art-glow{width:340px;height:340px}.mini-board{width:225px;height:355px}.mini-message{height:150px}.mini-message strong{font-size:44px}.benefit-strip{grid-template-columns:1fr;margin-top:40px;padding-top:10px}.benefit-strip>div,.benefit-strip>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:15px 6px}.benefit-strip>div:last-child{border-bottom:0}footer{gap:15px;padding:18px 16px}.game-shell{width:min(100% - 24px,520px);padding-top:20px}.game-topline{margin-bottom:14px}.game-topline h1{font-size:29px}.desktop-pause{display:none}.game-layout{flex-direction:column;align-items:stretch;gap:12px;display:flex}.left-stats{order:0;grid-template-columns:2fr 1fr 1fr;display:grid}.score-card strong{margin:5px 0;font-size:24px}.stat-card{padding:10px 12px}.mini-stat{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.board-wrap{order:1;max-width:390px;margin:auto}.right-stats{order:2}.next-card,.keys-card{display:none}.mobile-pause{margin:10px auto;display:flex}.touch-controls{grid-template-columns:repeat(5,1fr) 1.35fr;gap:7px;margin-top:10px;display:grid}.touch-controls button{border:1px solid var(--line);touch-action:manipulation;background:#fbfaf4;border-radius:10px;justify-content:center;align-items:center;height:48px;display:flex}.touch-controls button:active{background:var(--lime);transform:translateY(1px)}.touch-controls .drop-button{background:var(--dark);color:#fff;flex-direction:column;gap:1px}.touch-controls .drop-button span{text-transform:uppercase;letter-spacing:.1em;font-size:8px}.feedback-card{flex-direction:column;align-items:stretch;margin-top:14px}.feedback-buttons{grid-template-columns:repeat(3,1fr);display:grid}.feedback-buttons button{padding:8px 4px}.board-overlay h2{font-size:36px}}@media (max-width:480px){.best-pill{display:none}.welcome{padding-top:38px}.hero-actions{flex-direction:column;gap:14px}.hero-art{height:350px}.mini-board{border-width:6px;width:196px;height:310px}.mini-message{height:130px}.floating-piece{transform:scale(.8)rotate(-14deg)}.piece-two{transform:scale(.8)rotate(10deg)}.how-row{gap:11px}.game-topline .eyebrow{display:none}.game-shell{padding-top:14px}.board-wrap{max-width:min(100%,330px)}footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.primary-button:hover{transform:none}}