:root{--color-ink: #171c21;--color-snow: #dff5ff;--color-steel: #91a5b0;--color-slate: #2c3540;--color-board: #364452;--color-lime: #a4d955;--color-gold: #ffd227;--color-rust: #af5253;--bg-page: var(--color-slate);--bg-board: var(--color-board);--bg-cell: #2F3A47;--bg-cell-hover: #3D4A59;--bg-cell-active: #4A5A6D;--bg-cell-fail: #af5253;--bg-input: var(--color-ink);--accent-primary: var(--color-lime);--accent-hover: #b8e36b;--accent-glow: rgba(164, 217, 85, .35);--text-primary: var(--color-snow);--text-secondary: var(--color-steel);--text-muted: #5E6B7C;--text-on-accent: var(--color-ink);--color-win: var(--color-lime);--color-lose: var(--color-rust);--color-bitcoin: var(--color-gold);--color-lightning: var(--color-gold);--color-multiplier: var(--color-gold);--border-cell: var(--color-ink);--border-subtle: rgba(223, 245, 255, .06);--shadow-cell: inset 0 -3px 0 rgba(23, 28, 33, .4);--shadow-frame: 0 10px 40px rgba(23, 28, 33, .5);--shadow-button: 0 4px 0 rgba(23, 28, 33, .35);--radius-cell: 8px;--radius-button: 10px;--radius-frame: 16px;--radius-popup: 12px;--font-display: "Exo", sans-serif;--font-accent: "Exo", sans-serif;--font-body: "Nunito Sans", sans-serif;--font-button: "Exo", sans-serif;--tower-height: min(58vh, 520px);--gap-cell: 6px;--padding-board: 16px;--board-width: 360px;--board-grid-height: 342px;--row-gap: 5px;--mascot-width: 384px;--mascot-top: -120px;--hand-width: 144px;--hand-top: -38px}@media (min-width: 640px){:root{--tower-height: 520px;--padding-board: 20px}}html{background:var(--bg-page);overflow-x:clip;max-width:100vw}body{background:linear-gradient(180deg,#364452,#2c3540);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.6;margin:0;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:var(--font-display);color:var(--color-lime);text-transform:uppercase;letter-spacing:1px;font-weight:900}.multiplier{font-family:var(--font-display);color:var(--color-gold);font-weight:900}@keyframes active-row-pulse{0%,to{box-shadow:0 0 0 1px var(--color-gold),0 0 8px 1px #ffd22766}50%{box-shadow:0 0 0 1px var(--color-gold),0 0 12px 2px #ffd227a6}}.active-row-glow{position:absolute;inset:-3px;border:1px solid var(--color-gold);border-radius:9px;pointer-events:none;z-index:10;animation:active-row-pulse 1.5s ease-in-out infinite}.btn{font-family:var(--font-button);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:transform .15s ease,filter .15s ease}.btn:hover{transform:scale(1.04)}.btn:active{transform:scale(.97)}@keyframes btn-shine{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-shine-border{position:relative}.btn-shine-border:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,210,39,.8) 50%,transparent 100%);background-size:200% 100%;animation:btn-shine 2.5s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.btn-shine-fast:before{animation:btn-shine 1.8s linear infinite}.btn-glow{filter:drop-shadow(0 0 10px rgba(255,210,39,.35))}.btn-glow:hover{filter:drop-shadow(0 0 16px rgba(255,210,39,.55))}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-slate);border:1px solid var(--border-cell);color:var(--color-snow);font-family:var(--font-body);font-weight:600;font-size:.7rem;letter-spacing:.04em;text-transform:none;white-space:nowrap;padding:6px 10px;border-radius:6px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:20}.tooltip-wrap:hover .tooltip-bubble{opacity:1;visibility:visible}@media (max-width: 1023px){.tooltip-bubble{display:none}}.tooltip-bubble--below{bottom:auto;top:calc(100% + 8px)}.tooltip-bubble--left{bottom:auto;left:auto;right:calc(100% + 10px);top:50%;transform:translateY(-50%)}html{scrollbar-color:#2c3540 #364452}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#364452,#2c3540);box-shadow:inset 0 0 0 1px #0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2c3540,#364452);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3a4856,#475667)}@layer utilities{.font-display{font-family:var(--font-display)}.font-accent{font-family:var(--font-accent)}.font-body{font-family:var(--font-body)}.ds-board{background:var(--bg-board);border-radius:var(--radius-frame);box-shadow:var(--shadow-frame)}.ds-cell{background:var(--bg-cell);border-radius:var(--radius-cell);box-shadow:var(--shadow-cell);border:1px solid var(--border-cell)}.ds-accent-glow{box-shadow:0 0 18px var(--accent-glow)}}@font-face{font-family:Exo;font-weight:100 900;font-display:swap;src:url(/fonts/exo.woff2) format("woff2")}@font-face{font-family:Nunito Sans;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-sans.woff2) format("woff2")}html,body{margin:0;background:#2c3540}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.demo-bar{position:fixed;top:0;left:0;right:0;z-index:50;background:#2c3540;box-shadow:0 4px 12px #00000040}.demo-bar-row{max-width:1100px;margin:0 auto;height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-logo{display:flex;align-items:center}.demo-logo img{height:34px;width:auto;display:block}.demo-balance{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg-cell, #2f3a47);border:1px solid rgba(255,255,255,.06);font-family:var(--font-button);font-weight:700;font-size:.95rem;color:var(--text-primary, #dff5ff);font-variant-numeric:tabular-nums}.demo-balance img{width:20px;height:20px;display:block}.demo-strip{margin:0;padding:4px 16px;min-height:30px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;background:#364452;color:#ffd227;text-align:center;font-family:var(--font-button);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.demo-help-open{font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;color:#171c21;background:#a4d955;border:0;border-radius:999px;padding:3px 12px;box-shadow:0 2px #171c2159}.demo-help-open:hover{filter:brightness(1.08)}.demo-help-open:focus-visible{outline:2px solid #dff5ff;outline-offset:2px}.demo-tg{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#ffd227;background:transparent;border:1px solid rgba(255,210,39,.6);border-radius:999px;padding:2px 11px 2px 3px}.demo-tg svg{width:16px;height:16px}.demo-tg:hover{background:#ffd2271f;border-color:#ffd227}.demo-tg:focus-visible{outline:2px solid #dff5ff;outline-offset:2px}.demo-main{flex:1;display:flex;flex-direction:column;padding-top:96px}@media (max-width: 560px){.demo-main{padding-top:120px}}.htp-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;background:#0e1216d6;backdrop-filter:blur(6px)}.htp-card{width:100%;max-width:560px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#2c3540;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 20px 60px #171c218c;color:#dff5ff;font-family:var(--font-body)}.htp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.htp-head h2{margin:0;font-family:var(--font-button);font-weight:800;font-size:1.2rem;color:#ffd227}.htp-close{width:34px;height:34px;flex-shrink:0;border-radius:50%;cursor:pointer;background:#364452;color:#91a5b0;border:1px solid rgba(255,255,255,.06);font-size:.95rem}.htp-close:hover{color:#dff5ff}.htp-body{overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:18px;font-size:.9rem;line-height:1.55}.htp-body h3{margin:0 0 8px;font-family:var(--font-button);font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#a4d955}.htp-body p{margin:0;color:#c4d3da}.htp-intro{color:#dff5ff!important;font-size:.95rem}.htp-steps{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:4px;color:#c4d3da}.htp-diffs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.htp-diffs li{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#364452;border-radius:10px}.htp-diffs img{width:34px;height:34px;flex-shrink:0}.htp-diffs strong{display:block;font-family:var(--font-button);font-weight:700;color:#dff5ff}.htp-diffs span{display:block;font-size:.8rem;color:#91a5b0}.htp-bonus{display:flex;align-items:center;gap:12px}.htp-bonus-icons{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.htp-bonus-icons img{width:44px;height:auto;display:block}.htp-keys{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.htp-keys li{display:flex;align-items:center;gap:8px;color:#c4d3da}kbd{min-width:30px;padding:3px 8px;text-align:center;border-radius:6px;background:#364452;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px #171c2180;font-family:var(--font-button);font-weight:700;font-size:.85rem;color:#dff5ff}.htp-legend{display:flex;gap:14px;align-items:flex-start;padding:14px;background:#364452;border-radius:12px}.htp-legend>img{width:88px;flex-shrink:0;filter:drop-shadow(0 8px 12px rgba(23,28,33,.55))}.htp-legend h3{color:#ffd227}.htp-legend p+p{margin-top:8px}.htp-footer{font-size:.78rem!important;color:#91a5b0!important;text-align:center}@media (max-width: 480px){.htp-legend{flex-direction:column;align-items:center;text-align:left}.htp-legend>img{width:96px}}.demo-footer{position:relative;z-index:3;background:#171c21;border-top:1px solid rgba(145,165,176,.15);padding:24px 16px;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;color:#91a5b0;font-family:var(--font-body);font-size:14px}.demo-lang{position:relative;font-family:var(--font-body)}.demo-lang summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 10px;color:#dff5ff;font-size:.8rem;font-weight:600;transition:background .15s}.demo-lang summary::-webkit-details-marker{display:none}.demo-lang summary:hover{background:#ffffff1a}.demo-lang .chev{opacity:.5;transition:transform .2s;flex-shrink:0}.demo-lang[open] .chev{transform:rotate(180deg)}.demo-lang .flag{width:20px;height:14px;border-radius:2px;object-fit:cover;flex-shrink:0;display:block}.demo-lang-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:50;min-width:140px;overflow:hidden;background:#364452;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 8px 24px #0006}.demo-lang-menu a{display:flex;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;color:#dff5ff;font-size:.82rem;font-weight:600;transition:background .15s}.demo-lang-menu a:hover{background:#ffffff12}.demo-lang-menu a[aria-current=true]{color:#a4d955;background:#ffffff12}.demo-footer-sep{margin:0 8px;opacity:.6}.demo-footer-credit{color:#dff5ff;font-weight:700;text-decoration:none}.demo-footer-credit:hover{color:#a4d955;text-decoration:underline}.demo-footer-age{display:inline-flex;align-items:flex-start;gap:8px;max-width:300px;text-align:left;line-height:1.45}.demo-footer-age-pill{flex:none;margin-top:-2px}.demo-footer-tg{display:inline-flex;align-items:center;gap:6px;color:#dff5ff;font-weight:700;text-decoration:none}.demo-footer-tg:hover{color:#ffd227}.demo-footer-tg svg{width:18px;height:18px;color:#ffd227}._button_1gzn8_1{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:var(--bg-cell);border:1px solid var(--border-cell);border-radius:50%;cursor:pointer;padding:0;transition:background .15s,border-color .15s,transform .15s;color:var(--text-primary)}._button_1gzn8_1:hover{background:#3d4d5d;border-color:var(--color-lime)}._button_1gzn8_1:active{transform:scale(.95)}._buttonMuted_1gzn8_26{color:var(--text-secondary);background:var(--color-slate)}._icon_1gzn8_31{width:16px;height:16px}
