.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem;gap:2rem;background:#f0ebe0}.app h1{font-family:Caparismo,Georgia,serif;font-size:2.5rem;color:#2c2416;letter-spacing:.04em;margin:0}.solver{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.controls{display:flex;align-items:center;gap:1rem}.btn{font-family:Luckiest Guy,Georgia,serif;font-size:1.1rem;letter-spacing:.05em;color:#2c2416;background:#f5f0e8;border:2px solid #c8973a;border-radius:10px;padding:.5rem 1.5rem;box-shadow:inset 0 -3px #b07d25,inset 0 1px #fffdf7;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,transform .08s}.btn:hover{background:#fff8ec}.btn:active{transform:scale(.95);box-shadow:inset 0 -1px #b07d25,inset 0 1px #fffdf7}.toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.toggle-track{width:40px;height:24px;border-radius:12px;background:#d4c9b0;border:2px solid #c4b99a;position:relative;transition:background .15s,border-color .15s;flex-shrink:0}.toggle-thumb{width:16px;height:16px;border-radius:50%;background:#f5f0e8;box-shadow:0 1px 3px #0003;position:absolute;top:2px;left:2px;transition:transform .15s}.toggle input:checked~.toggle-track{background:#c8973a;border-color:#b07d25}.toggle input:checked~.toggle-track .toggle-thumb{transform:translate(16px)}.toggle-label{font-family:Georgia,serif;font-size:.95rem;color:#5a4e3a}.solutions{list-style:none;margin:0;padding:0;columns:3;column-gap:1.5rem;width:min(340px,90vw)}.solutions li{font-family:Georgia,serif;font-size:.95rem;color:#2c2416;padding:.2rem 0;break-inside:avoid;text-transform:uppercase;letter-spacing:.05em}.tile{--tile-size: 80px;--tile-bg: #f5f0e8;--tile-border: #d4c9b0;--tile-bevel-shadow: #c4b99a;--tile-bevel-light: #fffdf7;--tile-text: #2c2416;--tile-active-bg: #fff8ec;--tile-active-border: #c8973a;--tile-active-bevel-shadow: #b07d25;--tile-active-glow: rgba(200, 151, 58, .25);--tile-empty-bg: #ede9e0;--tile-empty-border: #c9c3b5;--tile-empty-bevel-shadow: #b8b2a5;--tile-empty-bevel-light: #f5f2ec;width:var(--tile-size);height:var(--tile-size);border-radius:calc(var(--tile-size) * .15);background:var(--tile-bg);border:2px solid var(--tile-border);box-shadow:inset 0 -3px 0 0 var(--tile-bevel-shadow),inset 0 1px 0 0 var(--tile-bevel-light);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,border-color .1s,transform .08s}.tile--active{background:var(--tile-active-bg);border-color:var(--tile-active-border);box-shadow:inset 0 -3px 0 0 var(--tile-active-bevel-shadow),inset 0 1px 0 0 var(--tile-bevel-light),0 0 0 3px var(--tile-active-glow)}.tile--empty{background:var(--tile-empty-bg);border-color:var(--tile-empty-border);box-shadow:inset 0 -2px 0 0 var(--tile-empty-bevel-shadow),inset 0 1px 0 0 var(--tile-empty-bevel-light);cursor:default}.tile--empty.tile--active{background:var(--tile-active-bg);border:2px dashed var(--tile-active-border);box-shadow:0 0 0 3px var(--tile-active-glow);cursor:default}.tile:not(.tile--empty):active{transform:scale(.92);box-shadow:inset 0 -1px 0 0 var(--tile-bevel-shadow),inset 0 1px 0 0 var(--tile-bevel-light)}.tile-label{font-family:Luckiest Guy,Georgia,serif;font-size:calc(var(--tile-size) * .64);line-height:1;color:var(--tile-text);letter-spacing:.01em;padding-top:calc(var(--tile-size) * .08)}.tile-label--multi{font-size:calc(var(--tile-size) * .5);letter-spacing:-.02em}.tile--empty .tile-label{opacity:0}.board{--board-gap: 10px;--grid-size: 4;display:grid;grid-template-columns:repeat(var(--grid-size),var(--tile-size));gap:var(--board-gap) calc(var(--board-gap) + 4px)}.board-hidden-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}