:root{--primary:#93a28e;--secondary:#fff;--tertiary:#000;--quartiary:#313131;--quintiary:#f7f5eb}@font-face{font-family:Playfair;src:url(/fonts/PlayfairDisplay-VariableFont_wght.031744d8.ttf) format("truetype")}@font-face{font-family:Raleway;src:url(/fonts/Raleway-VariableFont_wght.98b3031e.ttf) format("truetype")}body{margin:0;background:var(--primary);color:var(--tertiary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,td{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}::-moz-selection{background-color:var(--tertiary);color:var(--secondary)}::selection{background-color:var(--tertiary);color:var(--secondary)}h1{margin:0;font-family:Playfair,sans-serif;font-size:5rem;line-height:.9}a,button,p{margin:0;font-family:Raleway,sans-serif;font-weight:600;font-size:1.4rem}a{text-decoration:underline;cursor:pointer}.container{display:flex;flex-direction:column;padding:2rem;height:calc(100vh - 4rem);.title{display:flex;align-items:end;justify-content:center;width:-moz-fit-content;width:fit-content;gap:10px}.rules{max-width:800px;margin-top:20px;font-weight:600}}mark.default{background-color:var(--secondary);color:var(--tertiary)}mark.alternative{background-color:var(--tertiary);color:var(--secondary)}.view{display:flex;flex-direction:column;justify-content:end;align-items:center;width:100%;flex-grow:1;margin-top:2rem}.view,button{position:relative}button{border:solid 4px var(--tertiary);text-align:center;display:inline-block;font-size:1.2em;cursor:pointer;height:50px;width:360px;border-radius:20px;box-shadow:4px 4px 0 0 var(--tertiary);margin:.4rem}button.default{background-color:var(--tertiary);color:var(--secondary)}button.alternative{background-color:var(--secondary);color:var(--tertiary)}button img{position:absolute;right:1rem}button[disabled]{opacity:.8;cursor:not-allowed}button:active:not([disabled]){box-shadow:none;transform:translate(4px,4px)}.back:hover,button:hover:not([disabled]){text-decoration:underline;text-decoration-thickness:3px}.back{display:flex;align-items:center;text-decoration-thickness:2px;gap:5px;margin-top:20px;width:-moz-fit-content;width:fit-content}#context{display:flex;top:50%;left:50%;transform:translate(-50%,-50%);height:180px;width:440px;background-color:var(--tertiary);color:var(--secondary);display:none}#context,#timer{position:absolute;flex-direction:column;align-items:center;justify-content:center}#timer{display:flex;bottom:0;right:0}#grid-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;#grid{border-collapse:collapse;background-color:var(--secondary)}}td{cursor:pointer;border:4px solid var(--tertiary);div{width:clamp(16px,2vw,32px);height:clamp(16px,2vw,32px);margin:clamp(8px,1vw,16px);border:4px solid transparent;border-radius:50%}.black-grey,.circle.black{background-color:var(--tertiary);border:4px solid var(--tertiary)}.black-grey{opacity:.4}.circle.white,.white-grey{border:4px solid var(--tertiary)}.white-grey{opacity:.4}}