:root{font-family:Arial,Helvetica,sans-serif;color:#243b35;background:#f5f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.game{max-width:540px;margin:auto;padding:30px 24px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:36px}.brand{text-decoration:none;color:inherit;font-weight:800;font-size:25px;letter-spacing:-1px}.brand span{color:#c4764a;margin-left:3px}.edition{font-size:9px;letter-spacing:1.5px;color:#727d73}.intro{text-align:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#8a6948}h1{font-family:Georgia,serif;font-size:37px;letter-spacing:-1.4px;font-weight:400;margin:14px 0 10px}.intro>p:last-child{color:#747d72;font-size:14px;margin-bottom:28px}.stats{display:flex;border-top:1px solid #dedfd5;border-bottom:1px solid #dedfd5;padding:17px 0;margin-bottom:24px}.stats>div{flex:1;text-align:center}.stats>div+div{border-left:1px solid #dedfd5}.stats span{display:block;font-size:9px;letter-spacing:1.5px;color:#748074;margin-bottom:6px}.stats strong{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.stats small{font-size:12px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;background:#e5e8dd;border:1px solid #dce0d3;border-radius:18px;max-width:374px;margin:auto}.tile,.empty{aspect-ratio:1;border-radius:10px}.tile{background:#fffef8;border:1px solid #d8ddcf;box-shadow:0 3px 0 #cfd5c7;color:#29483b;font-family:Georgia,serif;font-size:clamp(30px,8vw,45px);cursor:pointer;transition:background .15s,transform .15s}.tile[aria-disabled="false"]:hover{background:#e9f0df;transform:translateY(-2px)}.tile[aria-disabled="true"]{cursor:default}.empty{border:1px dashed #c4cbbb;background:#dce1d4}.board-caption{text-align:center;font-size:11px;color:#7a8176;margin:17px 0 23px}button{font:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #b66d40;outline-offset:4px}.actions{display:flex;gap:12px;justify-content:center}.primary,.secondary{border-radius:8px;padding:13px 17px;cursor:pointer;font-size:12px;font-weight:600}.primary{background:#294f3e;color:#fffef8;border:1px solid #294f3e}.primary:hover{background:#37654f}.secondary{background:transparent;color:#405346;border:1px solid #cdd3c4}.secondary:hover{background:#e9ecdf}button:disabled{opacity:.55;cursor:default}.primary span{margin-left:20px}.hint-message{text-align:center;color:#8a6948;font-size:12px;min-height:18px;margin:14px 0 27px}.instructions{display:flex;align-items:center;gap:20px;padding:21px;background:#eeeee5;border:1px solid #e1e2d7;border-radius:12px}.path{flex-shrink:0;font-family:monospace;font-size:21px;line-height:1.3;color:#87977c}h2{font-size:13px;margin:0 0 7px}.instructions p{font-size:12px;line-height:1.7;color:#737e70;margin:0}footer{text-align:center;font-size:10px;color:#8d9387;margin:27px 0 0}dialog{border:1px solid #dce0d3;border-radius:20px;background:#fffef8;color:#243b35;text-align:center;padding:35px 25px;max-width:calc(100% - 32px);width:410px}dialog::backdrop{background:#19362999;backdrop-filter:blur(4px)}dialog h2{font-family:Georgia,serif;font-size:28px;font-weight:400}dialog .answer{font-size:27px;letter-spacing:4px;color:#9a643f}dialog #result{font-size:14px;margin-bottom:25px}dialog button{display:block;width:100%;margin-top:10px}.success-mark{font-size:42px;color:#8d9e68}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:380px){.game{padding:22px 16px}.edition{font-size:8px;letter-spacing:1px}h1{font-size:31px}.actions{gap:8px}.primary,.secondary{padding:12px}.instructions{gap:12px;padding:16px}}

/* The guide overlays the existing grid, including its 10px gaps, without adding tracks. */
.board-wrap{position:relative;max-width:374px;margin:auto}
.reading-guide{position:absolute;inset:13px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;pointer-events:none}
.reading-guide span{position:relative;pointer-events:none}
.reading-guide b{position:absolute;color:#526848;background:#e5e8dd;font:700 16px/18px Arial,sans-serif;text-align:center;width:18px;height:18px;border-radius:50%;pointer-events:none}
.reading-guide .across b{right:-5px;top:50%;transform:translate(50%,-50%)}
.reading-guide .down b{bottom:-5px;left:50%;transform:translate(-50%,50%)}
.difficulty-control{text-align:center;margin:-7px 0 20px;color:#737e70;font-size:12px}
.difficulty-control p{margin:10px 0;color:#405346;font-weight:600}
[hidden]{display:none!important}
#selection{text-align:center;margin:28px 0 40px}
#selection h2{font-family:Georgia,serif;font-size:25px;font-weight:400}
.selection-copy,.selection-note{color:#737e70;font-size:12px;line-height:1.7}
.selection-note{font-size:10px;margin-top:20px}
.difficulty-options{display:flex;flex-direction:column;gap:12px;margin:23px auto;max-width:374px}
.difficulty-option{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;width:100%;text-align:left;background:#fffef8;color:#29483b;border:1px solid #cdd3c4;border-radius:10px;padding:19px;cursor:pointer}
.difficulty-option:hover{background:#e9f0df;border-color:#87977c}
.difficulty-option strong{font-family:Georgia,serif;font-size:21px;font-weight:400}
.difficulty-option span{font-size:12px;color:#737e70;margin-left:auto}
.completed-badge{font-size:10px;color:#405c35;background:#e4ebda;border-radius:12px;padding:4px 7px}
.next-difficulty{border-top:1px solid #dedfd5;padding-top:18px;margin-top:22px}
.next-difficulty h3{font-size:15px;margin:0}
.next-difficulty p{font-size:13px;line-height:1.7;color:#405346}
dialog .difficulty-option{margin:0;padding:14px}