*{box-sizing:border-box}body{margin:0;background:#101c26;color:#f2f3eb;font:16px system-ui,sans-serif}main{max-width:540px;margin:auto;padding:18px 14px 36px}header{border-bottom:1px solid #526572;padding-bottom:10px}small{letter-spacing:.13em;color:#91dfd1}h1{font-size:clamp(25px,7vw,36px);margin:8px 0}p{line-height:1.45}#rules{color:#cfdbdf}#board{display:grid;gap:6px;padding:8px;background:#07131e;border:1px solid #476471;border-radius:14px;margin:14px 0;touch-action:none}.tile{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#203340;color:#8499a2;font-weight:800;font-size:20px;border:1px solid #304c5a;min-width:0}.filled{background:#88d7c3;color:#102a31;box-shadow:inset 0 -4px #0002}.dock{outline:3px dashed #eec36d;outline-offset:-4px}.selected{outline:3px solid #fff}.dark{background:#04080c;color:#fff}.white{background:#eee;color:#111}#controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}button{font:inherit;font-weight:700;min-height:48px;border:1px solid #799393;border-radius:9px;background:#d5eae2;color:#132b34;padding:10px;cursor:pointer}button:hover{background:#fff}button:focus-visible{outline:3px solid #ffd173;outline-offset:2px}button:disabled{opacity:.5;cursor:default}#restart{width:100%;margin-top:10px;background:#efc775}#status{font-weight:800;color:#f4d18c}#stats,#detail{font-size:14px;margin:9px 0}#feedback{color:#ffd49a;min-height:22px}details{margin-top:18px;color:#c5d6dc}summary{cursor:pointer;min-height:44px;padding:12px 0}a{color:#a3e7ed;display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:8px 4px}footer{font-size:13px;line-height:1.5;color:#aebfc6;margin-top:22px}@media(max-width:340px){main{padding:12px 10px}.tile{font-size:17px;min-height:44px}#board{gap:4px;padding:6px}}
#board{background:#4b302b;border-color:#cda087}.filled{background:#e6c7a5;color:#492c22}.hearth{box-shadow:inset 0 0 0 4px #e88740;background:#ffdcaa}#detail{border-left:4px solid #e7a867;padding:12px;background:#49352a}