:root{--accent:#3dc5de;--accent-soft:#3dc5de2e;--text:#f3f7ff;--muted:#9aa6c4;--danger:#ff5a6a;--panel-radius:28px;--shadow:0 30px 80px #00000073}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;color:var(--text);overscroll-behavior:none;background-color:#0000;background-image:radial-gradient(circle at 20% 10%,#3dc5de1f,#0000 28%),radial-gradient(circle at 80% 12%,#7a7dff1f,#0000 22%),linear-gradient(#0a0f1d 0%,#090c16 45%,#070a12 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;padding:0;font-family:Inter,Helvetica Neue,Arial,system-ui,sans-serif}.loading,.loading-text{height:100%;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;place-items:center;font-size:13px;display:grid}.site{width:100%;max-width:1120px;padding:0 20px calc(env(safe-area-inset-bottom) + 40px);margin:0 auto}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:700}.site-header{justify-content:space-between;align-items:center;padding:20px 0 8px;display:flex}.site-logo{color:var(--text);letter-spacing:-.5px;align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.site-logo b{color:var(--accent)}.logo-mark{color:#06121a;background:linear-gradient(135deg, var(--accent), #7a7dff);border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.site-nav{gap:8px;display:flex}.site-nav .nav-link{color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none}.site-nav .nav-link.is-active{background:var(--accent-soft);color:#eafcff;border-color:#3dc5de99}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:calc(100dvh - 84px);padding:12px 0 24px;display:flex}.hero-copy{flex:none;max-width:680px}.hero-title{letter-spacing:-2px;margin:0 0 12px;font-size:clamp(40px,7vw,72px);line-height:.95}.hero-title span{color:var(--accent)}.hero-desc{color:var(--muted);max-width:520px;margin:0 auto 16px;font-size:15px;line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta{min-height:48px;color:var(--text);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-flex}.cta:active{transform:scale(.96)}.cta-primary{color:#06121a;background:linear-gradient(135deg, var(--accent), #7a7dff);border:none}.update-card{background:#3dc5de0f;border:1px solid #3dc5de2e;border-radius:16px;gap:12px;padding:16px;display:flex}.update-badge{letter-spacing:.08em;color:#06121a;background:var(--accent);border-radius:6px;align-self:flex-start;padding:3px 9px;font-size:11px;font-weight:800}.update-card strong{margin-bottom:4px;display:block}.update-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.hero-preview-card{aspect-ratio:1;background:linear-gradient(#131a2eeb,#0a0f1df0);border:1px solid #3dc5de38;border-radius:30px;width:min(100%,56vh,560px);padding:clamp(10px,2vw,18px);display:flex;box-shadow:0 30px 90px #00000080,0 0 0 1px #3dc5de1a}.hero-preview{background:radial-gradient(circle at 18% 10%,#3dc5de24,#0000 28%),linear-gradient(#edf5ff 0%,#ddeafb 46%,#c7dbf7 100%);border:1px solid #7ab4ff3d;border-radius:22px;flex:1;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6}.hero-preview canvas{cursor:pointer;width:100%;height:100%;display:block}.hero-preview-hint{color:#0a1a2f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none;background:#ffffffd1;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hero-preview-full{color:#06121a;background:linear-gradient(135deg, var(--accent), #7a7dff);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;position:absolute;top:12px;right:12px}.section-title{letter-spacing:-.5px;margin:0 0 14px;font-size:clamp(26px,4vw,40px);line-height:1.15}.section-lead{color:var(--muted);max-width:720px;margin:0 0 28px;line-height:1.65}.feature-section,.faq-section{padding:28px 0}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;padding:22px}.feature-card h3{margin:0 0 8px;font-size:17px}.feature-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.faq-list{gap:10px;display:grid}.faq-item{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;padding:4px 18px}.faq-item summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--accent);font-weight:700}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.6}.site-footer{text-align:center;border-top:1px solid #ffffff14;margin-top:20px;padding:36px 0 0}.footer-cta{margin-bottom:24px}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:16px;display:flex}.footer-links a{color:var(--muted);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--muted);margin:0;font-size:13px}@media (max-width:760px){.site{padding-left:14px;padding-right:14px}.feature-grid{grid-template-columns:1fr}.site-header{padding:14px 0 6px}.hero-section{gap:14px;min-height:calc(100dvh - 68px);padding:8px 0 16px}.eyebrow{margin-bottom:6px;font-size:11px}.hero-title{margin-bottom:6px;font-size:clamp(36px,12vw,52px)}.hero-desc{margin-bottom:12px;font-size:13.5px;line-height:1.45}.cta{min-height:44px;padding:0 22px}.hero-preview-card{border-radius:24px;width:min(100%,50vh);padding:10px}.hero-preview-hint{font-size:11px;bottom:8px}}@media (max-height:680px){.hero-preview-card{width:min(100%,46vh,400px)}.hero-title{font-size:clamp(32px,9vw,48px)}}.game-page{min-height:100dvh}.game-site-header{width:100%;max-width:620px;padding:calc(env(safe-area-inset-top) + 16px) 16px 4px;margin:0 auto}.game-site-footer{width:100%;max-width:620px;padding:28px 16px calc(env(safe-area-inset-bottom) + 28px);margin:8px auto 0}.game-page-shell{width:100%;max-width:620px;margin:0 auto;padding:12px 16px 4px}.game-panel{border-radius:var(--panel-radius);box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#58e6ff14,#0000 30%),linear-gradient(#131a2ef0,#0a0f1df5);border:1px solid #ffffff14;padding:24px;position:relative;overflow:visible}.game-panel-head--minimal{justify-content:center;margin-bottom:12px;display:flex}.game-panel-controls--minimal{grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;display:grid}.game-stat-chip{text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:0 10px;display:flex}.game-stat-chip strong{white-space:nowrap;font-size:15px;font-weight:700}.game-life-chip{gap:3px}.life-heart{color:var(--danger);font-size:16px;line-height:1;transition:color .25s,transform .25s,opacity .25s}.life-heart.is-lost{color:#ffffff29;transform:scale(.86)}.chip-button{min-width:0;min-height:44px;color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,background .2s,border-color .2s;display:flex}.chip-button:active{transform:scale(.96)}.chip-button.is-active{background:var(--accent-soft);border-color:#3dc5de99;box-shadow:inset 0 0 0 1px #3dc5de26}.game-mode-wrap,.game-settings-wrap{min-width:0;display:flex;position:relative}.game-mode-wrap>.chip-button,.game-settings-wrap>.chip-button{width:100%}.game-settings-panel{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c18f5;border:1px solid #ffffff14;border-radius:18px;gap:14px;width:min(340px,100vw - 40px);padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 34px #0006}.game-mode-panel{gap:8px;width:min(240px,100vw - 40px);left:0;right:auto}.game-mode-option{width:100%;min-height:42px;font-weight:700}.game-mode-option[aria-current=page]{color:#f2fdff;pointer-events:none;background:linear-gradient(#3dc5de57,#3dc5de33);border-color:#3dc5ded1}.game-mode-option[aria-current=page]:before{content:"●";color:#b8f8ff;margin-right:6px;font-size:.72em}.settings-section{gap:8px;display:grid}.settings-title{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:12px}.mode-toggle{background:#0a0f1d99;border-radius:12px;gap:6px;padding:4px;display:flex}.mode-toggle .chip-button{background:0 0;border:none;min-height:38px;font-size:13px}.mode-toggle .chip-button.is-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #3dc5de40}.ctrl-full-icon,.lbl-short{display:none}.game-stage{aspect-ratio:3/4;background:radial-gradient(circle at 18% 10%,#3dc5de24,#0000 28%),radial-gradient(circle at 82% 12%,#7a7dff24,#0000 24%),linear-gradient(#edf5ff 0%,#ddeafb 46%,#c7dbf7 100%);border:1px solid #7ab4ff3d;border-radius:24px;width:100%;max-height:72vh;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6,inset 0 -18px 32px #38528414}.board-wrap{position:absolute;inset:0}.board-canvas{width:100%;height:100%;display:block}.game-status-inline{text-align:center;color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#060914ad;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal{text-align:center;background:#131a2efa;border:1px solid #ffffff14;border-radius:22px;width:100%;max-width:340px;padding:26px 22px;box-shadow:0 20px 60px #00000080}.modal-emoji{font-size:48px}.modal h2{margin:8px 0 4px}.modal p{color:var(--muted);margin:0 0 18px;font-size:14px}.modal-actions{flex-direction:column;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;min-height:50px;font-size:16px;font-weight:700}.btn.primary{background:linear-gradient(135deg, var(--accent), #7a7dff);color:#06121a}.btn.ghost{color:var(--text);background:0 0;border:1px solid #ffffff26}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6}.ad-progress{background:#2a3350;border-radius:999px;height:8px;margin-top:16px;overflow:hidden}.ad-bar{background:linear-gradient(90deg, var(--accent), #7a7dff);height:100%;transition:width 1s linear}.level-select{border-radius:var(--panel-radius);box-shadow:var(--shadow);background:radial-gradient(circle at 0 0,#7a7dff0f,#0000 32%),linear-gradient(#131a2ee6,#0a0f1df0);border:1px solid #ffffff14;margin-top:20px;padding:20px}.level-select-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.level-select-title{letter-spacing:-.3px;margin:0;font-size:20px}.level-select-progress{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:600}.level-group{margin-bottom:18px}.level-group:last-child{margin-bottom:0}.level-group-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}.level-group-count{letter-spacing:.06em;color:#9aa6c4b3;font-size:11px;font-weight:600}.level-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;display:grid}.level-cell{aspect-ratio:1;min-height:44px;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:transform .12s,background .2s,border-color .2s;display:flex}.level-cell:not(:disabled):active{transform:scale(.92)}.level-cell:not(:disabled):hover{background:#3dc5de1a;border-color:#3dc5de66}.level-cell.is-done{color:#bff6e6;background:#34d39924;border-color:#34d39959}.level-cell.is-current{color:#06121a;background:linear-gradient(135deg, var(--accent), #7a7dff);border:none;box-shadow:0 0 0 3px #3dc5de40,0 8px 20px #3dc5de4d}.level-cell.is-locked{color:#9aa6c48c;cursor:not-allowed;background:#ffffff05;border-style:dashed;border-color:#ffffff14;font-size:13px}@media (max-width:620px){.game-site-header,.game-site-footer{padding-left:12px;padding-right:12px}.level-select{border-radius:22px;padding:16px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.level-cell{min-height:42px;font-size:14px}.site-nav .nav-link{padding:9px 14px;font-size:13px}.game-page-shell{padding-left:10px;padding-right:10px}.game-panel{border-radius:22px;padding:14px}.game-panel-controls--minimal{gap:6px}.game-stat-chip,.chip-button{min-height:42px;padding:0 6px;font-size:13px}.game-stat-chip strong{font-size:13px}.ctrl-full-text,.lbl-full{display:none}.ctrl-full-icon,.lbl-short{display:inline}.ctrl-full-icon{font-size:17px}.game-stage{aspect-ratio:3/4}}