*{box-sizing:border-box}body{margin:0;background:#101c28;color:#e6eee9;font:16px/1.6 system-ui,sans-serif}main{max-width:1040px;margin:auto;padding:38px 28px}header{border-bottom:1px solid #34434c;padding-bottom:23px}.eyebrow{font-size:11px;letter-spacing:.25em;color:#a7bea9}h1{font:52px/1.08 Georgia,serif;margin:12px 0;color:#f7e6c5}h1 span{display:block;font:17px system-ui;color:#a8bfca;margin-top:10px;letter-spacing:.14em}header p{margin:15px 0 0;color:#b0bfc3}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0}select,button{font:inherit;color:inherit;border:1px solid #52656b;border-radius:7px;background:#20323c;padding:8px 12px;cursor:pointer}select{margin-left:8px}button:hover{background:#354e56}button:focus-visible,select:focus-visible{outline:3px solid #f4c877;outline-offset:3px}#progress{font-size:13px;color:#b6cfbc}.play{display:grid;grid-template-columns:minmax(280px,540px) 1fr;gap:34px;align-items:start}.board-wrap{padding:20px;background:#172b36;border:1px solid #3e535b;border-radius:16px;box-shadow:0 18px 45px #0004}#board{position:relative;aspect-ratio:1;border:3px solid #e5d4ac;background:#d9dfd6;touch-action:manipulation}.cell{position:absolute;border:1px solid #52665b45;background:#d4ddd6;transition:background .2s}.cell.valid{background:#85bfa5}.star{position:absolute;z-index:5;pointer-events:none;width:15px;height:15px;background:#fff2c9;border:2px solid #132a32;box-shadow:0 0 0 2px #fff2c9;border-radius:50%;transform:translate(-50%,-50%)}.seam{position:absolute;z-index:3;border:0;padding:0;border-radius:0;background:transparent;transform:translate(-50%,-50%)}.seam::after{content:"";position:absolute;background:#213d47;opacity:0;border-radius:2px}.seam.v::after{width:4px;height:100%;left:calc(50% - 2px);top:0}.seam.h::after{height:4px;width:100%;top:calc(50% - 2px);left:0}.seam.on::after{opacity:1}.seam:hover{background:#e4bc6b70}.seam:focus-visible{outline:2px solid #b27328;outline-offset:-2px;background:#edc77955;z-index:4}h2{font:25px Georgia;margin:0 0 18px;color:#f5e4c6}aside p{font-size:14px;color:#bdc9cb;margin:0 0 17px}.legend{font-size:13px;color:#c5dfcf;display:flex;align-items:center;gap:10px}.sample{width:16px;height:16px;background:#85bfa5;display:inline-block}.keys{margin-top:20px;color:#90a8b3}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:13px}.status{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;background:#20353d;margin:25px 0;padding:17px 20px;border-radius:9px}.status strong{color:#e9d5ab}.status span{font-size:13px;color:#b4c7c9}footer{font-size:11px;color:#869ca8;max-width:680px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}@media(max-width:740px){main{padding:25px 16px}h1{font-size:42px}.play{grid-template-columns:1fr;gap:25px}.board-wrap{padding:15px;max-width:540px;width:100%;margin:auto}aside{max-width:540px}.toolbar{flex-wrap:wrap}.status{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}