:root{--app-background:#0d1320;--surface-panel:#121c2c;--surface-panel-high:#1a2740;--border-subtle:#30435f;--accent-green:#5ee39a;--accent-blue:#64b5ff;--accent-gold:#ffd95e;--accent-red:#f45f58;--board-blue:#2d73df;--board-blue-high:#3b84f4;--board-hole:#050a12;--text-primary:#eaf2ff;--text-secondary:#aab7ca}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--app-background);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}#app{height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:default}a{color:inherit}.panel{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:14px}.screen{height:100%;padding:12px;display:flex;position:relative}.game-screen{flex-direction:row;justify-content:center;align-items:center}.side-column{flex-direction:column;flex:none;gap:16px;height:100%;display:flex}.rail-box{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.header{border-radius:12px;flex-direction:column;flex:none;justify-content:center;gap:4px;padding:10px 18px;display:flex}.header-row{align-items:center;gap:10px;display:flex}.header-title{color:var(--accent-green);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:20px;font-weight:600;overflow:hidden}.header-badge{color:var(--text-secondary);font-size:15px;font-weight:600}.info-button{background:var(--surface-panel-high);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--accent-green);border-radius:50%;flex:none;font-size:15px;font-weight:700}.header-status{color:var(--text-secondary);font-size:15px;overflow:hidden}.board-panel{background:linear-gradient(var(--board-blue-high), var(--board-blue));border:1px solid var(--border-subtle);border-radius:14px;flex:none;overflow:hidden}.board-canvas{touch-action:manipulation;width:100%;height:100%;display:block}.control-rail{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex-direction:column;flex:1;gap:13px;min-height:0;padding:14px;display:flex;overflow-y:auto}.action-row{gap:10px;display:flex}.action-row>button{flex:1;height:52px}.btn-primary{color:#fff;background:#5ee39a42;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary:disabled{color:var(--text-secondary);background:#1a2740b8}.btn-secondary{background:var(--surface-panel-high);color:#fff;border-radius:9px;height:52px;padding:0 10px;font-size:16px;font-weight:600}.btn-secondary:disabled{opacity:.55}.btn-outlined{color:var(--text-primary);border:1px solid var(--border-subtle);background:0 0;border-radius:9px;height:48px;font-size:15px;font-weight:600}.btn-text{color:var(--accent-green);height:44px;font-size:15px;font-weight:600}.spinner{border:2px solid var(--accent-green);border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:none}.spinner.visible{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.rail-section{flex-direction:column;gap:8px;display:flex}.section-title{color:var(--accent-green);letter-spacing:.02em;font-size:13px;font-weight:600}.first-row{gap:10px;display:flex}.first-option{background:var(--surface-panel-high);border:1px solid var(--border-subtle);color:#fff;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;height:52px;font-size:16px;font-weight:600;display:inline-flex}.first-option:disabled{opacity:.55}.first-option.selected{border:2px solid var(--accent-green);color:var(--accent-green)}.first-option.selected:before{content:"";background:var(--accent-green);border-radius:50%;width:8px;height:8px}.difficulty-list{grid-template-columns:repeat(10,30px);justify-content:space-between;row-gap:4px;width:100%;display:grid}.difficulty-row{background:var(--surface-panel);border:1px solid var(--border-subtle);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:34px;padding:0;font-size:14px;font-weight:700;display:flex}.difficulty-row.selected{background:var(--surface-panel-high);border:1.5px solid var(--row-accent)}.difficulty-row.dimmed{opacity:.55}.selected-tier{color:var(--row-accent);min-height:18px;font-size:13px;font-weight:600}.funnel-strip{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:10px;padding:4px 2px;display:flex}.funnel-text{color:var(--text-secondary);font-size:13px}.play-badge{align-items:center;line-height:0;text-decoration:none;display:inline-flex}.play-badge-img{width:auto;height:56px;display:block}.funnel-strip .play-badge-img{height:44px}.overlay-scrim{z-index:10;background:#00000094;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.overlay-scrim.hidden{display:none}.overlay-card{flex-direction:column;gap:12px;width:100%;max-width:360px;padding:18px;display:flex;box-shadow:0 10px 30px #00000080}.overlay-label{color:var(--accent-green);font-size:13px;font-weight:600}.overlay-title{font-size:20px;font-weight:700}.overlay-button{width:100%;height:48px}.dialog-card{border-radius:20px;flex-direction:column;gap:18px;width:100%;max-width:620px;max-height:100%;padding:28px;display:flex}.gm-card{max-width:420px}.dialog-title{color:var(--accent-green);font-size:19px;font-weight:600}.gm-title{color:var(--accent-red)}.dialog-body{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.dialog-paragraph{color:var(--text-secondary);font-size:15px;line-height:1.5}.dialog-version{font-size:13px}.dialog-link{color:var(--accent-green);font-weight:600}.dialog-footer{justify-content:flex-end;display:flex}.dialog-footer .btn-secondary{height:44px;padding:0 20px;font-size:15px}.gm-badge{align-self:flex-start}.gate-screen{justify-content:center;align-items:center}.gate-panel{flex-direction:column;align-items:flex-start;gap:14px;width:100%;max-width:460px;padding:28px;display:flex}.gate-title{color:var(--accent-green);font-size:22px;font-weight:700}.seo-content{border-top:1px solid var(--border-subtle);background:var(--app-background);padding:48px 24px 32px}.seo-inner{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;display:flex}.seo-inner h1{color:var(--accent-green);font-size:26px;line-height:1.3}.seo-inner h2{color:var(--text-primary);margin-top:14px;font-size:20px}.seo-inner h3{color:var(--text-primary);margin-top:6px;font-size:16px}.seo-inner p{color:var(--text-secondary);font-size:15px;line-height:1.6}.seo-inner a{color:var(--accent-green)}.seo-nav{flex-wrap:wrap;gap:10px 22px;margin-top:14px;font-size:15px;font-weight:600;display:flex}.seo-badge{line-height:0;display:inline-block}.seo-footer{margin-top:8px;font-size:13px}.tactics-screen{flex-direction:row;justify-content:center;align-items:center}.back-button{font-size:18px}.tactics-title-column{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tactics-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.tactics-controls{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.tactics-panel-title{font-size:19px;font-weight:700}.tactics-message{color:var(--text-secondary);flex:1;font-size:15px;line-height:1.5}.tactics-upsell{border:1px solid var(--border-subtle);background:var(--surface-panel-high);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.tactics-upsell.hidden{display:none}.tactics-upsell-badge{align-self:flex-start}.tactics-controls .action-row>.hidden{display:none}.tactics-skip{height:52px}