*,:before,:after{box-sizing:border-box}body{margin:0}:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px / 1.45 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg:#f7f5fb;--card-bg:#fff;--text-main:#120c35;--text-muted:#5f5a78;--text-readable:#3f3858;--border-soft:#ded8ef;--shadow-soft:0 14px 32px #120c351f;--blue:#121f70;--blue-dark:#08104d;--blue-soft:#eeeafd;--blue-soft-hover:#e1d7fb;--blue-border:#8e78d8;--blue-focus:#c8b7ff;--purple:#6428d7;--purple-dark:#4b1faa;--purple-soft:#f1eafd;--green-soft:#efeafd;--green-soft-hover:#e2d7fb;--green-text:#32117a;--green-border:#c8b7ff;--cream:#f7f4ff;--cream-border:#ded8ef;--red-counter:#f04438;--red-counter-border:#b42318;--yellow-counter:#f5c542;--yellow-counter-border:#c89416;--disabled-bg:#d1d5db;--disabled-text:#4b5563;--danger-text:#b42318}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.app h1,.app h2,.app h3{color:var(--text-main);font-weight:800}button,input{font:inherit}.dashboard,.connect-page,.simple-page-card{width:100%;max-width:420px;margin:0 auto}@media (width>=720px){.dashboard,.connect-page,.simple-page-card{max-width:720px}}.game-card,.connect-game-card,.help-contact-setup,.simple-page-card{border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:linear-gradient(#fff 0%,#fbf9ff 100%);border-radius:30px}.game-card{padding:clamp(24px,3vw,32px)}.connect-game-card,.help-contact-setup,.simple-page-card{padding:clamp(20px,3vw,28px)}.game-card button,.new-game-button,.save-helper-button,.message-button,.settings-button{border-radius:999px;width:100%;padding:18px 24px;font-size:1.2rem;font-weight:800}.game-card button,.new-game-button,.save-helper-button,.settings-button{background:linear-gradient(180deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;cursor:pointer;border:none;box-shadow:0 8px 18px #6428d740}.game-card button:hover,.new-game-button:hover,.save-helper-button:hover,.settings-button:hover{background:var(--purple-dark)}.game-card button:disabled,.new-game-button:disabled,.save-helper-button:disabled,.settings-button:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;box-shadow:none}.dashboard-header{text-align:center;margin-bottom:24px}.dashboard-header h1{margin:0;font-size:2.8rem;line-height:1.05}.game-card{text-align:center;position:relative;overflow:hidden}.game-card-featured:after{content:"";background:#6428d714;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-54px;right:-54px}.game-card-top-row{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-bottom:22px;display:flex;position:relative}.game-card-icon{background:linear-gradient(180deg, var(--blue) 0%, var(--blue-dark) 100%);color:#fff;border-radius:36px;justify-content:center;align-items:center;width:140px;height:140px;font-size:3rem;display:flex;box-shadow:inset 0 3px 5px #ffffff2e,0 12px 24px #120c3538}.game-card-icon img{object-fit:contain;width:112px;height:112px}.game-card-label{background:var(--purple-soft);color:var(--purple-dark);border-radius:999px;padding:10px 18px;font-size:1rem;font-weight:900}.game-card h2,.game-card-content h2{color:var(--text-main);margin:0 0 12px;font-size:2.3rem;font-weight:900;line-height:1.1}.game-card p,.game-card-content p{color:var(--text-readable);margin:0;font-size:1.25rem;line-height:1.45}.game-card button{z-index:1;margin-top:24px;font-size:1.45rem;font-weight:900;position:relative}.simple-page-card h1{margin:0 0 12px;font-size:clamp(2rem,4vw,2.5rem);line-height:1.1}.bottom-nav{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffffff0;border-radius:28px;grid-template-columns:repeat(4,1fr);gap:6px;width:min(420px,100% - 32px);padding:8px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #120c3529}.bottom-nav-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:.82rem;font-weight:900;display:flex}.connect-header{text-align:center;margin-bottom:24px}.connect-header h1{margin:20px 0 0;font-size:2.5rem;line-height:1.05}.back-button,.sound-toggle{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:1rem;font-weight:800;display:inline-flex}.connect-game-card{text-align:center}.turn-message{min-height:72px;color:var(--text-main);text-align:center;justify-content:center;align-items:center;margin:0 0 18px;font-size:1.6rem;font-weight:900;line-height:1.2;display:flex}.new-game-button{margin-top:20px}.difficulty-buttons,.settings-choice-buttons{border:1px solid var(--border-soft);background:#fff;border-radius:999px;gap:8px;padding:4px;display:flex}.difficulty-button,.settings-choice-button{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:14px 16px;font-size:1.05rem;font-weight:900}.difficulty-button-active,.settings-choice-button-active{background:linear-gradient(180deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;box-shadow:0 6px 14px #6428d740}.column-button{border:2px solid var(--blue-border);background:var(--blue-soft);color:var(--blue);cursor:pointer;border-radius:999px;min-height:42px;font-size:1.3rem;font-weight:900}.connect-cell{aspect-ratio:1;background:#fff;border:3px solid #dbeafe;border-radius:50%}.cell-red{background:radial-gradient(circle at 35% 28%, #ff8a80 0%, var(--red-counter) 45%, var(--red-counter-border) 100%);border-color:var(--red-counter-border);box-shadow:inset 0 3px 4px #ffffff59,inset 0 -5px 7px #00000038}.cell-yellow{background:radial-gradient(circle at 35% 28%, #ffe98a 0%, var(--yellow-counter) 45%, var(--yellow-counter-border) 100%);border-color:var(--yellow-counter-border);box-shadow:inset 0 3px 4px #fff6,inset 0 -5px 7px #0000002e}@keyframes counterDrop{0%{transform:translateY(-360px)}80%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes winningPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.how-to-play-box li{color:var(--text-readable);margin-bottom:4px;font-size:1.05rem;line-height:1.5}.message-area{margin-top:24px}.message-area .message-button{margin-top:0}.change-helper-button{width:100%;color:var(--text-readable);cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:1rem;font-weight:800;text-decoration:underline}.help-contact-setup{margin-top:24px}.help-contact-setup label{color:var(--text-main);flex-direction:column;gap:8px;font-weight:800;display:flex}.help-contact-setup input{border:2px solid var(--disabled-bg);color:var(--text-main);background:#fff;border-radius:16px;padding:14px 16px;font-size:1.1rem}@media (width<=430px){.app{padding:16px 16px 110px}.dashboard-header h1,.connect-header h1{font-size:2.2rem}.dashboard-header p{font-size:1.25rem}.game-card,.connect-game-card,.help-contact-setup,.simple-page-card{border-radius:26px;padding:22px}.game-card-icon{border-radius:32px;width:124px;height:124px}.game-card-icon img{width:98px;height:98px}.game-card h2,.game-card-content h2{font-size:2.1rem}.game-card p,.game-card-content p{font-size:1.2rem}.connect-board,.falling-layer{gap:4px;padding:8px}.column-buttons{gap:4px}.column-button{min-height:42px;font-size:1.1rem}.turn-message{font-size:1.4rem}.bottom-nav{bottom:16px}}@media (prefers-reduced-motion:reduce){.falling-counter,.winning-cell{animation:none}.column-button-highlighted{transform:none}}:root{--page-bg:#f7f5fb;--card-bg:#fff;--text-main:#120c35;--text-muted:#5f5a78;--border-soft:#ded8ef;--shadow-soft:0 14px 32px #120c351f;--blue:#121f70;--blue-dark:#08104d;--blue-soft:#eeeafd;--blue-soft-hover:#e1d7fb;--blue-border:#8e78d8;--blue-focus:#c8b7ff;--purple:#6428d7;--purple-dark:#4b1faa;--purple-soft:#f1eafd;--green-soft:#efeafd;--green-soft-hover:#e2d7fb;--green-text:#32117a;--green-border:#c8b7ff;--cream:#f7f4ff;--cream-border:#ded8ef;--red-counter:#f04438;--red-counter-border:#b42318;--yellow-counter:#f5c542;--yellow-counter-border:#c89416;--disabled-bg:#d1d5db;--disabled-text:#4b5563;--danger-text:#b42318}.app{background:var(--page-bg);min-height:100vh;color:var(--text-main);flex-direction:column;justify-content:center;align-items:center;padding:clamp(16px,3vw,32px) clamp(16px,3vw,32px) 96px;display:flex}.app-content{justify-content:center;width:100%;display:flex}.dashboard,.connect-page{width:100%;max-width:420px;margin:0 auto}.simple-page-card{border:1px solid var(--border-soft);width:100%;max-width:420px;box-shadow:var(--shadow-soft);background:linear-gradient(#fff 0%,#fbf9ff 100%);border-radius:30px;padding:28px}.simple-page-card h1{margin:0 0 12px;font-size:clamp(1.9rem,2.6vw,2.2rem)}.simple-page-card p{color:var(--text-muted);margin:0;font-size:clamp(1rem,1.8vw,1.1rem);line-height:1.5}@media (width>=720px){.dashboard,.connect-page,.simple-page-card{max-width:720px}}.game-card,.connect-game-card,.help-contact-setup{border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:linear-gradient(#fff 0%,#fbf9ff 100%);border-radius:30px}.game-card{text-align:center;padding:clamp(24px,3vw,34px);position:relative;overflow:hidden}.connect-game-card{text-align:center;padding:clamp(18px,2vw,24px)}.help-contact-setup{margin-top:24px;padding:clamp(18px,2vw,24px)}.game-card-featured{background:radial-gradient(circle at 0 0,#6428d72e,#0000 36%),linear-gradient(#fff 0%,#fbf9ff 100%);border-color:#6428d738}.game-card-muted{opacity:.72}.game-card-icon-area{justify-content:center;margin-bottom:20px;display:flex}.game-card-icon{background:linear-gradient(180deg, var(--blue) 0%, var(--blue-dark) 100%);color:#fff;border-radius:32px;justify-content:center;align-items:center;width:118px;height:118px;font-size:3rem;display:flex;overflow:hidden;box-shadow:inset 0 4px 6px #ffffff2e,0 14px 24px #120c3533}.game-card-icon img{object-fit:cover;border-radius:28px;width:100%;height:100%}.game-card-content{z-index:1;position:relative}.game-card-label{background:var(--purple-soft);color:var(--text-main);border-radius:999px;margin-bottom:14px;padding:8px 14px;font-size:.95rem;font-weight:800;display:inline-flex}.game-card-label-ready{color:var(--purple-dark);background:#6428d724}.game-card h2{color:var(--text-main);letter-spacing:-.02em;margin:0 0 10px;font-size:2.15rem;font-weight:900}.game-card p{color:var(--text-muted);margin:0;font-size:1.15rem;line-height:1.5}.game-card button,.new-game-button,.save-helper-button,.message-button{border-radius:999px;width:100%;padding:18px 24px;font-size:1.2rem;font-weight:700}.game-card button,.new-game-button,.save-helper-button{background:linear-gradient(180deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;cursor:pointer;border:none;box-shadow:0 8px 18px #6428d740}.game-card button{margin-top:20px;font-size:1.3rem}.game-card button:hover,.new-game-button:hover,.save-helper-button:hover{background:var(--purple-dark)}.game-card button:disabled,.new-game-button:disabled,.save-helper-button:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;box-shadow:none}.back-button,.sound-toggle,.column-button,.difficulty-button,.change-helper-button{cursor:pointer}.back-button,.sound-toggle{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:1rem;font-weight:700;display:inline-flex}.dashboard-header{margin-bottom:24px}.dashboard-header h1{margin:0;font-size:2.6rem}.dashboard-header p{color:var(--text-muted);margin-top:8px;font-size:1.2rem}.games-list{flex-direction:column;gap:18px;display:flex}.game-card h2{margin:0;font-size:2rem}.game-card p{color:var(--text-muted);font-size:1.1rem}.connect-icon{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.red-counter,.yellow-counter{border-radius:50%;width:52px;height:52px;display:inline-block}.red-counter{background:radial-gradient(circle at 35% 28%, #ff8a80 0%, var(--red-counter) 45%, var(--red-counter-border) 100%);box-shadow:inset 0 -5px 7px #0003}.yellow-counter{background:radial-gradient(circle at 35% 28%, #ffe98a 0%, var(--yellow-counter) 45%, var(--yellow-counter-border) 100%);box-shadow:inset 0 -5px 7px #0000002e}.connect-header{margin-bottom:24px}.connect-header h1{margin:20px 0 0;font-size:2.4rem}.connect-header p{color:var(--text-muted);margin-top:8px;font-size:1.1rem}.connect-header-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.back-button{border:2px solid var(--blue-focus);background:var(--blue-soft);color:var(--blue-dark)}.back-button:hover{background:var(--blue-soft-hover)}.sound-toggle{border:2px solid var(--green-border);background:var(--green-soft);color:var(--green-text)}.sound-toggle:hover{background:var(--green-soft-hover)}.turn-message{text-align:center;justify-content:center;align-items:center;min-height:72px;margin:0 0 18px;font-size:1.5rem;font-weight:800;line-height:1.2;display:flex}.game-instruction{color:var(--text-muted);margin:20px 0;font-size:1.1rem}.difficulty-panel{background:var(--purple-soft);border:1px solid var(--border-soft);text-align:left;border-radius:22px;margin:18px 0;padding:16px}.difficulty-label{color:var(--text-main);margin:0 0 10px;font-size:1.1rem;font-weight:800}.difficulty-buttons{border:1px solid var(--border-soft);background:#fff;border-radius:999px;gap:10px;padding:4px;display:flex}.difficulty-button{color:var(--text-main);background:0 0;border:none;border-radius:999px;flex:1;padding:14px 16px;font-size:1.1rem;font-weight:800}.difficulty-button-active{background:linear-gradient(180deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;box-shadow:0 6px 14px #6428d740}.difficulty-button:disabled{opacity:.6;cursor:not-allowed}.connect-board-area{width:100%}.column-buttons{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px;display:grid}.column-button{border:2px solid var(--blue-border);background:var(--blue-soft);color:var(--blue);border-radius:999px;min-height:48px;font-size:1.3rem;font-weight:800}.column-button:hover{background:var(--blue-soft-hover)}.column-button:disabled{opacity:.45;cursor:not-allowed}.column-button-highlighted{background:var(--blue-soft-hover);border-color:var(--blue);transform:translateY(-2px)}.connect-board{background:radial-gradient(circle at 18% 12%, #ffffff38 0%, transparent 26%), linear-gradient(145deg, #3159ff 0%, var(--blue) 46%, var(--blue-dark) 100%);border:5px solid var(--blue-dark);border-radius:28px;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 5px 8px #ffffff2e,inset 0 -10px 16px #00000047,inset 4px 0 8px #ffffff14,0 16px 28px #120c353d}.connect-board:before{content:"";pointer-events:none;z-index:0;border:2px solid #ffffff29;border-radius:22px;position:absolute;inset:5px}.connect-board:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(120deg,#ffffff29,#0000 32%),linear-gradient(300deg,#0000001f,#0000 38%);position:absolute;inset:0}.connect-cell{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 48% 42%,#fff 0%,#f9fbff 42%,#d7e5ff 72%,#9eb9f2 100%);border:3px solid #08104d47;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 5px 8px #08104d47,inset 0 -4px 5px #ffffffdb,0 2px 3px #ffffff1f}.connect-cell:not(.cell-red):not(.cell-yellow):before{content:"";border-radius:50%;position:absolute;inset:7%;box-shadow:inset 0 5px 7px #08104d33,inset 0 -3px 4px #fffc}.connect-cell:not(.cell-red):not(.cell-yellow):after{content:"";background:#ffffff61;border-radius:50%;width:42%;height:22%;position:absolute;top:12%;left:18%;transform:rotate(-18deg)}.cell-red,.cell-yellow{border-width:2px;box-shadow:inset 0 4px 5px #ffffff73,inset 0 -7px 9px #00000038,0 2px 4px #120c3538}.cell-red{border-color:var(--red-counter-border);background:radial-gradient(circle at 34% 24%,#ffffff8c 0%,#0000 18%),radial-gradient(circle at 50% 52%,#ff6b62 0%,#f04438 48%,#c72f25 72%,#9f1f17 100%)}.cell-yellow{border-color:var(--yellow-counter-border);background:radial-gradient(circle at 34% 24%,#ffffffa6 0%,#0000 18%),radial-gradient(circle at 50% 52%,#ffe37a 0%,#f5c542 48%,#d99b19 74%,#ad7410 100%)}.cell-red:before,.cell-yellow:before{content:"";border:2px solid #ffffff47;border-radius:50%;position:absolute;inset:13%;box-shadow:inset 0 2px 4px #ffffff40,inset 0 -3px 5px #0000001f}.cell-red:after,.cell-yellow:after{content:"";background:#ffffff14;border-radius:50%;position:absolute;inset:30%;box-shadow:inset 0 1px 2px #ffffff40,inset 0 -2px 3px #0000001f}.cell-highlighted-column{box-shadow:0 0 0 4px #ffffff8c}.connect-cell.cell-highlighted-column:not(.cell-red):not(.cell-yellow){background:var(--blue-soft)}.falling-layer{pointer-events:none;z-index:3;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);gap:6px;padding:10px;display:grid;position:absolute;inset:0}.falling-counter{border-radius:50%;width:100%;height:100%;animation:.85s ease-in forwards counterDrop;box-shadow:inset 0 -4px #00000026}.winning-cell{animation:1s ease-in-out infinite winningPulse;box-shadow:0 0 0 4px #fff,0 0 18px #fffffff2}.how-to-play-box{background:var(--cream);border:2px solid var(--cream-border);text-align:left;border-radius:20px;margin:20px 0;padding:16px 18px}.how-to-play-box h2{margin:0 0 8px;font-size:1.2rem}.how-to-play-box ol{margin:0;padding-left:22px}.how-to-play-box li{margin-bottom:4px;font-size:1rem;line-height:1.5}.marble-page{width:100%;max-width:420px;margin:0 auto}.marble-count{color:var(--text-muted);margin:0 0 18px;font-size:1.1rem}.marble-board-area{justify-content:center;width:100%;display:flex}.marble-board{aspect-ratio:1;background:radial-gradient(at 22% 28%,#84562424 0%,#0000 12%),radial-gradient(at 76% 68%,#8456241f 0%,#0000 14%),repeating-linear-gradient(4deg,#fff8e038 0 5px,#b9803f17 6px 11px),repeating-linear-gradient(92deg,#8052240f 0 2px,#0000 3px 22px),linear-gradient(145deg,#f1d09a 0%,#dfb16f 48%,#c28b4b 100%);border:8px solid #9a6936;border-radius:50%;grid-template-columns:repeat(7,1fr);gap:7px;width:min(100%,390px);padding:clamp(18px,4vw,28px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 8px 12px #fff6dc6b,inset 0 -14px 18px #603a1938,0 16px 30px #120c352e}.marble-board:before{content:"";pointer-events:none;z-index:0;border:2px solid #fff5dc6b;border-radius:50%;position:absolute;inset:12px;box-shadow:inset 0 0 0 2px #8b5b2b29,0 0 0 1px #603a191f}.marble-board:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(120deg,#fff3,#0000 34%),linear-gradient(300deg,#603a191f,#0000 44%);border-radius:50%;position:absolute;inset:0}.marble-board-space,.marble-hole{aspect-ratio:1}.marble-board-space-invalid{z-index:1;visibility:hidden;position:relative}.marble-hole{z-index:1;cursor:pointer;background:radial-gradient(circle at 48% 40%,#b9854f 0%,#805027 56%,#402412 100%);border:2px solid #5432167a;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 5px 8px #1f120870,inset 0 -3px 5px #ffebc83d,0 2px 3px #fff8e624}.marble-hole:hover{border-color:var(--blue-border)}.marble-piece{background:radial-gradient(circle at 30% 22%,#ffffffdb 0%,#0000 18%),radial-gradient(circle at 44% 38%,#6b6678 0%,#242230 42%,#090811 76%,#020106 100%);border-radius:50%;position:absolute;inset:10%;box-shadow:inset 0 4px 5px #ffffff2e,inset 0 -7px 9px #0000009e,0 6px 9px #120c3561}.marble-empty-space{background:radial-gradient(circle at 45% 38%,#7b5a3d 0%,#4a3020 58%,#25160d 100%);border-radius:50%;position:absolute;inset:18%;box-shadow:inset 0 5px 8px #0000006b,inset 0 -2px 4px #ffe4be24}.marble-hole-selected{border-color:var(--purple);outline-offset:2px;outline:4px solid #6428d757;box-shadow:inset 0 5px 8px #1f140c5c,inset 0 -3px 5px #ffebc838}.marble-hole-selected .marble-piece{transform:scale(1.08)}.marble-hole-valid-move{border-color:var(--green-border);outline-offset:2px;background:radial-gradient(circle at 45% 38%,#d9c7ff 0%,#a88bdc 58%,#5d438f 100%);outline:4px dashed #32117a59;box-shadow:inset 0 5px 8px #1f140c47}.marble-hole-valid-move .marble-empty-space{background:radial-gradient(circle at 45% 38%,#f6f1ff 0%,#c8b7ff 58%,#7358ad 100%)}.marble-new-game-button{margin-top:22px}.marble-game-over-panel{text-align:center;background:radial-gradient(circle at 0 0,#ffffffbd,#0000 32%),linear-gradient(#fffaf0 0%,#efe1c6 100%);border:2px solid #d8b77d;border-radius:24px;margin-top:22px;padding:20px;animation:.45s ease-out marbleEndPanelIn;position:relative;overflow:hidden;box-shadow:inset 0 3px 5px #ffffff8c,0 10px 22px #120c3529}.marble-game-over-panel h2{color:var(--text-main);margin:0 0 8px;font-size:1.55rem}.marble-game-over-panel p{color:var(--text-muted);margin:0 0 16px;font-size:1.05rem;line-height:1.5}.marble-game-over-solved{background:radial-gradient(circle at 0 0,#fffc,#0000 32%),linear-gradient(#fff8df 0%,#ead39b 100%);border-color:#c69735;animation:.45s ease-out marbleEndPanelIn,1.8s ease-in-out infinite marbleSolvedGlow}.marble-game-over-finished{animation:.45s ease-out marbleEndPanelIn,2.4s ease-in-out infinite marbleFinishedGlow}.marble-game-over-sparkles{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.marble-game-over-sparkles span{opacity:.75;background:#c69735;border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite marbleSparkle}.marble-game-over-sparkles span:nth-child(2){animation-delay:.18s}.marble-game-over-sparkles span:nth-child(3){animation-delay:.36s}@keyframes marbleEndPanelIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes marbleSolvedGlow{0%,to{box-shadow:inset 0 3px 5px #ffffff8c,0 10px 22px #120c3529,0 0 #c6973500}50%{box-shadow:inset 0 3px 5px #ffffffa6,0 10px 22px #120c3529,0 0 22px #c697356b}}@keyframes marbleFinishedGlow{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes marbleSparkle{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.message-button{text-align:center;background:var(--green-soft);color:var(--green-text);border:2px solid var(--green-border);justify-content:center;align-items:center;margin-top:24px;text-decoration:none;display:flex}.message-button:hover{background:var(--green-soft-hover)}.help-contact-setup h2{margin:0 0 8px;font-size:1.5rem}.help-contact-setup p{color:var(--text-muted);line-height:1.5}.help-contact-setup form{flex-direction:column;gap:16px;display:flex}.help-contact-setup label{flex-direction:column;gap:8px;font-weight:700;display:flex}.help-contact-setup input{border:2px solid var(--disabled-bg);border-radius:16px;padding:14px 16px;font-size:1.1rem}.help-contact-setup input:focus{outline:3px solid var(--blue-focus);border-color:var(--blue)}.setup-error-message{color:var(--danger-text);margin:0;font-weight:700}.message-area{flex-direction:column;gap:14px;margin-top:24px;display:flex}.message-area .message-button{width:100%;margin-top:0;padding:18px 24px;font-size:1.15rem}.change-helper-button{border:2px solid var(--border-soft);width:100%;color:var(--text-main);background:#fff;border-radius:999px;margin-top:0;padding:16px 20px;font-size:1.05rem;font-weight:700}.change-helper-button:hover{background:var(--purple-soft)}.contact-confirmation-box{border:2px solid var(--cream-border);background:var(--cream);border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex}.contact-confirmation-box p{color:var(--text-main);margin:0;font-size:1rem;font-weight:700;line-height:1.5}.keep-helper-button,.remove-helper-button{cursor:pointer;border-radius:999px;width:100%;padding:16px 20px;font-size:1.05rem;font-weight:800}.keep-helper-button{border:2px solid var(--green-border);background:var(--green-soft);color:var(--green-text)}.keep-helper-button:hover{background:var(--green-soft-hover)}.remove-helper-button{border:2px solid var(--danger-text);color:var(--danger-text);background:#fff}.remove-helper-button:hover{background:#fff1f0}.bottom-nav{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#ffffffeb;border-radius:28px;grid-template-columns:repeat(3,1fr);gap:10px;width:min(500px,100% - 24px);max-width:500px;padding:10px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #120c3529}.bottom-nav-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:.95rem;font-weight:800;line-height:1.2;display:flex}.bottom-nav-button span{display:block}.bottom-nav-button.active{background:linear-gradient(180deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;box-shadow:0 8px 18px #6428d73d}.bottom-nav-icon{object-fit:contain;width:32px;height:32px}.settings-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.settings-row{background:var(--purple-soft);border:1px solid var(--border-soft);border-radius:24px;padding:18px}.settings-row h2{margin:0 0 6px;font-size:1.2rem}.settings-row p{color:var(--text-muted);margin:0 0 14px;font-size:1rem;line-height:1.4}.settings-button{background:linear-gradient(180deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;padding:14px 18px;font-size:1.05rem;font-weight:800}.settings-choice-buttons{border:1px solid var(--border-soft);background:#fff;border-radius:999px;gap:8px;padding:4px;display:flex}.settings-choice-button{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:12px 14px;font-size:1rem;font-weight:800}.settings-choice-button-active{background:linear-gradient(180deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff;box-shadow:0 6px 14px #6428d740}.page-icon-heading{align-items:flex-start;gap:14px;display:flex}.page-icon-heading img{flex-shrink:0;width:58px;height:58px}.page-icon-heading h1{margin:0 0 8px}.page-icon-heading p{margin:0}.games-heading-logo{width:min(280px,90%);margin:0 auto 8px;display:block}.game-title-logo{width:min(300px,95%);margin:0 auto 12px;display:block}@media (width<=430px){.app{padding:16px 16px 96px}.dashboard-header h1,.connect-header h1{font-size:2.1rem}.game-card,.connect-game-card,.help-contact-setup{border-radius:24px;padding:20px}.connect-board,.falling-layer{gap:4px;padding:8px}.column-buttons{gap:4px}.column-button{min-height:48px;font-size:1.1rem}.turn-message{font-size:1.3rem}}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid var(--blue-focus);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.falling-counter,.winning-cell,.marble-game-over-panel,.marble-game-over-solved,.marble-game-over-finished,.marble-game-over-sparkles span{animation:none}.column-button-highlighted{transform:none}}