body{font-family:sans-serif;color:#1e293b;background-color:#f1f5f9;accent-color:#334155}h1{font-size:2rem;text-align:center;margin-bottom:1.5em}label:has(~input[disabled]){color:#aaa}hr{height:1px;border:none;border-top:1px solid #aaa;margin:.75rem 0}fieldset{border:1px solid #aaa}.cloak{visibility:hidden!important}.primary-button{font-size:.875rem;font-weight:700;display:flex;padding:.25em .75em;border-radius:.25rem;border:2px solid #334155;transition:transform 75ms,background-color 75ms;color:#334155;background-color:transparent;cursor:pointer}.primary-button:hover{color:#fff;background-color:#334155}.primary-button:active{background-color:#1e293b;border-color:#1e293b;transform:scale(.9)}.primary-button-icon{fill:#71717a;width:1em;height:1em;align-self:center}.primary-button:hover .primary-button-icon{fill:#fff}.secondary-button{font-size:.875rem;padding:.5em 1em;border:none;border-radius:.25rem;transition:background-color 125ms;background-color:#e5e5e5;color:#1e293b;cursor:pointer}.secondary-button:hover{background-color:#d4d4d4}.secondary-button:active{background-color:#c8c8c8}.difficulty-selection-wrapper{position:relative}.difficulty-selection-popup{font-size:.875rem;box-sizing:border-box;position:absolute;z-index:1;left:-60%;width:220%;min-width:min-content;max-width:90vw;min-height:5rem;margin-top:1rem;padding:1rem;border-radius:.5rem;background-color:#fff;box-shadow:0 4px 8px #0003,0 0 4px #0000000d;transform-origin:50% 0%;animation-name:popup-disappear;animation-duration:.15s;animation-fill-mode:forwards}.difficulty-selection-popup--visible{animation-name:popup-appear}@media (max-width: 20rem){.difficulty-selection-popup{position:fixed;left:5%;width:90%}}@keyframes popup-appear{0%{visibility:hidden;opacity:0;translate:0 -1rem}to{visibility:visible;opacity:1;translate:none}}@keyframes popup-disappear{0%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}.difficulty-selection-heading{font-size:1rem;margin:0 0 1rem;letter-spacing:1px;text-align:center}.difficulty-option{display:flex;justify-content:space-between}.difficulty-option+.difficulty-option{margin-top:.5rem}.difficulty-selection-custom-options{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin:.75rem 0;padding:.75rem}.difficulty-selection-buttons-block{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.game-container{display:flex;flex-direction:column;width:100%;margin:0 auto}.game-ui{align-self:center;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.game-timer-display{font-family:monospace;display:inline-block;min-width:6ch;text-align:end}.game-field{--game-field-width: 16;--game-field-height: 16;display:grid;grid-template-columns:repeat(var(--game-field-width),minmax(1.25rem,1fr));grid-template-rows:repeat(var(--game-field-height),minmax(1.25rem,1fr));z-index:0;max-width:max(calc(40rem / var(--game-field-height) * var(--game-field-width)),calc(var(--game-field-width) * 1.25rem));width:100%;aspect-ratio:var(--game-field-width) / var(--game-field-height);margin:0 auto;margin-top:3rem;position:relative}.game-state-container{font-size:1.125rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;width:100%;transform:translateY(-100%);min-height:3rem}.cell{display:flex;align-items:center;justify-content:center;cursor:pointer}.cell.revealed{cursor:default}.cell-content{position:relative;width:90%;height:90%;border-radius:.25rem;background-color:#cbd5e1;pointer-events:none;transition:transform .1s}.cell-cover{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:.25rem;z-index:1;background-color:#334155;transition:background-color .1s;pointer-events:none;will-change:opacity,transform}.cell:hover .cell-cover{background-color:#475569}.cell.active .cell-content{transform:scale(.75)}.sprite{position:absolute;top:50%;left:50%;width:60%;height:60%;transform:translate(-50%,-50%);pointer-events:none}