@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap";*,*:after,*:before{padding:0;margin:0;font-family:Poppins,sans-serif;box-sizing:border-box}:root{--row: 30;--col: var(--row);--bg: #f4efe7;--bg-2: #e9dfd2;--panel: rgba(255, 255, 255, .76);--panel-border: rgba(66, 51, 35, .12);--text: #1e1a17;--muted: #6d6259;--accent: #c86b4a;--accent-strong: #9f4f2f;--shadow: 0 24px 60px rgba(57, 41, 26, .18);--board-shadow: 0 30px 70px rgba(74, 55, 36, .22)}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(200,107,74,.24),transparent 28%),radial-gradient(circle at 85% 18%,rgba(159,79,47,.18),transparent 24%),radial-gradient(circle at 50% 95%,rgba(255,255,255,.36),transparent 30%),linear-gradient(180deg,#f8f2ea 0%,var(--bg) 48%,var(--bg-2) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:42px 42px;opacity:.45}.root{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;gap:clamp(4rem,9vw,10rem);padding:2rem 4.5rem;color:var(--text);overflow:hidden}.scores{min-width:340px;padding:0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.modal__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:.75rem}.scores .eyebrow{display:none}.scores h1{font-size:clamp(2.9rem,4.4vw,4.8rem);line-height:1.05;margin-bottom:.68rem;color:#d62828!important;font-weight:800}.scores .info{margin-top:1.1rem;font-size:clamp(1.25rem,1.6vw,1.85rem);letter-spacing:.012em;color:#000!important;font-weight:800}#board{background-color:#121212e6;margin:0;border:10px solid rgba(255,255,255,.45);color:#000;box-shadow:var(--board-shadow);width:min(82vw,600px);aspect-ratio:1 / 1;height:auto;display:block;image-rendering:pixelated}#audioButton{position:absolute;right:0px;bottom:0px;height:7rem;width:7rem}#overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:99;background-color:#000000b3;display:none;justify-content:center;align-items:center;flex-direction:column;padding:2rem;backdrop-filter:blur(14px)}.overlay__container{position:relative;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow);padding:2.2rem;color:var(--text);text-align:center;width:min(92vw,520px);display:flex;flex-direction:column;border-radius:28px}.overlay__container--wide{width:min(90vw,560px);padding:1.9rem 2rem}.overlay__container--wide #overlay__head{color:#f07a3a;font-size:clamp(1.9rem,4.2vw,2.6rem);margin-bottom:.7rem}#overlay_objective .overlay__container--wide{background:linear-gradient(165deg,rgba(255,255,255,.98),rgba(243,248,255,.96));border:1px solid rgba(114,154,255,.22);box-shadow:0 28px 60px #324da542}#overlay_control .overlay__container--wide{background:linear-gradient(165deg,rgba(255,255,255,.98),rgba(255,246,239,.96));border:1px solid rgba(240,122,58,.22);box-shadow:0 28px 60px #924e283d}#overlay_objective .overlay__container--wide #overlay__head{color:#3e63d8}#overlay_control .overlay__container--wide #overlay__head{color:#e46f2f}.overlayGrid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(210px,1.3fr);font-size:1.1rem;padding:1.4rem 0;justify-items:left;max-width:100%;align-self:center;align-items:center;gap:1rem 1.2rem;line-height:1.4}#overlay__head{font-size:clamp(1.8rem,4vw,2.4rem);color:var(--text);font-family:DM Sans,sans-serif;margin-bottom:.5rem}#toggleButton{font-size:1rem;font-weight:700;border:none;border-radius:999px;color:#fff;cursor:pointer;padding:.95rem 1.35rem;background:linear-gradient(135deg,var(--accent),var(--accent-strong));transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 12px 24px #c86b4a40}#toggleButton:hover{transform:translateY(-1px);filter:brightness(1.03)}.visible{display:flex!important}#difficulty,#theme{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.8rem 2.8rem .8rem .95rem;border:1px solid rgba(60,45,31,.14);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,241,233,.98)),linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%),linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0));background-repeat:no-repeat;background-position:0 0,calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px),0 0;background-size:100% 100%,6px 6px,6px 6px,100% 100%;font-size:.95rem;width:100%;min-width:210px;color:var(--text);box-shadow:inset 0 1px #ffffffe6,0 10px 20px #48321f14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.selectWrap{width:100%}#difficulty option,#theme option{background-color:#fff;color:#1e1a17;padding:10px}#difficulty:hover,#theme:hover{cursor:pointer;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff2,0 14px 24px #48321f1f;border-color:#c86b4a59}#difficulty:focus,#theme:focus{outline:none;border-color:#c86b4a8c;box-shadow:0 0 0 4px #c86b4a24,inset 0 1px #fffffff2,0 14px 24px #48321f1f}.soundToggleWrapper{display:flex}.option>select{background-color:#fff;border:1px solid rgba(60,45,31,.18);padding:.75rem .9rem;font-size:.98rem;border-radius:14px}input[type=checkbox]{height:0;width:0;visibility:hidden}label{cursor:pointer;width:55px;height:30px;background:#bbb2aa;display:block;border-radius:70px;position:relative;transition:.3s ease-in-out}label:after{content:"";position:absolute;top:5px;left:5px;width:20px;height:20px;background:#fff;border-radius:60px;transition:.3s ease-in-out}input:checked+label{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}.info{color:var(--muted)}.modal{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:1.5rem;background:rgba(18,14,10,.55);backdrop-filter:blur(16px)}.modal-text{font-size:clamp(2rem,4vw,3rem);text-align:center;font-family:DM Sans,sans-serif;margin-bottom:.4rem}.modal__card{width:min(92vw,420px);background:rgba(255,255,255,.96);border-radius:30px;padding:2rem;text-align:center;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow)}.modal__copy{color:var(--muted);line-height:1.6;margin-bottom:1.4rem}#restartButton,#ControlButton,#ObjectiveButton,#MainButton1,#MainButton2{font-size:1rem;font-weight:700;border:none;border-radius:999px;color:#fff;cursor:pointer;padding:.9rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}#restartButton{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 16px 30px #c86b4a47}#restartButton:hover,#ControlButton:hover,#ObjectiveButton:hover,#MainButton1:hover,#MainButton2:hover,#toggleButton:hover{transform:translateY(-1px)}#ControlButton,#ObjectiveButton,#MainButton1,#MainButton2{margin-top:.85rem}#ControlButton{background:linear-gradient(135deg,#c96b3f,#9c4f2f)}#ObjectiveButton{background:linear-gradient(135deg,#607d8b,#415864)}#MainButton1,#MainButton2{background:linear-gradient(135deg,#4f7cff,#3653c4)}#MainButton1{background:linear-gradient(135deg,#ff8b4c,#d9662a);box-shadow:0 14px 30px #d2683147}#MainButton2{background:linear-gradient(135deg,#5f84ff,#3d58c3);box-shadow:0 14px 30px #4360c44d}#instruction{color:#0ff}.adjust{position:absolute}#MainButton1:hover,#MainButton2:hover{filter:brightness(1.06);transform:translateY(-1px) scale(1.01)}#ControlButton:hover,#ObjectiveButton:hover{filter:brightness(1.05)}.visible_objective,.visible_control{display:flex!important}#overlay_control,#overlay_objective{visibility:hidden;position:fixed;inset:0;z-index:99;background-color:#000000b3;display:none;justify-content:center;align-items:center;flex-direction:column;border-radius:0;padding:2rem;backdrop-filter:blur(16px)}.overlayGrid_{display:grid;font-size:1rem;padding:.8rem 0 1.2rem;justify-items:left;max-width:100%;align-self:center;align-items:center;line-height:1.6;text-align:left}.overlayGrid_ ul{padding-left:1.1rem;display:grid;gap:.45rem}.overlayGrid_ p,.overlayGrid_ li{font-size:clamp(1.02rem,1.7vw,1.24rem);color:#2b2622}.Btn{width:24px;height:24px;border-radius:8px;border:1px solid rgba(60,45,31,.15);background:#fff;color:var(--text);box-shadow:0 6px 14px #00000014}.Btn--wide{width:40px}@media (max-width: 980px){.root{flex-direction:column;justify-content:center;align-items:stretch;padding:1.6rem;gap:1.2rem}.scores{width:min(100%,600px);min-width:0;margin:0 auto;text-align:center;align-items:center}.scores .info{font-size:clamp(1.1rem,3.9vw,1.35rem)}#board{width:min(100%,600px);aspect-ratio:1 / 1;height:auto;margin:0 auto}}@media (max-width: 640px){.root{padding:1rem;gap:1rem}.scores,.overlay__container,.modal__card{border-radius:22px}.overlayGrid,.overlayGrid_{font-size:.95rem}.overlay__container--wide{width:min(94vw,500px);padding:1.4rem 1.2rem}.overlay__container--wide #overlay__head{font-size:clamp(1.55rem,6vw,2rem)}.overlayGrid_ p,.overlayGrid_ li{font-size:clamp(.95rem,3.8vw,1.1rem)}.overlayGrid{grid-template-columns:1fr}#difficulty,#theme{min-width:100%}}