:root{font-family:Arial,Helvetica,sans-serif;color:#173f31;background:#f4f6ee;font-synthesis:none;--green:#176345;--light:#e6eddf}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}header{max-width:1180px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3d4}.brand{font-size:26px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:9px}.brand-dot{color:#77a46a}.logo{display:grid;place-items:center;background:var(--green);color:#fff;border-radius:10px;width:35px;height:35px;font-size:30px}.badge{font-size:12px;border:1px solid #cad8c3;border-radius:30px;padding:9px 13px;background:#ecf2e5}main{max-width:1040px;margin:auto;padding:48px 30px}.intro{text-align:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#67816d}h1{font-size:56px;line-height:1.04;letter-spacing:-2px;margin:18px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro p{color:#6b7c6b;font-size:15px;line-height:1.7}.game{background:#fffdf7;border:1px solid #dce3d4;border-radius:22px;margin:35px auto 0;max-width:750px;padding:28px;box-shadow:0 14px 50px #163d2510}.toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.puzzle-title{font-family:Georgia,serif;font-size:22px;margin-top:6px}.level{margin-left:auto;font-size:12px;color:#6b7c6b}select{margin-left:6px;background:#f3f5ed;border:1px solid #d5decd;padding:9px;border-radius:8px;color:#173f31}button{border:1px solid #ccd9c6;border-radius:9px;padding:11px 15px;background:#f0f4e9;color:#235339;font-weight:600;font-size:13px;cursor:pointer}button:hover{background:#e0ebd5}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#104a33}.board-wrap{margin:27px 0 15px;display:flex;justify-content:center;background:#f0f3e9;border-radius:15px;padding:20px 12px;min-height:290px;align-items:center}#board{display:grid;width:100%;max-width:540px;gap:3px}.cell{aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:700;font-size:clamp(12px,2.3vw,22px)}.symbol{background:var(--green);color:#f7fbee}.given{background:#dce8cc;color:#325533}.gap{padding:0;border:1px solid #b7c9a9;background:#fffef8;position:relative}.gap input{width:100%;height:100%;min-width:0;text-align:center;background:transparent;border:0;border-radius:5px;color:#173f31;font-size:inherit;font-weight:700;padding:0;outline:none}.gap:focus-within{outline:3px solid #8caf54;z-index:1}.gap.wrong{background:#ffe6d9;border-color:#c16843}.gap.correct{background:#d6edb6}.gap.over{outline:3px solid #8caf54}.board-footer{display:flex;justify-content:space-between;font-size:12px;color:#6f826b}.bank-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px}h2{font-size:14px;margin:0}.bank-head span{font-size:11px;color:#7a8772}#bank{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 22px;min-height:44px}.tile{min-width:44px;padding:11px;background:#e7efd9;border-color:#d0dfbd;font-size:16px;touch-action:none}.tile.selected{background:#176345;color:#fff;outline:3px solid #a6c981}.tile:disabled{opacity:.25;cursor:default}.actions{display:flex;gap:9px;flex-wrap:wrap}.text-button{background:none;border-color:transparent;margin-left:auto;color:#7b8773}#message{font-size:13px;line-height:1.5;color:#67816d;margin-bottom:0;min-height:20px}aside{display:flex;gap:16px;max-width:640px;margin:28px auto 0;padding:0 15px}.tip-icon{color:#7b9a55;font-size:24px}aside p{font-size:13px;color:#74806e;line-height:1.7;margin:7px 0}footer{max-width:1100px;margin:auto;padding:20px 35px 30px;color:#87917e;font-size:11px;display:flex;justify-content:space-between}button:focus-visible,select:focus-visible{outline:3px solid #8caf54;outline-offset:2px}@media(max-width:600px){header{padding:20px}.brand{font-size:23px}.badge{font-size:10px}main{padding:25px 12px}h1{font-size:44px}.game{padding:17px;margin-top:25px}.toolbar{gap:8px}.puzzle-title{font-size:18px}.toolbar button{padding:10px}.level{font-size:0}.level select{font-size:12px}.board-wrap{padding:15px 6px;min-height:250px}.bank-head{align-items:flex-start}.bank-head span{max-width:165px;text-align:right;line-height:1.5}.text-button{margin-left:0}footer span{display:none}.cell{border-radius:3px}#board{gap:2px}}
/* Safari zooms focused inputs below 16px. Keep answer inputs legible without
   disabling the player's normal pinch-to-zoom or changing the grid size. */
@media(max-width:600px){#board .gap input{font-size:16px}}
.timer-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #dce3d4;margin-top:20px;padding-top:16px;font-size:12px;color:#67816d}.timer-bar output{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--green);margin-left:auto}.timer-bar p{width:100%;margin:0;line-height:1.5}.timer-bar select{font-size:16px}.timer-bar [hidden]{display:none}footer{gap:15px;flex-wrap:wrap}footer a{color:var(--green);text-underline-offset:3px}footer #app-version{display:inline}footer a:focus-visible{outline:3px solid #8caf54;outline-offset:3px}