:root{font-family:Arial,Helvetica,sans-serif;color:#252820;background:#f7f6f2;font-synthesis:none;--line:#dedfd5;--yellow:#ead47d;--green:#b7cd9f;--blue:#adc4e6;--purple:#c6b2dc}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #477653;outline-offset:4px}button:disabled{cursor:default;opacity:.4}.topbar{max-width:1100px;margin:auto;padding:27px 32px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:13px}.mark{display:grid;grid-template-columns:10px 10px;gap:3px;transform:rotate(-8deg)}.mark i{height:10px;border-radius:2px}.mark i:nth-child(1){background:var(--yellow)}.mark i:nth-child(2){background:var(--green)}.mark i:nth-child(3){background:var(--blue)}.mark i:nth-child(4){background:var(--purple)}.edition{margin-left:auto;font-size:11px;letter-spacing:2px;color:#787d70}.help-button{width:32px;height:32px;border:1px solid #b5b9aa;border-radius:50%;background:transparent;font-weight:700;font-size:16px}main{max-width:720px;margin:auto;padding:50px 24px 25px}.intro{text-align:center;margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#6c7566}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,7vw,64px);letter-spacing:-2px;margin:14px 0 13px;font-weight:500;line-height:1.05}.intro h1 span{color:#6d855b}.intro>p:last-child{font-size:15px;color:#73786d;margin:0}.game-meta{display:flex;justify-content:space-between;font-size:12px;color:#747a6e;margin-bottom:13px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tile{min-height:87px;padding:10px 3px;border:1px solid transparent;border-radius:9px;background:#e9e9df;color:#272a23;text-transform:uppercase;font-size:clamp(12px,2.3vw,16px);font-weight:700;letter-spacing:.1px;transition:background .14s,transform .14s;overflow-wrap:anywhere}.tile:hover{background:#dfdfd2;transform:translateY(-2px)}.tile[aria-pressed=true]{background:#4d5947;color:#fff;border-color:#4d5947;transform:translateY(-2px);box-shadow:0 3px 0 #2f382c}.solved{display:grid;gap:9px}.solved:not(:empty){margin-bottom:9px}.solved-group{min-height:87px;border-radius:9px;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:13px;animation:appear .3s ease-out}.solved-group h2{font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 7px}.solved-group p{font-size:13px;margin:0}.group-0{background:var(--yellow)}.group-1{background:var(--green)}.group-2{background:var(--blue)}.group-3{background:var(--purple)}.revealed{opacity:.72}.reveal-label{font-size:10px;margin-bottom:5px;font-weight:600}.message{min-height:22px;margin:18px 0 12px;text-align:center;font-size:14px;color:#48523e}.attempts{display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;color:#747a6e;margin-bottom:24px}.dots{display:flex;gap:7px}.dot{width:10px;height:10px;background:#7c8773;border-radius:50%}.dot.used{background:#dedfd5}.controls{display:flex;gap:9px;justify-content:center}.controls button,.primary{border-radius:25px;padding:13px 22px;font-size:12px;font-weight:600;border:1px solid #b9beb1}.secondary{background:transparent;color:#454d3f}.primary{background:#303c2c;color:#fff;border-color:#303c2c!important;min-width:137px}.primary:hover:not(:disabled){background:#485a42}.primary span{margin-left:7px;font-size:16px}.result{text-align:center;padding:5px 0 15px}.result h2{font-family:Georgia,serif;font-size:28px;font-weight:500;margin:0 0 8px}.result p{font-size:14px;color:#747a6e}.explanation{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;line-height:1.6}.explanation summary{cursor:pointer;font-weight:600}.explanation h3{font-size:13px;margin-bottom:2px}.explanation p{margin-top:2px;color:#73786d}footer{margin-top:40px;border-top:1px solid var(--line);padding-top:21px;text-align:center;font-size:11px;color:#8a8e82;display:flex;justify-content:center;align-items:center;gap:8px}.mini-dot{width:5px;height:5px;background:#abb69e;border-radius:50%}dialog{border:1px solid var(--line);border-radius:18px;background:#f7f6f2;max-width:430px;width:calc(100% - 32px);padding:32px;box-shadow:0 20px 90px #0002}dialog::backdrop{background:#20251cb0;backdrop-filter:blur(3px)}dialog h2{font-family:Georgia,serif;font-size:31px;font-weight:400}dialog p{line-height:1.6;font-size:14px}dialog .eyebrow{font-size:10px}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:28px;color:#73786d}.shake{animation:shake .35s}[hidden]{display:none!important}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.topbar{padding:20px}.brand{font-size:17px}main{padding:33px 14px 20px}.intro{margin-bottom:30px}.intro>p:last-child{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.5px}.board,.solved{gap:6px}.solved:not(:empty){margin-bottom:6px}.tile{min-height:76px;border-radius:7px;font-size:11px}.solved-group{min-height:76px}.solved-group h2{font-size:11px}.solved-group p{font-size:11px}.controls{gap:6px}.controls button{padding:12px 14px;font-size:11px;min-width:0}.controls .primary{flex:1}.message{font-size:12px}.game-meta{font-size:11px}.edition{font-size:9px}footer{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}