:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #040c20;--panel: rgba(9, 27, 61, .88);--panel-strong: #0b2046;--panel-soft: rgba(17, 43, 86, .68);--line: rgba(139, 188, 255, .13);--text: #f4f8ff;--muted: #9db0d0;--blue: #1687ff;--blue-bright: #35a3ff;--cyan: #58dcff;--gold: #ffc744;--piece-cell: clamp(15px, 4.7vw, 23px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-width:320px;background:var(--bg);color:var(--text);overflow-x:hidden}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid rgba(109,197,255,.95);outline-offset:3px}button:disabled{cursor:default}.app-root{min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -20%,rgba(18,79,170,.38),transparent 45%),linear-gradient(160deg,#07152f,#040c20 55%,#020817)}.app-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.25;background-image:radial-gradient(circle at 14% 18%,rgba(61,146,255,.24) 0 1px,transparent 2px),radial-gradient(circle at 83% 31%,rgba(89,207,255,.2) 0 1px,transparent 2px),radial-gradient(circle at 28% 78%,rgba(80,100,255,.18) 0 1px,transparent 2px);background-size:140px 140px,190px 190px,230px 230px}.home-screen,.game-screen,.subpage{animation:page-in .22s ease both;position:relative;z-index:1;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:calc(14px + var(--safe-top)) 18px calc(18px + var(--safe-bottom))}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;color:#c8dcff;background:#21467e61;border:1px solid rgba(141,185,255,.12);transition:transform .16s ease,background .16s ease,color .16s ease;flex-shrink:0}.icon-button:hover{background:#2d64b18c;color:#fff}.icon-button:active{transform:scale(.96)}.primary-button{width:100%;min-height:54px;padding:0 20px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:11px;color:#fff;font-weight:800;font-size:16px;letter-spacing:.01em;background:linear-gradient(180deg,#35a4ff,#1679f5);box-shadow:0 8px 22px #0066ff52,inset 0 1px #ffffff6b,0 0 0 1px #59b2ff80;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.primary-button:hover{filter:brightness(1.08);box-shadow:0 10px 27px #0066ff6b,inset 0 1px #ffffff6b,0 0 0 1px #59b2ffb3}.primary-button:active{transform:scale(.985);filter:brightness(.96)}.secondary-button{width:100%;min-height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#1b3a6a99;border:1px solid rgba(131,178,255,.13);color:#d9e7ff;font-weight:700;transition:background .16s ease,transform .16s ease}.secondary-button:hover{background:#254d88b8}.secondary-button:active{transform:scale(.99)}.home-screen{display:flex;flex-direction:column;padding-bottom:calc(20px + var(--safe-bottom));background:radial-gradient(ellipse at 50% 32%,rgba(16,79,176,.28),transparent 48%)}.home-header{display:flex;align-items:center;justify-content:space-between;min-height:42px}.mini-app-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#b9cce9;letter-spacing:.01em}.telegram-mark{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#1c9ef4;color:#fff;font-size:12px;padding-right:2px}.brand-hero{height:clamp(225px,35vh,300px);min-height:220px;position:relative;display:flex;justify-content:center;align-items:center;margin-top:5px;isolation:isolate}.brand-hero:before{content:"";position:absolute;width:250px;height:150px;border-radius:50%;background:#126aff29;filter:blur(40px);z-index:-1}.brand-logo{margin:0;text-align:center;font-size:clamp(47px,14vw,70px);line-height:.84;letter-spacing:-.075em;font-weight:1000;font-style:italic;text-shadow:0 5px 0 rgba(0,0,0,.22),0 10px 22px rgba(0,0,0,.38);transform:rotate(-2deg);filter:drop-shadow(0 7px 12px rgba(0,0,0,.25))}.brand-logo span{display:inline-block;-webkit-text-stroke:1px rgba(255,255,255,.17)}.brand-block{color:#ffca44;text-shadow:0 3px 0 #a95d00,0 6px 0 #7e4200,0 0 22px rgba(255,174,37,.28)}.brand-l{color:#ff9b27;text-shadow:0 3px 0 #9d3f0a,0 6px 0 #60200c}.brand-o{color:#ff477e;text-shadow:0 3px 0 #a71954,0 6px 0 #63163f}.brand-c{color:#ffb83f;text-shadow:0 3px 0 #a55c05,0 6px 0 #673800}.brand-k{color:#21d4e8;text-shadow:0 3px 0 #087aaf,0 6px 0 #064d8a}.brand-break{display:block!important;font-size:.81em;letter-spacing:-.045em;margin-top:10px;color:#f3f8ff;-webkit-text-stroke:1px rgba(60,130,255,.65)!important;text-shadow:0 3px 0 #224b9c,0 6px 0 #132e6d,0 0 28px rgba(33,122,255,.55)!important}.brand-spark{position:absolute;color:#6bcaff;font-size:23px;text-shadow:0 0 16px #128fff;animation:spark-float 3.6s ease-in-out infinite}.brand-spark-a{left:14%;top:23%}.brand-spark-b{right:12%;bottom:23%;animation-delay:-1.8s}.logo-blocks{position:absolute;display:flex;flex-direction:column;gap:3px;transform:rotate(-36deg)}.logo-blocks span{width:31px;height:31px;border-radius:7px;background:linear-gradient(135deg,#57c4ff,#1763f5 60%,#0946c9);border:1px solid rgba(255,255,255,.38);box-shadow:inset 2px 2px #ffffff7a,0 9px 18px #0046ff61}.logo-blocks-left{left:5%;top:17%}.logo-blocks-right{right:6%;top:21%;transform:rotate(29deg)}.logo-blocks-right span{background:linear-gradient(135deg,#e8a0ff,#9637ff 60%,#5722e9)}.home-copy{text-align:center;margin:0 auto 19px;max-width:340px}.home-copy h2{font-size:22px;margin:0 0 9px;letter-spacing:-.025em;font-weight:850}.home-copy p{color:#a9bbd9;font-size:13px;line-height:1.55;margin:0}.home-play-button{max-width:340px;align-self:center;min-height:58px;border-radius:20px;font-size:17px;position:relative}.play-triangle{font-size:15px;margin-right:2px}.home-mini-stats{display:flex;gap:10px;margin:18px auto 0;width:100%;max-width:340px}.mini-stat{flex:1;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:6px;padding:10px 13px;border-radius:14px;background:#112b5880;border:1px solid rgba(122,172,255,.09)}.mini-stat svg{grid-row:1 / span 2;color:var(--gold)}.mini-stat span{color:#9fb5d7;font-size:10px}.mini-stat strong{font-size:14px;margin-top:2px}.home-bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:auto 0 17px;padding-top:22px}.home-nav-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:88px;border-radius:19px;background:linear-gradient(150deg,#143770cc,#091b3eeb);border:1px solid rgba(113,168,255,.12);box-shadow:inset 0 1px #ffffff09;transition:transform .16s ease,background .16s ease}.home-nav-card:active{transform:scale(.97)}.home-nav-card strong{font-size:12px}.nav-card-icon{display:inline-flex;color:#60bfff;filter:drop-shadow(0 0 9px rgba(42,145,255,.42))}.crown-icon{color:#ffc844}.home-nav-active{background:linear-gradient(150deg,#1b56abd6,#0b2451f0);border-color:#3f97ff47}.home-profile{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(120,161,224,.1);padding:13px 3px 0;color:#b8cbe7}.home-profile>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-profile strong{color:#edf5ff;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-profile small{color:#8198bd;font-size:10px}.home-profile>svg{color:#9bb9e8}.home-ambient-block{position:absolute;display:flex;flex-direction:column;gap:3px;transform:rotate(-34deg);opacity:.7;pointer-events:none}.home-ambient-block span{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,#34f0ad,#058d80);box-shadow:0 0 20px #00ffbe3d}.ambient-one{left:-13px;top:37%}.ambient-two{right:-9px;top:48%;transform:rotate(29deg)}.ambient-two span{background:linear-gradient(135deg,#ffcb50,#ff8b1c)}.brand-hero-pulse{animation:logo-pulse .45s ease}.game-screen{display:flex;flex-direction:column;padding-top:calc(10px + var(--safe-top));padding-bottom:calc(12px + var(--safe-bottom));min-height:100dvh;max-width:480px}.game-header{display:flex;align-items:center;gap:9px;min-height:42px}.back-button{font-size:27px;font-weight:300}.back-chevron{transform:translateY(-2px);line-height:1}.best-pill{display:inline-flex;align-items:center;gap:6px;color:var(--gold);background:#3b372159;border:1px solid rgba(255,208,88,.12);border-radius:12px;padding:9px 11px;font-weight:800;font-size:12px}.header-spacer{flex:1}.game-header-avatar{margin-left:0}.score-area{text-align:center;padding:12px 0 13px}.score-label{font-size:9px;letter-spacing:.17em;font-weight:800;color:#829bc2}.score-value{font-size:clamp(40px,11vw,53px);font-weight:900;line-height:1.08;letter-spacing:-.045em;text-shadow:0 3px 18px rgba(63,139,255,.17);font-variant-numeric:tabular-nums}.score-meta{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:6px;min-height:20px}.score-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#90a8ce}.score-meta-item svg{color:#6fafff}.combo-pill{border-radius:20px;padding:4px 9px;font-size:10px;font-weight:900;color:#e8f7ff;background:linear-gradient(90deg,#8c39ff,#297dff);box-shadow:0 0 14px #6550ff59;animation:combo-pop .34s cubic-bezier(.2,1.6,.4,1)}.board-shell{width:100%;position:relative;border-radius:19px;padding:5px;background:linear-gradient(145deg,#2163bea6,#05142ffa 35%,#103568bf);box-shadow:0 18px 35px #00000047,0 0 0 1px #65a9ff1f,inset 0 1px #ffffff17}.game-board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:3px;padding:3px;border-radius:14px;overflow:hidden;background:#020b1de6;touch-action:none;-webkit-user-select:none;user-select:none}.board-cell{min-width:0;min-height:0;position:relative;border-radius:4px;background:linear-gradient(145deg,#0c1d3ac2,#051025db);box-shadow:inset 0 1px #456fad12}.board-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(70,117,181,.07);border-radius:inherit;pointer-events:none}.block,.piece-block,.ghost-block{display:block;width:100%;height:100%;position:relative;border-radius:4px;overflow:hidden;background:linear-gradient(145deg,#53bdff,#2087ff 48%,#0754dd);border:1px solid rgba(172,224,255,.66);box-shadow:inset 1px 1px #ffffff85,inset -2px -3px #00198040,0 2px 5px #003aaf3d}.block:before,.piece-block:before{content:"";position:absolute;left:10%;top:9%;width:78%;height:35%;border-radius:3px 3px 8px;background:linear-gradient(180deg,#ffffffad,#ffffff14);clip-path:polygon(0 0,100% 0,72% 100%,0 100%)}.block:after,.piece-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 42%,rgba(255,255,255,.17) 43%,transparent 49%);pointer-events:none}.block-cyan{background:linear-gradient(145deg,#a0f4ff,#38c9ff 46%,#0874e9);border-color:#cafcffd1;box-shadow:inset 1px 1px #ffffffc7,inset -2px -3px #003e913d,0 2px 5px #0090ff40}.block-yellow{background:linear-gradient(145deg,#fff28a,#ffcb36 46%,#f58b12);border-color:#ffeea5d9;box-shadow:inset 1px 1px #ffffffa6,inset -2px -3px #8c400033,0 2px 5px #ffa00038}.block-orange{background:linear-gradient(145deg,#ffc574,#ff922f 48%,#e45b0b);border-color:#ffd6a0c7}.block-green{background:linear-gradient(145deg,#76f5b0,#21ce8a 48%,#00986b);border-color:#acffd7b8}.block-red{background:linear-gradient(145deg,#ff989c,#ff4b65 48%,#cf1c50);border-color:#ffbdc6c2}.block-purple{background:linear-gradient(145deg,#d0a4ff,#9551ff 48%,#5626d8);border-color:#e3caffcc}.block-pink{background:linear-gradient(145deg,#ffb6f3,#f45bcf 48%,#c629a2);border-color:#ffd4fac7}.ghost-block{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.68;border:1px solid rgba(195,235,255,.8);background:#47b1ff66;box-shadow:inset 0 0 8px #50c3ff99;pointer-events:none}.ghost-block-invalid{background:#ff456a57;border-color:#ff748dbf;box-shadow:inset 0 0 8px #ff285a73}.ghost-valid{background:#35a7ff26}.ghost-invalid{background:#ff3e611f}.cell-clearing{animation:clear-flash .44s ease both}.cell-clearing:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:5px;background:radial-gradient(circle,rgba(255,255,255,.78),rgba(83,192,255,.2) 48%,transparent 72%);animation:clear-particle .44s ease-out both;pointer-events:none}.block-arrive{animation:block-arrive .22s cubic-bezier(.2,1.7,.4,1) both}.score-bump{animation:score-bump .35s ease}.game-toast{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);padding:9px 15px;white-space:nowrap;border-radius:30px;font-weight:900;font-size:13px;letter-spacing:.04em;background:linear-gradient(90deg,#5c35f5,#168cff);box-shadow:0 6px 24px #2068ff6b;animation:toast-pop .35s ease both;pointer-events:none}.piece-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 8px;margin-top:13px;min-height:88px;border-radius:18px;background:linear-gradient(155deg,#0c2146e6,#051128e6);border:1px solid rgba(106,161,239,.14);box-shadow:inset 0 1px #ffffff09,0 8px 18px #0000001f}.piece-slot{display:flex;align-items:center;justify-content:center;min-width:0;min-height:60px;background:transparent;border-radius:13px;touch-action:none;-webkit-user-select:none;user-select:none;transition:background .14s ease,transform .14s ease,opacity .14s ease}.piece-slot:active{background:#2c5ea729}.piece-slot-active{opacity:.22}.piece-slot-used{opacity:.28}.piece-grid{--piece-cell: clamp(16px, 4.7vw, 23px);display:grid;gap:2px;align-content:center;justify-content:center;pointer-events:none}.piece-block{border-radius:4px}.piece-check{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#6fb8ff;background:#2d66ae38;font-size:17px}.drag-piece-overlay{position:fixed;z-index:10000;display:grid;gap:3px;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.98;transform:scale(1.035);transform-origin:center bottom;filter:drop-shadow(0 9px 14px rgba(0,0,0,.42)) drop-shadow(0 0 10px rgba(52,157,255,.26));will-change:left,top}.drag-piece-overlay .piece-block{width:100%;height:100%;border-radius:5px}.drag-piece-overlay-touch{filter:drop-shadow(0 10px 15px rgba(0,0,0,.48)) drop-shadow(0 0 12px rgba(52,157,255,.3))}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}.theme-chip{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:0 13px;border-radius:24px;background:#13305dc7;border:1px solid rgba(119,172,244,.14);color:#d5e6ff;font-size:11px;font-weight:700}.theme-chip-icon{font-size:16px;color:#7dcaff}.chip-arrow{font-size:19px;color:#7e9cc8;line-height:1;margin-left:2px}.game-footer-right{display:flex;align-items:center;gap:11px}.move-count{font-size:10px;color:#718bb4}.small-link{background:transparent;color:#8fc8ff;font-size:11px;font-weight:700;padding:8px 0 8px 8px}.game-over-backdrop{align-items:center}.game-over-card{position:relative;overflow:hidden;width:min(100%,365px);border-radius:27px;padding:25px 23px 22px;background:linear-gradient(150deg,#102c5cfa,#040f25fc);border:1px solid rgba(124,179,255,.24);box-shadow:0 25px 90px #0000008c,inset 0 1px #ffffff12;text-align:center;animation:modal-in .3s cubic-bezier(.2,1.2,.4,1)}.game-over-glow{display:inline-flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:23px;color:#ffd254;background:radial-gradient(circle at 30% 20%,#ffda5b40,#34498333);filter:drop-shadow(0 0 15px rgba(255,190,50,.25))}.game-over-card h2{margin:13px 0 5px;font-size:24px;letter-spacing:-.04em}.modal-subtitle{margin:0;color:#9eb4d8;font-size:12px}.new-record-tag{position:relative;z-index:1;display:block;margin-top:8px;color:#ffda64;font-size:10px;font-weight:900;letter-spacing:.16em}.final-score{margin:18px 0 16px;font-size:42px;line-height:1;font-weight:900;letter-spacing:-.04em}.final-score span{display:block;margin-top:6px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8ba6d0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:19px}.result-stats div{display:flex;flex-direction:column;gap:4px;padding:10px 3px;border-radius:13px;background:#14305cb8}.result-stats strong{font-size:15px}.result-stats span{color:#8fa8cf;font-size:9px}.game-over-card .secondary-button{margin-top:9px}.confetti{position:absolute;z-index:0;inset:0 0 auto;height:115px;pointer-events:none;overflow:hidden}.game-over-card>:not(.confetti){position:relative;z-index:1}.confetti span{position:absolute;top:-10px;left:5%;width:6px;height:12px;border-radius:2px;background:#ffd14f;animation:confetti-fall 1.1s ease-out both}.confetti span:nth-child(2n){background:#49caff;height:8px;transform:rotate(35deg);animation-delay:.08s}.confetti span:nth-child(3n){background:#a46aff;height:10px;animation-delay:.15s}.confetti span:nth-child(4n){background:#ff6ab8;animation-delay:.22s}.confetti span:nth-child(1){left:5%}.confetti span:nth-child(2){left:13%}.confetti span:nth-child(3){left:22%}.confetti span:nth-child(4){left:31%}.confetti span:nth-child(5){left:40%}.confetti span:nth-child(6){left:49%}.confetti span:nth-child(7){left:58%}.confetti span:nth-child(8){left:67%}.confetti span:nth-child(9){left:76%}.confetti span:nth-child(10){left:84%}.confetti span:nth-child(11){left:91%}.confetti span:nth-child(12){left:96%}.subpage{padding-top:calc(17px + var(--safe-top))}.subpage-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin-bottom:24px}.subpage-header>div{text-align:center}.subpage-header h1{margin:0;font-size:21px;font-weight:850;letter-spacing:-.035em}.subpage-header p{margin:5px 0 0;color:#92a8cd;font-size:12px}.header-placeholder{width:40px}.theme-options-list{display:flex;flex-direction:column;gap:10px}.theme-option{display:flex;align-items:center;gap:13px;min-height:82px;padding:12px;text-align:left;border-radius:18px;background:linear-gradient(145deg,#112b56f0,#081939f2);border:1px solid rgba(126,172,242,.11);transition:transform .15s ease,border-color .15s ease,background .15s ease}.theme-option:active{transform:scale(.99)}.theme-option-selected{background:linear-gradient(145deg,#194a8ff2,#0b234efa);border-color:#3697ffb3;box-shadow:inset 0 0 0 1px #398fff26,0 0 18px #1976ff1a}.theme-preview{width:60px;height:60px;flex-shrink:0;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;border-radius:13px;background:#00071480;box-shadow:inset 0 1px 4px #00000040}.preview-block{border-radius:5px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 1px 1px #ffffff4d,inset -1px -2px #0000002e}.preview-blue{background:linear-gradient(135deg,#63c5ff,#0866f5)}.preview-yellow{background:linear-gradient(135deg,#fff17c,#ff9b1e)}.preview-purple{background:linear-gradient(135deg,#d4a4ff,#7c2fff)}.preview-orange{background:linear-gradient(135deg,#ffc87a,#c86a1a)}.preview-ice-blue{background:linear-gradient(135deg,#c8f7ff,#299dff)}.preview-ice-cyan{background:linear-gradient(135deg,#9bf8ff,#0876dd)}.preview-crystal-purple{background:linear-gradient(135deg,#ffb4fa,#782dff)}.preview-crystal-blue{background:linear-gradient(135deg,#b6faff,#1683ff)}.preview-crystal-pink{background:linear-gradient(135deg,#ffb6f4,#d327e7)}.preview-neon-cyan{background:#00eaff;box-shadow:0 0 9px #00eaff}.preview-neon-purple{background:#9c39ff;box-shadow:0 0 9px #9c39ff}.preview-neon-pink{background:#ff3abf;box-shadow:0 0 9px #ff3abf}.preview-neon-green{background:#35ff9b;box-shadow:0 0 9px #35ff9b}.preview-wood{background:linear-gradient(135deg,#d89b5c,#8a4b1e)}.preview-wood-light{background:linear-gradient(135deg,#ffd49a,#b76a2b)}.preview-wood-dark{background:linear-gradient(135deg,#ad6a35,#5b2b12)}.preview-nature-green{background:linear-gradient(135deg,#83e887,#158b58)}.preview-nature-lime{background:linear-gradient(135deg,#c6f07a,#64b632)}.preview-nature-mint{background:linear-gradient(135deg,#9af2c8,#269b87)}.theme-option-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.theme-option-copy strong{font-size:14px}.theme-option-copy small{font-size:11px;color:#96add1}.theme-radio{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(102,153,224,.25);border-radius:50%;color:#fff}.theme-radio-checked{border-color:#1b93ff;background:#1b93ff;box-shadow:0 0 12px #1c88ff59}.theme-done{margin-top:24px}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:18px 14px calc(16px + var(--safe-bottom));background:#000512ab;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.settings-modal{width:min(100%,430px);max-height:min(88dvh,740px);overflow-y:auto;border-radius:26px;padding:18px;background:linear-gradient(155deg,#0e2752fa,#041027fc);border:1px solid rgba(124,174,245,.2);box-shadow:0 25px 70px #00000073,inset 0 1px #ffffff12;animation:sheet-in .25s cubic-bezier(.2,1.1,.4,1)}.modal-header{display:flex;align-items:center;gap:9px;margin-bottom:19px}.modal-heading-icon{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;color:#9bcaff;background:#2a68ba47;border-radius:10px}.modal-header h2{font-size:19px;margin:0;letter-spacing:-.03em;flex:1}.modal-close{width:33px;height:33px;border-radius:11px}.settings-section-label{margin:14px 0 8px;color:#819bc3;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.settings-theme-row,.settings-stat-row{width:100%;display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 9px;text-align:left;border-radius:14px;background:#1a396773}.settings-theme-icon,.settings-row-icon{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:11px;color:#8ac7ff;background:#2763ab3d}.settings-theme-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.settings-theme-row strong{font-size:12px}.settings-theme-row small{color:#8da8cf;font-size:10px}.settings-theme-row>svg,.settings-stat-row>svg{color:#7192bf}.settings-divider{height:1px;margin:14px 0;background:#7ea9e71c}.setting-row{display:flex;align-items:center;gap:11px;width:100%;min-height:51px;padding:7px 5px;text-align:left;border-bottom:1px solid rgba(122,164,225,.07);background:transparent}.setting-row-icon{display:inline-flex;color:#7499cc;width:28px;align-items:center;justify-content:center}.sound-test-row{color:#bcd9ff}.sound-test-row:disabled{opacity:.48;cursor:default}.sound-test-hint{color:#78baff;font-size:10px;white-space:nowrap}.setting-row-label{flex:1;font-size:12px;font-weight:650}.toggle{width:40px;height:23px;padding:3px;border-radius:20px;display:inline-flex;align-items:center;justify-content:flex-start;background:#4a62898c;border:1px solid rgba(156,182,222,.12);transition:background .2s ease}.toggle>span{width:15px;height:15px;border-radius:50%;background:#d7e4f8;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.toggle-on{background:linear-gradient(90deg,#187bfa,#35a3ff);border-color:#6ebeff8c}.toggle-on>span{transform:translate(16px);background:#fff}.settings-stat-row{margin-top:12px;min-height:51px;font-size:12px;font-weight:700}.settings-stat-row>span:nth-child(2){flex:1}.settings-close-button{margin-top:18px}.rating-page{padding-bottom:calc(24px + var(--safe-bottom))}.rating-header{margin-bottom:14px}.podium{min-height:224px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:7px;padding:8px 0 0}.podium-player{min-width:0;display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:0}.podium-crown{height:28px;display:flex;align-items:center;justify-content:center;color:#c7d7ef;margin-bottom:3px}.podium-rank-1 .podium-crown{color:#ffd04c;filter:drop-shadow(0 0 10px rgba(255,194,56,.34))}.podium-rank-3 .podium-crown{color:#e99c61}.podium-avatar-wrap{position:relative;margin-bottom:7px}.podium-avatar-wrap .avatar{border:2px solid rgba(202,222,255,.4)}.podium-rank-1 .podium-avatar-wrap .avatar{border:3px solid #ffc744;box-shadow:0 0 0 4px #ffc5361f,0 0 24px #ffc12f2e}.podium-rank-3 .podium-avatar-wrap .avatar{border-color:#d98350}.podium-rank{position:absolute;right:-4px;bottom:-3px;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#1e6fce;border:2px solid #0b1d3c;font-size:9px;font-weight:900}.podium-rank-1 .podium-rank{background:#ffc744;color:#4e3000}.podium-rank-2 .podium-rank{background:#b8c9df;color:#263d5d}.podium-rank-3 .podium-rank{background:#d88752;color:#45200a}.podium-player>strong{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;margin-bottom:4px}.podium-player>b{color:#cbdcff;font-size:12px;font-variant-numeric:tabular-nums}.podium-rank-1>b{color:#ffd35a;font-size:14px}.podium-base{width:100%;margin-top:12px;height:38px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#2351948c,#10295259);border:1px solid rgba(110,166,241,.1);border-bottom:0}.podium-rank-1 .podium-base{height:55px;background:linear-gradient(180deg,#3166b3a6,#102b586b)}.podium-rank-3 .podium-base{background:linear-gradient(180deg,#1f457d85,#0d22444d)}.leaderboard-list{display:flex;flex-direction:column;gap:5px;margin-top:10px}.leaderboard-row{display:flex;align-items:center;gap:10px;min-height:53px;padding:7px 11px;border-radius:13px;background:#0e2349cc;border:1px solid rgba(113,161,230,.06)}.leaderboard-row-self{background:linear-gradient(90deg,#165cb6c2,#0d346ce6);border-color:#3997ff59}.leaderboard-position{width:18px;text-align:center;color:#9cb4d8;font-size:12px;font-weight:800}.leaderboard-player-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.leaderboard-player-name strong{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.leaderboard-player-name small{color:#8da6cc;font-size:9px}.leaderboard-score{font-size:12px;font-variant-numeric:tabular-nums}.leaderboard-self-divider{color:#7faee8;font-size:9px;letter-spacing:.15em;font-weight:900;margin:12px 3px 4px}.load-more-button{margin-top:14px}.stats-hero{display:flex;flex-direction:column;align-items:center;padding:22px 16px 25px;border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(45,104,193,.32),transparent 58%),linear-gradient(145deg,#102b59f0,#071836f2);border:1px solid rgba(124,174,246,.15)}.stats-hero-icon{display:flex;align-items:center;justify-content:center;width:59px;height:59px;border-radius:20px;color:#ffd45c;background:#ffc3391a;box-shadow:0 0 26px #ffbf2e1a;margin-bottom:12px}.stats-hero>span:nth-child(2){color:#92add4;font-size:9px;font-weight:900;letter-spacing:.17em}.stats-hero>strong{font-size:40px;letter-spacing:-.04em;margin-top:5px}.stats-hero>small{color:#819cc3;font-size:11px;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:16px;min-height:125px;border-radius:17px;background:#0e2348d1;border:1px solid rgba(117,166,234,.1)}.stat-card-icon{color:#70baff}.stat-card-label{color:#8fa8ce;font-size:11px}.stat-card strong{font-size:22px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stats-note{display:flex;gap:9px;align-items:flex-start;margin-top:15px;padding:13px;border-radius:14px;background:#0c22459e;color:#8fa8cf;font-size:10px;line-height:1.5}.stats-note svg{flex-shrink:0;color:#6db8ff}.avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;color:#fff;font-weight:800;background:linear-gradient(145deg,#3f9bff,#653fff);border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 7px #00000038}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:31px;height:31px;font-size:10px}.avatar-medium{width:43px;height:43px;font-size:13px}.avatar-large{width:57px;height:57px;font-size:16px}.avatar-color-0{background:linear-gradient(145deg,#3fa6ff,#3851da)}.avatar-color-1{background:linear-gradient(145deg,#fc8dba,#a42b94)}.avatar-color-2{background:linear-gradient(145deg,#ffb85c,#e35c37)}.avatar-color-3{background:linear-gradient(145deg,#5ae0c0,#138d9b)}.avatar-color-4{background:linear-gradient(145deg,#b28cff,#6539d8)}.avatar-color-5{background:linear-gradient(145deg,#d5e9ff,#497eb8)}.loading-state,.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#91a9d0;font-size:12px;text-align:center}.empty-state strong{color:#eaf2ff;font-size:14px}.empty-state span{max-width:230px;line-height:1.5}.loader{display:inline-block;width:22px;height:22px;border:2px solid rgba(112,166,237,.2);border-top-color:#42a9ff;border-radius:50%;animation:spin .8s linear infinite}.boot-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at 50% 40%,#0b2b64,#030a1b 70%);color:#9eb8de;font-size:12px}.boot-logo{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:24px;color:#fff;font-size:24px;font-weight:1000;font-style:italic;background:linear-gradient(145deg,#39a9ff,#0756db);box-shadow:0 0 38px #187cff59,inset 0 1px #fff6}.connection-error{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(22,78,161,.35),transparent 55%),#040c20}.error-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;color:#7cc4ff;border-radius:22px;background:#2261af3d;border:1px solid rgba(109,170,248,.16)}.connection-error h1{margin:19px 0 7px;font-size:23px}.connection-error>p{max-width:320px;margin:0;color:#9cb1d2;font-size:13px;line-height:1.6}.connection-note{display:flex;align-items:flex-start;gap:8px;max-width:340px;margin:20px 0;padding:13px;border-radius:14px;text-align:left;color:#91add3;background:#0f274f99;font-size:10px;line-height:1.5}.connection-note svg{flex-shrink:0;color:#69baff}.connection-error .primary-button{max-width:330px}.global-toast{position:fixed;z-index:20;left:50%;bottom:calc(22px + var(--safe-bottom));transform:translate(-50%);max-width:calc(100vw - 30px);display:flex;align-items:center;gap:8px;padding:12px 15px;border-radius:14px;color:#edf6ff;background:#143261f5;border:1px solid rgba(120,177,255,.25);box-shadow:0 12px 36px #00000059;font-size:12px;font-weight:700;animation:toast-pop .2s ease both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.global-toast svg{color:#77baff;flex-shrink:0}.theme-ice{--blue: #38baff;--cyan: #9af2ff}.theme-ice .block-blue,.theme-ice .piece-block.block-blue{background:linear-gradient(145deg,#e0fcff,#65d7ff 45%,#1282e9);border-color:#d4faff;box-shadow:inset 1px 1px #fffc,inset -2px -3px #00428c3d,0 2px 5px #2ebfff52}.theme-ice .block-cyan{background:linear-gradient(145deg,#d6ffff,#8beeff 45%,#2aa2f0)}.theme-ice .block-yellow{background:linear-gradient(145deg,#d8f7ff,#79c9ff 50%,#4e8eff)}.theme-ice .board-shell{background:linear-gradient(145deg,#6bcdff9e,#07254df5 35%,#42a1e79e)}.theme-crystal .block-blue,.theme-crystal .piece-block.block-blue{background:linear-gradient(145deg,#b6faff,#4e9dff 48%,#4d36e5)}.theme-crystal .block-purple{background:linear-gradient(145deg,#ffd2ff,#b14bff 48%,#6a20d5)}.theme-crystal .block-pink{background:linear-gradient(145deg,#ffd5fc,#fa65db 48%,#b626b6)}.theme-neon .block{box-shadow:inset 1px 1px #ffffff73,0 0 10px currentColor,0 2px 4px #0003}.theme-neon .block-blue{color:#2a8fff;background:linear-gradient(145deg,#7be9ff,#2365ff)}.theme-neon .block-purple{color:#a349ff;background:linear-gradient(145deg,#ff83f3,#8b29ff)}.theme-neon .block-green{color:#24ff9b;background:linear-gradient(145deg,#b0ff87,#00d88b)}.theme-wood .game-board{background:#1a120c}.theme-wood .board-cell{background:linear-gradient(145deg,#21170f,#130e0a)}.theme-wood .block{background:linear-gradient(145deg,#f4c38a,#c77b39 52%,#80451e);border-color:#f2c997;box-shadow:inset 1px 1px #fff6,inset -2px -3px #4a1f074d,0 2px 5px #0000004d}.theme-wood .block-blue,.theme-wood .block-cyan,.theme-wood .block-green,.theme-wood .block-red,.theme-wood .block-purple,.theme-wood .block-pink,.theme-wood .block-yellow{background:linear-gradient(145deg,#f5c58a,#bd7133 52%,#7c3e19);border-color:#edbd81}.theme-wood .board-shell{background:linear-gradient(145deg,#634126,#1e140d 45%,#3e2919)}.theme-nature .block-blue,.theme-nature .block-cyan{background:linear-gradient(145deg,#b4ed8a,#47c977 50%,#157e60);border-color:#c6f7ac}.theme-nature .block-yellow,.theme-nature .block-orange{background:linear-gradient(145deg,#f7e98a,#a8c944 50%,#628b24)}.theme-nature .block-purple,.theme-nature .block-pink{background:linear-gradient(145deg,#b3f0ca,#41bca0 50%,#1d806c)}.theme-nature .block-red{background:linear-gradient(145deg,#ffcf9b,#f28b50 50%,#b64d36)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-in{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes clear-particle{0%{opacity:0;transform:scale(.55)}35%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1.55)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(130px) rotate(210deg)}}@keyframes spark-float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-8px) rotate(18deg);opacity:1}}@keyframes logo-pulse{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes combo-pop{0%{transform:scale(.7);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes clear-flash{0%{filter:brightness(1)}35%{filter:brightness(2.2);background:#97deffcc}to{filter:brightness(1)}}@keyframes block-arrive{0%{transform:scale(.62);opacity:.4}75%{transform:scale(1.07);opacity:1}to{transform:scale(1)}}@keyframes score-bump{0%{transform:scale(1)}35%{transform:scale(1.08);color:#bce9ff}to{transform:scale(1)}}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,10px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(min-width:600px){body{background:#030817}.app-root{width:min(100%,480px);margin:0 auto;border-left:1px solid rgba(104,157,230,.08);border-right:1px solid rgba(104,157,230,.08);box-shadow:0 0 90px #00000059}.home-screen,.game-screen,.subpage{padding-left:22px;padding-right:22px}.game-screen{min-height:100dvh}.modal-backdrop{padding-bottom:22px}.settings-modal{margin-bottom:4px}}@media(max-height:720px)and (max-width:599px){.game-screen{padding-top:calc(5px + var(--safe-top))}.score-area{padding:5px 0 8px}.score-value{font-size:40px}.piece-tray{min-height:74px;margin-top:8px;padding:8px}.piece-slot{min-height:52px}.home-screen{padding-top:calc(8px + var(--safe-top))}.brand-hero{height:205px;min-height:205px}.home-copy{margin-bottom:12px}.home-mini-stats{margin-top:12px}.home-nav-card{min-height:74px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}