:root{--max-width: 720px;--board-size: min(90vw, 600px);--field-size: calc(var(--board-size) / 4);--color-background: #f0f0f0;--color-text: #333;--color-field-bg: white;--color-board-bg: transparent;--color-modal-bg: #fefefe;--color-modal-overlay: rgba(240, 240, 240, .85);--color-stat-text: #a0a0a0;--color-countdown-overlay: rgba(0, 0, 0, .9);--main-color: #CC5500;--highlight-color: #CC5500;--match-color-light: #CC5500;--dot-color-active: #CC5500;--border-color: #a0a0a0;--timer-bg-color: #e0e0e0;--control-font-size: 1.5rem;--gap-size: clamp(4px, 1.5vw, 8px);--selected-bg-color: #CC55001A;--matched-field-bg-light: #FFB870;--matched-field-bg-dark: #1e1e1e;--reset-button-size-factor: .65;--drag-border-width: 3px;--dot-size-header: clamp(2px, 4.5vw, 6px);--pixel-gap-size-header: calc(var(--dot-size-header) * .25);--letter-gap-size-header: calc(var(--dot-size-header) * 1.5);--letter-width-header: calc(5 * var(--dot-size-header) + 4 * var(--pixel-gap-size-header));--dot-size-overlay: clamp(3px, 4vw, 6px);--pixel-gap-size-overlay: calc(var(--dot-size-overlay) / 3);--button-fixed-width: 50px;--buttons-total-width: 100px;--padding-total-width: 40px;--control-element-size: 50px}html.dark-mode{--color-background: #222;--color-text: #f0f0f0;--color-field-bg: #111;--color-board-bg: transparent;--color-modal-bg: #1c1c1c;--color-modal-overlay: rgba(18, 18, 18, .85);--color-stat-text: #777;--color-countdown-overlay: rgba(18, 18, 18, .9);--border-color: #777;--dark-mode-dot-base: #777777;--highlight-color: #FF8800;--main-color: #FF8800;--match-color-light: #FF8800;--dot-color-active: #FF8800;--selected-bg-color: #FF88001A;--matched-field-bg-dark: #663500;--matched-field-shadow-dark: rgba(255, 136, 0, .7);--timer-bg-color: #444}html{transition:background-color .3s}@keyframes shake{0%,to{transform:translate(0) translateY(0)}15%,45%,75%{transform:translate(-2px) translateY(0)}30%,60%,90%{transform:translate(2px) translateY(0)}}.field.shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both;box-shadow:none!important;border-color:transparent!important;z-index:50;transition:none!important;opacity:1!important;transform:translateZ(0);backface-visibility:hidden;pointer-events:none}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;margin:0;padding:0;width:100%;overflow-x:hidden;background-color:var(--color-background);color:var(--color-stat-text);overscroll-behavior:none;-webkit-overflow-scrolling:touch}#menu-overlay hr{display:none!important}#game-container{width:100%;max-width:var(--max-width);display:flex;flex-direction:column;align-items:center;flex-grow:1;margin:0 auto 20px}#ad-container{width:100%;max-width:var(--max-width);margin:15px auto;padding:0 1rem;box-sizing:border-box}#ad-banner{width:100%;min-height:50px;max-height:90px;background-color:var(--bg-color);border:1px dashed var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-placeholder-text{font-size:.75rem;color:var(--border-color);opacity:.5;text-transform:uppercase;letter-spacing:2px}#ad-banner:has(ins.adsbygoogle) .ad-placeholder-text{display:none}#top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--max-width);padding:0 1rem;margin:20px auto 15px;min-height:70px;height:70px;overflow:hidden}.top-bar-button{font-family:PT Sans,sans-serif;font-weight:500;font-size:clamp(1.8rem,calc(1.8rem + (3 - 1.8) * ((100vw - 300px) / (720 - 300))),3rem);font-weight:700;background:none;border:none;color:var(--border-color);cursor:pointer;padding:5px 0;line-height:.8;transition:color .2s,transform .2s;flex-shrink:0;z-index:5;width:var(--button-fixed-width);text-align:center;display:flex;align-items:center;justify-content:center}#menu-button{justify-content:flex-start}#info-button,#close-meta-button{justify-content:flex-end}.top-bar-button:hover{color:var(--main-color);transform:scale(1.1)}#game-title{flex-grow:1;flex-shrink:1;flex-basis:0;font-size:0;line-height:0;text-align:center;overflow:hidden;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;padding:0;height:100%;max-width:100%}#pixel-title{display:flex;gap:var(--letter-gap-size-header);width:max-content;height:auto;flex-shrink:1;transform:none;transform-origin:center center;max-width:100%}.pixel-letter{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(7,1fr);width:var(--letter-width-header);height:calc(7 * var(--dot-size-header) + 6 * var(--pixel-gap-size-header));gap:var(--pixel-gap-size-header);line-height:0;font-size:0;flex-shrink:0}.pixel-dot{width:var(--dot-size-header);height:var(--dot-size-header);background-color:transparent;opacity:0;visibility:hidden;border-radius:20%;flex-shrink:0}#overlay-title-container,#win-title-container{display:flex;width:max-content;max-width:100%;height:auto;transform-origin:center center;margin-bottom:20px;justify-content:center;flex-wrap:nowrap;white-space:nowrap}.pixel-title-overlay{--dot-size: var(--dot-size-overlay)}#control-bar{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:40px;height:50px}.counter-group{display:flex;align-items:center;gap:15px}#moves-count-text{font-family:PT Sans,sans-serif;font-weight:500;font-size:1.2rem;text-transform:uppercase;color:var(--color-stat-text);margin:0;white-space:nowrap}#moves-count-number{font-weight:700;color:var(--main-color);position:relative;z-index:1;font-size:1.2rem;will-change:opacity;top:-1px}#moves-count-number.infinity{font-size:1.6rem;top:-2px}#reset-button{font-family:PT Sans,sans-serif;font-weight:500;font-size:1.6rem;line-height:1;text-transform:uppercase;margin-top:4px;cursor:pointer;background-color:transparent;color:var(--main-color);border:4px solid var(--main-color);font-weight:900;border-radius:50%;width:calc(var(--control-element-size) - 3px);height:calc(var(--control-element-size) - 3px);box-sizing:border-box;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}#reset-button span,.reset-button-moved{position:relative;top:-2px}#reset-button:hover{background-color:transparent;border-color:var(--main-color);color:var(--main-color)}#game-board{display:grid;grid-template-columns:repeat(5,1fr);aspect-ratio:5 / 4;width:calc(var(--board-size) + 2 * var(--gap-size));height:calc(var(--board-size) + 2 * var(--gap-size));border:none;border-radius:5px;overflow:hidden;background-color:transparent;box-shadow:none;gap:var(--gap-size);padding:var(--gap-size);transition:none}.field{position:relative;cursor:pointer;transition:transform .2s ease,box-shadow .3s,border-color .3s,background-color .3s,opacity .2s;background-color:var(--color-field-bg);border-radius:5px;box-shadow:none;border:var(--drag-border-width) dashed transparent;aspect-ratio:auto;height:100%;touch-action:none}.field.dragging{opacity:.4;transform:scale(.9)}.drag-ghost{position:fixed;pointer-events:none;z-index:9999;opacity:.9;box-shadow:0 10px 20px #0000004d;margin:0;padding:0;transform-origin:center center;background-color:var(--color-field-bg);border:2px solid var(--main-color)}.field.drag-over{border-color:var(--highlight-color);background-color:var(--selected-bg-color);animation:none;box-shadow:none}.field.selected{outline:none;box-shadow:0 0 0 2px var(--highlight-color);background-color:var(--selected-bg-color)}.field.touch-selected{background-color:var(--selected-bg-color);box-shadow:0 0 0 2px var(--highlight-color),0 0 10px var(--highlight-color)}.field.matched{outline:none;background-color:var(--matched-field-bg-light);box-shadow:none;border-color:transparent}.dot-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(7,1fr);width:90%;height:90%;gap:1.5%;align-items:center;justify-items:center}.dot{width:100%;height:100%;border-radius:2px;margin:0;transition:opacity .2s;visibility:hidden;opacity:0}.dot.visible{visibility:visible;opacity:1}.bottom-layer .dot{border:none;background-color:var(--border-color)}html.dark-mode .bottom-layer .dot{background-color:var(--dark-mode-dot-base)}.top-layer .dot{background-color:var(--border-color);border:none;box-shadow:none}.top-layer .dot.matched-dot{background-color:var(--dot-color-active);box-shadow:0 0 5px var(--dot-color-active)}.field.blocked-field{cursor:default!important;background-color:transparent!important;border-color:transparent!important;opacity:.3;pointer-events:none}.field.blocked-field .dot-layer{display:none}#global-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:100;display:none;opacity:0;transition:opacity .3s ease-out}#global-overlay.open{display:block;opacity:1}.slide-overlay{position:fixed;top:0;height:100%;width:280px;max-width:80%;background-color:var(--color-modal-bg);box-shadow:0 0 20px #0000004d;z-index:101;transition:transform .3s ease-out;display:flex;flex-direction:column}.slide-overlay.left{left:0;transform:translate(-100%)}.slide-overlay.right{right:0;transform:translate(100%)}.slide-overlay.open{transform:translate(0)}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-modal-bg);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overflow-y:auto}.fullscreen-overlay.open{opacity:1;visibility:visible}.fullscreen-overlay .close-overlay-button{position:fixed;top:15px;right:20px;font-size:2.5rem;font-weight:300;color:var(--color-stat-text);background:none;border:none;cursor:pointer;line-height:1;z-index:201}.fullscreen-overlay .close-overlay-button:hover{color:var(--main-color)}.fullscreen-overlay-content{max-width:500px;width:90%;padding:20px;text-align:left;color:var(--color-stat-text);font-family:Ubuntu,sans-serif;overflow:visible}.instructions-content{display:flex;flex-direction:column;align-items:center}.instructions-title{--dot-size: clamp(4px, 3vw, 6px);margin-bottom:30px;display:flex;justify-content:center;width:100%;overflow:visible}.instructions-title .pixel-title-wrapper{opacity:1!important;white-space:nowrap;padding:0}.fullscreen-overlay-content .pixel-title-wrapper{display:flex;justify-content:center}.instructions-text{width:100%}.instructions-text p{font-size:1.1rem;line-height:1.7;margin-bottom:18px}.instructions-text p:last-child{margin-bottom:0}.fullscreen-overlay-content h2{font-size:1.8rem;margin-bottom:20px;color:var(--main-color);text-align:center}.fullscreen-overlay-content p{font-size:1.1rem;line-height:1.6;margin-bottom:20px}.fullscreen-overlay-content ul{list-style:disc;padding-left:25px;margin:0}.fullscreen-overlay-content li{font-size:1.1rem;line-height:1.8;margin-bottom:8px}.close-overlay-button{position:absolute;top:10px;right:15px;font-size:2rem;font-weight:300;color:var(--color-stat-text);background:none;border:none;cursor:pointer;line-height:1}.close-overlay-button:hover{color:var(--main-color)}.menu-content{padding:60px 0 20px}.menu-section{padding:0}.menu-mode-item{display:flex;align-items:center;gap:15px;width:100%;padding:15px 20px;background:none;border:none;cursor:pointer;transition:background-color .2s;text-align:left}.menu-mode-item:hover{background-color:var(--selected-bg-color)}.menu-mode-item.active{background-color:var(--selected-bg-color);cursor:default}.mode-icon{flex-shrink:0;width:36px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:4px}html.dark-mode .mode-icon{background-color:#111}.dot-letter{display:grid;grid-template-columns:repeat(5,4px);grid-template-rows:repeat(7,4px);gap:1px;width:auto;height:auto}.dot-letter .dot{width:4px;height:4px;border-radius:2px;background-color:transparent;visibility:visible;opacity:1}.mode-icon .dot-letter .dot{border-radius:1px}.dot-letter .dot.active{background-color:var(--main-color)}.mode-text{display:flex;flex-direction:column;gap:4px;flex:1}.mode-title{font-family:PT Sans,sans-serif;font-weight:700;font-size:1.1rem;color:var(--color-text)}.mode-desc{font-family:PT Sans,sans-serif;font-weight:400;font-size:.85rem;color:var(--color-stat-text)}.menu-divider{border:0;border-top:1px solid var(--border-color);margin:0 20px}.section-divider{border:0;border-top:2px solid var(--border-color);margin:10px 0}.options-section{padding:10px 20px}.option-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0}.option-label{font-family:PT Sans,sans-serif;font-weight:500;font-size:1rem;color:var(--color-text)}.mode-switch-button{display:flex;align-items:center;gap:12px;padding:8px 0;background:none;border:none;cursor:pointer;width:100%}.mode-switch-button:hover .option-label{color:var(--main-color)}.mode-icon-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;flex-shrink:0;transition:background-color .3s}.mode-icon-circle.light-mode{background-color:#111}.mode-icon-svg{width:18px;height:18px;color:var(--main-color)}.mode-icon-svg path,.mode-icon-svg circle{stroke:var(--main-color);stroke-width:2}.language-option{flex-direction:column;align-items:stretch}.language-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0;background:none;border:none;cursor:pointer;color:var(--color-text)}.language-toggle:hover{color:var(--main-color)}.language-icon{width:28px;height:28px;stroke:currentColor}.expand-arrow{margin-left:auto;font-size:.7rem;transition:transform .2s}.expand-arrow.expanded{transform:rotate(180deg)}.language-dropdown{display:flex;flex-direction:column;margin-top:5px;padding-left:32px}.lang-option{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-left:2px solid var(--border-color);cursor:pointer;font-family:PT Sans,sans-serif;font-size:.95rem;color:var(--color-stat-text);transition:all .2s}.flag-dots{display:grid;grid-template-columns:repeat(4,5px);grid-template-rows:repeat(3,5px);gap:.5px;flex-shrink:0}.flag-dot{width:5px;height:5px;border-radius:1px}.flag-dot.black{background-color:#1a1a1a}.flag-dot.red{background-color:#d00}.flag-dot.gold{background-color:#fc0}.flag-dot.white{background-color:#fff}.flag-dot.blue{background-color:#039}.lang-option:hover{color:var(--main-color);border-left-color:var(--main-color)}.lang-option.selected{color:var(--main-color);border-left-color:var(--main-color);font-weight:600}.options-divider{border:0;border-top:1px solid var(--border-color);margin:8px 0}.menu-link{display:flex;align-items:center;gap:12px;padding:8px 0;text-decoration:none;color:var(--color-text);cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit;width:100%;text-align:left}.menu-link:hover,.menu-link:hover .option-label{color:var(--main-color)}.menu-link:hover .menu-link-icon{stroke:var(--main-color)}.menu-link-icon{width:28px;height:28px;stroke:currentColor;flex-shrink:0}.menu-link-icon-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1.5px solid white;color:#fff;font-family:PT Sans,sans-serif;font-weight:700;font-size:16px;flex-shrink:0}html:not(.dark-mode) .menu-link-icon-circle{border-color:#3a3a3a;color:#3a3a3a}.menu-link:hover .menu-link-icon-circle{border-color:var(--main-color);color:var(--main-color)}.menu-link:hover .menu-link-icon-circle .menu-link-icon-svg{fill:var(--main-color)}.menu-link-icon-svg{width:14px;height:14px;fill:#fff}html:not(.dark-mode) .menu-link-icon-svg{fill:#3a3a3a}#menu-overlay ul{list-style:none;padding:60px 0 0;margin:0}#menu-overlay li button{font-family:PT Sans,sans-serif;font-weight:500;font-size:1.1rem;color:var(--color-text);background:none;border:none;border-bottom:1px solid var(--border-color);padding:20px;width:100%;text-align:left;cursor:pointer;transition:background-color .2s,color .2s}#menu-overlay li button:hover{background-color:var(--selected-bg-color);color:var(--main-color)}.modal-content-inner{padding:60px 25px 25px;font-family:PT Sans,sans-serif;font-weight:300;color:var(--color-text);overflow-y:auto}.modal-content-inner h2{color:var(--main-color);font-size:clamp(1.8rem,5vw,2.5rem);margin-top:0;margin-bottom:10px;text-align:left}.modal-content-inner p,.modal-content-inner li{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--color-text);margin-bottom:15px;line-height:1.5}.modal-content-inner ul{text-align:left;padding-left:20px;margin:15px 0}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--color-modal-overlay);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:20px;box-sizing:border-box;transition:background-color .3s}.modal-content{background-color:var(--color-modal-bg);padding:30px 20px;border:1px solid var(--border-color);width:100%;max-width:450px;border-radius:5px;box-shadow:0 8px 20px #0000004d;font-family:PT Sans,sans-serif;font-weight:500;text-align:center;position:relative;color:var(--color-text);transition:background-color .3s,border-color .3s,color .3s}.modal-content h2{color:var(--main-color);font-size:clamp(1.8rem,5vw,2.5rem);margin-top:0;margin-bottom:10px}.modal-content p{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--color-text);margin-bottom:25px;transition:color .3s}#star-rating{font-size:2.5rem;color:var(--highlight-color);margin-bottom:20px;letter-spacing:5px;line-height:1}#win-modal-buttons{display:flex;justify-content:space-around;gap:15px;margin-top:25px}#overlay-reset-button,#overlay-resume-button{font-size:1.1rem;padding:10px 15px;border-radius:5px;border:none;cursor:pointer;transition:background-color .2s,box-shadow .2s;flex-grow:1;max-width:50%}#overlay-resume-button{background-color:var(--border-color);color:var(--color-text)}#overlay-resume-button:hover{background-color:var(--color-stat-text)}#overlay-reset-button{background-color:var(--main-color);color:#fff}#overlay-reset-button:hover{background-color:#a34400}html.dark-mode #reset-button{background-color:transparent;color:var(--main-color);border-color:var(--main-color)}html.dark-mode #reset-button:hover{background-color:#663500;color:var(--main-color);border-color:var(--main-color)}html.dark-mode .field{box-shadow:none;background-color:var(--color-field-bg)}html.dark-mode .field.selected{box-shadow:0 0 0 2px var(--highlight-color),0 0 10px var(--highlight-color);background-color:var(--selected-bg-color)}html.dark-mode .field.touch-selected{background-color:var(--selected-bg-color);box-shadow:0 0 0 2px var(--highlight-color),0 0 10px var(--highlight-color)}html.dark-mode .field.matched{background-color:var(--matched-field-bg-dark);box-shadow:none}#start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;background-color:var(--color-modal-overlay);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto}.mode-button{font-family:PT Sans,sans-serif;font-weight:500;font-size:clamp(.9em,calc(.9em + (1.2 - .9) * ((100vw - 300px) / (400 - 300))),1.2rem);padding:15px 20px;background-color:var(--color-field-bg);color:var(--color-text);border:2px solid var(--border-color);border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s;min-width:140px;text-transform:uppercase}.mode-button:hover{border-color:var(--main-color);color:var(--main-color);transform:scale(1.05)}.mode-button.disabled{opacity:.6;cursor:not-allowed}.mode-button.disabled:hover{transform:none;border-color:var(--border-color);color:var(--color-text)}.hidden{visibility:hidden}#start-screen-info{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:20px;max-width:90%;text-align:center;margin-left:auto;margin-right:auto}.start-text{font-family:PT Sans,sans-serif;font-weight:300;font-size:clamp(.9em,calc(.9em + .004*(100vw - 300px)),1.3rem);color:var(--color-text);line-height:1.5}.timer-container{position:relative;display:flex;justify-content:center;align-items:center;width:48px;height:48px;flex-shrink:0}.timer-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:var(--timer-bg-color);stroke-width:4px}.timer-ring-progress{fill:none;stroke:var(--main-color);stroke-width:4px;stroke-linecap:round;stroke-dasharray:138.23;stroke-dashoffset:0;will-change:stroke-dashoffset}main.svelte-12qhfyh{flex-grow:1;display:flex;flex-direction:column;width:100%;max-width:100%;margin:0;padding:0}#top-bar.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;height:auto;min-height:70px;padding:10px var(--gap-size, 8px);margin-bottom:15px;width:100%;max-width:calc(var(--board-size) + 2 * var(--gap-size, 8px));margin-left:auto;margin-right:auto;box-sizing:border-box;flex-shrink:0}#game-title.svelte-12qhfyh{display:flex;justify-content:center;align-items:center;flex-grow:1;overflow:hidden;--dot-size: clamp(2px, 4.5vw, 6px)}@media(max-width:360px){#game-title.svelte-12qhfyh{--dot-size: clamp(1.5px, 4vw, 5px)}}