#logicle-play :is(button,a):focus-visible{outline:3px solid #864f2c;outline-offset:3px}.logicle-shell{width:100%;max-width:46rem;margin-inline:auto}.logicle-mode{min-height:2.75rem;border-radius:.65rem;padding:.55rem 1rem;font-size:.875rem;font-weight:700;color:#57534e}.logicle-mode-active{background:#fff;color:#78350f;box-shadow:0 1px 3px #1c19171f}.dark .logicle-mode{color:#d6d3d1}.dark .logicle-mode-active{background:#44403c;color:#fde68a}.logicle-card{overflow:hidden;border:1px solid rgb(231 229 228);border-radius:1.35rem;background:#fff;box-shadow:0 18px 45px #44302014}.dark .logicle-card{border-color:#44403c;background:#292524}.logicle-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.35rem;border-bottom:1px solid rgb(231 229 228)}.dark .logicle-card-header{border-color:#44403c}.logicle-score{min-width:5.5rem;padding:.65rem .7rem;border-radius:.9rem;background:#faf5ef;text-align:right;color:#78350f}.dark .logicle-score{background:#44403c;color:#fde68a}.logicle-score span,.logicle-score small{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.logicle-score strong{display:inline-block;margin-top:.15rem;font-family:Georgia,serif;font-size:1.7rem;line-height:1}.logicle-legend{display:flex;flex-wrap:wrap;gap:.7rem 1rem;padding:.85rem 1.35rem;border-bottom:1px solid rgb(231 229 228);color:#57534e;font-size:.75rem;font-weight:700}.dark .logicle-legend{border-color:#44403c;color:#d6d3d1}.logicle-legend b,.logicle-legend i{margin-right:.25rem;font-size:1rem;font-style:normal;color:#92400e}.dark .logicle-legend b,.dark .logicle-legend i{color:#fdba74}.logicle-board-wrap{padding:1.1rem clamp(.7rem,4vw,2rem);background:linear-gradient(135deg,#faf5ef,#fffbeb)}.dark .logicle-board-wrap{background:linear-gradient(135deg,#292524,#44403c)}.logicle-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(100%,31rem);aspect-ratio:1;margin:0 auto;overflow:hidden;border:3px solid rgb(120 53 15);border-radius:1rem;background:#78350f;gap:2px}.dark .logicle-board{border-color:#fdba74;background:#fdba74}.logicle-cell{position:relative;min-width:0;border:0;background:#fffbeb;color:#78350f;font-family:Georgia,serif;font-size:clamp(1.55rem,8vw,3rem);font-weight:700;line-height:1;transition:background .15s,transform .15s}.dark .logicle-cell{background:#292524;color:#fdba74}.logicle-cell:hover:not([aria-disabled=true]){background:#fed7aa;transform:scale(.97)}.dark .logicle-cell:hover:not([aria-disabled=true]){background:#78350f}.logicle-cell-fixed{background:#f5e7d7;color:#57534e}.dark .logicle-cell-fixed{background:#44403c;color:#d6d3d1}.logicle-cell-filled:not(.logicle-cell-fixed){background:#ffedd5}.dark .logicle-cell-filled:not(.logicle-cell-fixed){background:#5c4230}.logicle-cell-conflict{background:#fee2e2!important;color:#b91c1c;box-shadow:inset 0 0 0 3px #ef4444}.dark .logicle-cell-conflict{background:#450a0a!important;color:#fecaca}.logicle-clue-mark{position:absolute;right:2px;bottom:2px;font-family:ui-sans-serif,sans-serif;font-size:.65rem;color:#b45309}.dark .logicle-clue-mark{color:#fdba74}.logicle-status{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1.35rem 0;color:#57534e;font-size:.75rem;font-weight:700}.dark .logicle-status{color:#d6d3d1}.logicle-message{margin:.8rem 1.35rem 0;padding:.7rem .85rem;border-radius:.75rem;background:#fef2f2;color:#991b1b;font-size:.875rem}.dark .logicle-message{background:#450a0a;color:#fecaca}.logicle-message-success{background:#ecfdf5;color:#065f46}.dark .logicle-message-success{background:#064e3b;color:#a7f3d0}.logicle-actions{display:flex;flex-wrap:wrap;gap:.65rem;padding:1rem 1.35rem 1.35rem}.logicle-primary,.logicle-secondary{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.45rem;border-radius:.75rem;padding:.65rem 1rem;font-size:.875rem;font-weight:800}.logicle-primary{background:#78350f;color:#fff}.logicle-primary:hover{background:#92400e}.logicle-secondary{border:1px solid rgb(214 211 209);background:#fff;color:#44403c}.dark .logicle-secondary{border-color:#57534e;background:#292524;color:#f5f5f4}.logicle-primary:disabled,.logicle-secondary:disabled{cursor:not-allowed;opacity:.45}.logicle-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.35rem 1.35rem;padding:1rem;border:1px solid rgb(167 243 208);border-radius:1rem;background:#f0fdfa}.dark .logicle-result{border-color:#065f46;background:#064e3b73}@media (max-width: 480px){.logicle-card-header{padding:1rem}.logicle-card-header h2{font-size:1.65rem}.logicle-score{min-width:4.6rem}.logicle-score strong{font-size:1.35rem}.logicle-status{padding-inline:1rem;font-size:.68rem}.logicle-actions{padding-inline:1rem}.logicle-primary,.logicle-secondary{flex:1;padding-inline:.6rem}.logicle-result{margin-inline:1rem;align-items:flex-start;flex-direction:column}.logicle-result .logicle-primary{width:100%}}