*{text-align:center;font:14px Segoe UI,cursive;color:#383737;font-weight:700;white-space:"pre-line"}body{text-align:-webkit-center;color:var(--primary-text);margin:0;padding:0;display:flex;place-items:center;justify-content:center;background-color:var(--bg-color);background-image:url(/nonogramdle-bg-2.png);background-attachment:fixed;background-position:center;background-size:cover;background-blend-mode:lighten}#root{margin:10px 0;padding:0;width:100%;text-align:center;display:flex;justify-content:center}h1{font-size:36px;font-weight:700;color:var(--accent-color);text-align:center;margin:30px 0;font-family:cursive}h2{text-align:center;font-size:24px;color:var(--primary-text);font-family:cursive;margin:0 0 30px}h3{text-align:center;font-weight:700;font-style:italic;font-size:16px;color:var(--secondary-text)}.span-accent,.span-accent>*{color:var(--accent-color);font-weight:700}.span-accent-secondary,.span-accent-secondary>*{color:var(----secondary-text);font-weight:700}.span-white,.span-white>*{color:#fff;font-weight:700}a,a:visited{text-decoration:none}hr{width:80%;margin:25px 10%;text-align:center;border-top:1px solid #d3d3d3}.download-link{display:inline-flex;text-decoration:underline;cursor:pointer;padding:0 12px;border:none;border-radius:5px}.button{text-decoration:none;padding:7px 12px;background-color:var(--bg-accent);color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px 1px #142513}.button-del{text-decoration:none;padding:7px 12px;background-color:var(--accent-color-red);color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px 1px #142513}.button:hover{background-color:var(--bg-accent-dark);box-shadow:3px 3px 5px 1px #142513}.return-button{text-decoration:none;margin:20px 0;padding:7px 12px;background-color:var(--bg-accent);color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px 1px #142513}.submit-button{text-decoration:none;margin:20px;padding:7px 12px;background-color:var(--bg-accent);color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px 1px #142513}.checkbox-toggle{position:relative;width:50px;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ccc;border-radius:26px;transition:background-color .3s;outline:none;cursor:pointer}.checkbox-toggle:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s}.checkbox-toggle:checked{background-color:#4c6faf}.checkbox-toggle:checked:before{transform:translate(24px)}@media screen and (max-width: 950px){#root{width:90%}}@media screen and (max-width: 850px){*{font-size:16px}h1{font-size:28px}h2{font-size:24px}h3{font-size:16px}}.header{height:200px;display:flex;justify-content:center;align-items:center}.header-title{font-family:cursive;display:inline-flex;font-size:36px;margin:0 10px 0 0;padding:0;align-items:center}.image-container{overflow:hidden;display:inline-block;position:relative;width:100%;height:100%}.zoom-image{transition:transform .5s ease;height:200px}.zoom-image:hover{transform:scale(1.2)}.language-switcher{position:relative;display:inline-block;outline:none}.language-switcher-btn:focus{outline:none}.language-switcher-btn:hover{background-color:inherit;color:#000}.language-switcher-btn{background-color:#f5f5f5;border:0;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;transition:background .2s}.language-switcher-btn:hover{background-color:#e9e9e9}.language-switcher-btn img{width:24px;height:18px;object-fit:cover;border-radius:4px}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;min-width:120px;z-index:1000;padding:6px 0}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .2s;z-index:-1}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item img{width:20px;height:14px;object-fit:cover;border-radius:2px}.share{margin-top:20px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;background-color:inherit}.share-container{width:50%;padding:2% 0;font-size:.9em}.share-item a{display:inline-flex;margin:0 1%;text-align:center;align-items:center;flex-direction:column}.share-item img{display:flex;max-height:48px;cursor:pointer}.share-item span{display:flex;max-height:48px;cursor:pointer;font-size:.9em;color:#a0a0a0}.socials{padding:2% 0;font-size:.9em}.socials-item{display:inline-block;margin:0 1%}.socials-item img{max-height:48px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:99}.modal{padding:40px;box-shadow:0 2px 10px #0000001a;position:relative;width:50%;font-size:.9em;background-color:var(--bg-primary);border:5px solid var(--zGold);border-radius:10px;color:#fff;margin:0;max-height:80%;overflow-x:auto}.modal-rev{display:block;width:100%;text-align:left;white-space:pre-line}.modal-rev *{text-align:left}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.close-button{height:48px!important}.close-button:hover{color:red}.drop-zone{border:2px dashed #007bff;border-radius:10px;padding:30px;text-align:center;cursor:pointer;background-color:#f8f9fa;transition:background-color .3s ease,border-color .3s ease;color:#333;margin-top:10px}.drop-zone:hover{background-color:#e0f0ff}.drop-zone.drag-over{background-color:#d0e8ff;border-color:#0056b3;color:#0056b3;box-shadow:0 0 10px #007bff80}.drop-zone p{margin:0;font-size:16px;font-weight:700}.options-div{display:flex;align-items:center;margin-top:10px}.options-div label{margin-left:10px}@media (max-width: 920px){.modal{width:90%;padding:20px}}@media (max-width: 850px){.modal{width:90%;padding:20px}}@media (max-width: 480px){.modal{width:95%;padding:20px}}.footer{display:inline-block;width:100%;padding:2% 0;font-size:.9em;color:var(--primary-text)}.footer a{font-size:.9em}.history{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;margin-top:20px;justify-content:center;align-items:center}.history a{text-decoration:none;color:inherit}.history a:hover{color:inherit}.history-item{color:#f3f3f3;background-color:#6d6c6c;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;margin-bottom:20px;box-shadow:3px 3px 5px 1px #142513;border:2px solid var(--darklight-border);min-width:100px;transition:transform .2s ease,box-shadow .2s ease}.history-item.completed{background-color:#0a530a;color:#f3f3f3;border:2px solid #073a07}.history-item.completed:hover,.history-item.not-completed:hover{transform:translateY(-5px)}.library{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;margin-top:20px;justify-content:center;align-items:center}.library-item{color:#f3f3f3;background-color:#6d6c6c;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;margin-bottom:20px;box-shadow:3px 3px 5px 1px #121811;border:2px solid var(--darklight-border);min-width:100px;transition:transform .2s ease,box-shadow .2s ease}.library-item.completed{background-color:#0a530a;color:#f3f3f3;border:2px solid #073a07}.library-item.completed:hover,.library-item.not-completed:hover{transform:translateY(-5px)}.library-create-button{display:inline-block;font-family:Poppins,sans-serif;font-weight:600;font-size:16px;padding:12px 24px;background:linear-gradient(135deg,var(--bg-accent) 0%,var(--bg-accent-dark) 100%);color:#dbdada;border:none;border-radius:24px;box-shadow:3px 3px 5px 1px #142513,inset 0 -2px #0000001a;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.library-create-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 12px #0000004d,inset 0 -2px #0000001a;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:50px 0}.pagination button{padding:.5rem 1rem;background-color:#dfdede;color:#333;border-radius:5px;border:1px solid #ccc}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;width:100%;align-items:center;justify-content:center}.filters input,.filters select{padding:.5rem;font-size:1rem;border-radius:5px;border:1px solid #cfcece}.filters-input-number{width:75px}.grid{border:2px solid}.grid-cell.O{background-color:#000;color:#000}.grid.completed,.grid.failed{pointer-events:none;cursor:default;background-color:transparent;color:transparent;text-decoration:none;text-shadow:none;box-shadow:none;transform:none}.grid-row:nth-child(5n):nth-child(5n){border-bottom:2px solid #000}.grid-cell:nth-child(5n){border-right:2px solid #000}.cell-active{background-color:#8a8a8a33}.cell-wrong{color:#ce1919!important;pointer-events:none;cursor:default;transform:none}.grid-cell.O.cell-wrong{background-color:#ce1919!important}.grid-cell.X.cell-wrong{background-color:pink!important;font-size:1.5em}.rules{width:100%;font-size:8px;padding:2% 5%;background-color:inherit;border-top:2px solid var(--section-border);border-bottom:2px solid var(--section-border);margin:20px 0;color:#fff}.rules *{text-align:left}.rules p{color:var(--secondary-text)}.daily-puzzle{display:flex;justify-content:center}.grid-wrapper{display:flex;flex-direction:column;margin:50px 50px 50px 0;left:-50px}.col-clues{display:flex;justify-content:center;justify-content:space-evenly;gap:4px;margin-left:60px}.col-clue{display:flex;flex-direction:column;align-items:center;font-size:14px;min-width:24px;justify-content:flex-end;margin-bottom:5px}.row-clues-and-grid{display:flex;flex-direction:column}.row-with-clue{display:flex;align-items:center}.row-clues{display:grid;align-items:center;margin-right:10px}.row-clue{display:flex;gap:4px;width:50px;justify-content:flex-end;font-size:14px}.grid{background-color:#fff}.grid-row{display:flex}.grid-cell{display:flex;align-items:center;justify-content:center;font-family:Segoe UI Symbol,"Apple Color Emoji","Noto Color Emoji",sans-serif;width:30px;height:30px;border:1px solid #999;font-size:1.9em;cursor:pointer;-webkit-user-select:none;user-select:none}.grid-cell.X{color:#5a5a5a}.grid-cell.\?{color:#5a5a5a;font-size:1.4em;font-family:Courier New,monospace}.grid-and-row-clues{display:flex}.message-error{color:#ce1919;font-size:1.2em;margin-top:10px}input,select{background-color:#fff}.create-puzzle-form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}.create-puzzle-form-group{display:flex;align-items:center;justify-content:center;margin-bottom:20px;width:100%}.create-puzzle-form-group label{margin-right:10px;font-size:16px;color:var(--dark-blue)}.create-puzzle-form input[type=text],.create-puzzle-form input[type=number],.create-puzzle-form select{width:200px;padding:3px;border-radius:5px;border:1px solid var(--dark-blue);font-size:16px;color:var(--dark-blue)}.create-puzzle-form input[type=text]:focus{outline:none;border-color:var(--dark-blue)}.grid-container{display:flex;gap:10px;margin-bottom:20px;border:0;align-items:center;justify-content:center}.nav{margin:0 0 25px;padding:0;height:48px;display:flex;justify-content:center;align-items:center}.nav-item{height:44px;width:44px;display:flex;justify-content:center;align-items:center;margin:5px;background-color:var(--zGold);padding:5px;border-radius:10px;border:4px solid var(--zBgBlue)}.nav-item:hover{border-color:var(--zGoldDark);background-color:var(--zGoldLight);transition:background-color .5s,color .5s}.nav-item-link{height:90%;display:flex;justify-content:center;align-items:center;margin:0 5px}.nav img{cursor:pointer;height:100%;width:auto;filter:brightness(0);transition:filter .2s}:root{--bg-color: #f4f4f2b3;--bg-primary: #f4f4f2;--bg-secondary: #8d8b8b;--bg-accent: #457b9d;--bg-accent-dark: #1d3557;--bg-accent-light: #a8dadc;--primary-text: #333;--secondary-text: #555;--accent-color: #457b9d;--accent-color-red: #e63946;--section-border: #ccc;--dark-border: #333;--darklight-border: #666;--light-border: #999}.privacypolicy{display:block;width:80%;margin:0 auto;text-align:left;white-space:pre-line}.privacypolicy *{text-align:left}