*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}:root{--bg-dark: #0a0e27;--bg-gradient: radial-gradient(circle at 50% 20%, #151a4a 0%, #0a0d24 100%);--board-bg: #181d45;--board-border: #242c66;--cell-empty: #101435;--cell-empty-border: #1a204d;--cell-shadow: inset 0 2px 4px rgba(0, 0, 0, .6), inset 0 -1px 1px rgba(255, 255, 255, .05);--font-main: "Fredoka", "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--c-red: #ff3b56;--c-red-hi: #ff7589;--c-red-sh: #b8122a;--c-orange: #ff851b;--c-orange-hi: #ffa654;--c-orange-sh: #b85400;--c-yellow: #ffcc00;--c-yellow-hi: #ffe066;--c-yellow-sh: #b88f00;--c-green: #2ecc71;--c-green-hi: #64dd94;--c-green-sh: #1a8f4b;--c-cyan: #00c6ff;--c-cyan-hi: #5cd9ff;--c-cyan-sh: #0081a8;--c-blue: #2d68ff;--c-blue-hi: #6b95ff;--c-blue-sh: #1345c7;--c-purple: #9b51e0;--c-purple-hi: #bc82ea;--c-purple-sh: #6625a6;--c-pink: #ff3385;--c-pink-hi: #ff70a8;--c-pink-sh: #b81656}body{width:100vw;height:100vh;background:var(--bg-dark);background-image:var(--bg-gradient);font-family:var(--font-main);color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding-top:max(8px,env(safe-area-inset-top))}#game-container{width:100%;max-width:520px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px 16px 0;gap:0;position:relative}#game-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:4px 4px 0;margin-bottom:4px}.badge-pill{display:flex;align-items:center;gap:6px;background:#161c44d9;border:1.5px solid rgba(75,87,163,.4);padding:6px 14px;border-radius:20px;box-shadow:0 4px 10px #0000004d;transform-origin:left center;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.highscore-bump{animation:highScorePunch .22s cubic-bezier(.18,.89,.32,1.28)}@keyframes highScorePunch{0%{transform:scale(1)}50%{transform:scale(1.18);border-color:#ffe600;box-shadow:0 0 16px #ffe600bf,0 4px 10px #0006}to{transform:scale(1)}}.trophy-icon{font-size:1.15rem;filter:drop-shadow(0 2px 4px rgba(255,204,0,.4));transition:transform .12s ease}.highscore-bump .trophy-icon{transform:scale(1.2) rotate(-8deg)}.badge-label{font-size:.78rem;font-weight:800;color:#fc0;letter-spacing:.5px}#best-score-value{display:inline-block;font-size:.95rem;font-weight:800;color:#fff;transition:color .15s ease,transform .12s ease}.highscore-bump #best-score-value{color:#ffe600;text-shadow:0 0 10px rgba(255,230,0,.6)}.header-right{display:flex;gap:10px}.icon-btn{background:#1a214dd9;border:1.5px solid rgba(75,87,163,.4);color:#abb5e8;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px #0000004d;transition:transform .1s ease,background .15s,color .15s}.icon-btn:hover{background:#26306b;color:#fff;transform:scale(1.06)}.icon-btn:active{transform:scale(.92)}.btn-svg{width:20px;height:20px}.hidden{display:none!important}#score-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;width:100%;height:96px;min-height:96px;max-height:96px;margin:2px 0 8px;padding:0}.score-display{font-size:3.55rem;line-height:1;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.4),0 0 20px rgba(255,255,255,.2);transition:transform .12s cubic-bezier(.18,.89,.32,1.28)}.score-bump{animation:scorePunch .18s ease-out}@keyframes scorePunch{0%{transform:scale(1)}50%{transform:scale(1.22);color:#ffe600}to{transform:scale(1)}}.combo-banner{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:3px 14px;border-radius:14px;background:linear-gradient(90deg,#f80,#ff2d78);box-shadow:0 0 16px #ff3c64b3;white-space:nowrap;pointer-events:none;z-index:25;animation:comboPop .3s cubic-bezier(.18,.89,.32,1.28)}.combo-title{font-size:.85rem;font-weight:900;letter-spacing:1px;color:#fff}.combo-count{font-size:1.05rem;font-weight:900;color:#ffe600}@keyframes comboPop{0%{transform:translate(-50%) scale(.4) translateY(4px);opacity:0}70%{transform:translate(-50%) scale(1.15) translateY(-2px);opacity:1}to{transform:translate(-50%) scale(1) translateY(0);opacity:1}}.combo-banner.combo-fade-out{animation:comboFadeOut .22s ease-in forwards}@keyframes comboFadeOut{0%{transform:translate(-50%) scale(1) translateY(0);opacity:1}to{transform:translate(-50%) scale(.7) translateY(-6px);opacity:0}}#board-container{position:relative;width:min(94vw,475px);height:min(94vw,475px);background:var(--board-bg);border:4px solid var(--board-border);border-radius:18px;box-shadow:0 10px 30px #00000080,inset 0 0 15px #0006;padding:6px;display:flex;justify-content:center;align-items:center}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:4px;width:100%;height:100%}#fx-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;border-radius:14px}.board-cell{position:relative;background:var(--cell-empty);border-radius:7px;box-shadow:var(--cell-shadow);display:flex;justify-content:center;align-items:center;transition:background-color .12s,box-shadow .12s}.jewel-block{width:100%;height:100%;border-radius:7px;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000059;animation:blockSnap .16s cubic-bezier(.2,.9,.3,1.25)}@keyframes blockSnap{0%{transform:scale(.65);opacity:.8}65%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.jewel-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;border-top:2.5px solid rgba(255,255,255,.55);border-left:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(0,0,0,.3);border-bottom:2.5px solid rgba(0,0,0,.45);pointer-events:none}.jewel-block:after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:4px;background:linear-gradient(135deg,#ffffff4d,#fff0,#0003);pointer-events:none}.color-red{background:var(--c-red)}.color-orange{background:var(--c-orange)}.color-yellow{background:var(--c-yellow)}.color-green{background:var(--c-green)}.color-cyan{background:var(--c-cyan)}.color-blue{background:var(--c-blue)}.color-purple{background:var(--c-purple)}.color-pink{background:var(--c-pink)}.ghost-cell{border-radius:7px;position:relative;animation:ghostPulse .8s ease-in-out infinite alternate}.ghost-cell:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:6px;border:2px solid rgba(255,255,255,.8);box-shadow:inset 0 0 8px #fff9}@keyframes ghostPulse{0%{opacity:.55}to{opacity:.85}}.clear-preview{z-index:15}.clear-preview-block{box-shadow:0 0 16px #ffe600f2,inset 0 0 10px #ffffffe6!important;filter:brightness(1.4) saturate(1.25);animation:clearPreviewPulse .45s ease-in-out infinite alternate!important}.clear-preview.ghost-cell{box-shadow:0 0 20px #ffe600f2,inset 0 0 12px #ffffffd9!important;animation:clearPreviewPulse .45s ease-in-out infinite alternate!important}.clear-preview.ghost-cell:before{border:2px solid #ffffff!important;box-shadow:inset 0 0 14px #ffe600,0 0 10px #ffe600!important}@keyframes clearPreviewPulse{0%{transform:scale(1);filter:brightness(1.2) saturate(1.2)}to{transform:scale(1.06);filter:brightness(1.65) saturate(1.45)}}.cell-clearing{animation:flashClear .22s ease-out forwards;z-index:20}@keyframes flashClear{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.15);filter:brightness(2.8) saturate(.2)}to{transform:scale(0);opacity:0;filter:brightness(3)}}.shake{animation:boardShake .28s ease-in-out}@keyframes boardShake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}}#dock-container{width:100%;max-width:500px;flex:1;min-height:160px;display:flex;justify-content:stretch;align-items:stretch;padding:0;margin:0;position:relative}.shape-slot{flex:1;height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:22px;position:relative;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.shape-slot:active{cursor:grabbing}.shape-item{display:inline-grid;gap:3px;cursor:grab;touch-action:none;transform:scale(.68);transform-origin:center center;transition:transform .15s cubic-bezier(.2,.9,.3,1.2),opacity .15s}.shape-item:hover{transform:scale(.74)}.shape-item:active{cursor:grabbing}.shape-item.shape-selected{transform:scale(.8);filter:drop-shadow(0 0 10px rgba(255,204,0,.8))}.shape-block{width:44px;height:44px;border-radius:7px;position:relative;box-shadow:0 2px 4px #0000004d}.shape-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border-top:2px solid rgba(255,255,255,.5);border-left:1.5px solid rgba(255,255,255,.35);border-right:1.5px solid rgba(0,0,0,.25);border-bottom:2px solid rgba(0,0,0,.4)}.shape-block:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:3px;background:linear-gradient(135deg,#ffffff40,#00000026)}.shape-block-empty{visibility:hidden}.dragging-shape-clone{display:inline-grid;gap:4px;touch-action:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.65))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c20d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:86%;max-width:340px;background:linear-gradient(180deg,#1b2252,#101538);border:3px solid #33408f;border-radius:24px;padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;box-shadow:0 16px 40px #000000b3,0 0 30px #2d68ff33;animation:modalSlideUp .3s cubic-bezier(.18,.89,.32,1.25)}@keyframes modalSlideUp{0%{transform:scale(.8) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-over-header{font-size:2.1rem;font-weight:900;letter-spacing:1.5px;color:#ff3b56;text-shadow:0 3px 10px rgba(255,59,86,.5);margin-bottom:20px}.modal-stats{width:100%;display:flex;gap:12px;margin-bottom:24px}.stat-box{flex:1;background:#0e1333d9;border:1.5px solid #232c6b;border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;position:relative}.stat-label{font-size:.75rem;font-weight:800;color:#8c98d6;letter-spacing:.8px;margin-bottom:4px}.stat-value{font-size:1.65rem;font-weight:900;color:#fff}.best-box .stat-label{color:#fc0}.new-record-badge{position:absolute;top:-10px;background:linear-gradient(90deg,#f80,#ff2d78);font-size:.65rem;font-weight:900;color:#fff;padding:2px 8px;border-radius:10px;box-shadow:0 2px 6px #ff2d7899;letter-spacing:.5px}.play-again-btn{width:100%;padding:14px 20px;border:none;border-radius:16px;background:linear-gradient(180deg,#2ecc71,#1fa855);color:#fff;font-family:var(--font-main);font-size:1.15rem;font-weight:900;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 6px 18px #2ecc7166,inset 0 2px #ffffff59;transition:transform .12s,box-shadow .12s}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2ecc718c}.play-again-btn:active{transform:translateY(1px);box-shadow:0 3px 10px #2ecc714d}.play-icon{width:22px;height:22px}.settings-card{max-width:330px;padding:22px 20px 20px}.settings-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-title{font-size:1.45rem;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.settings-close-btn{background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);color:#abb5e8;width:32px;height:32px;border-radius:50%;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.settings-close-btn:hover{background:#ffffff2e;color:#fff;transform:scale(1.08)}.settings-close-btn:active{transform:scale(.92)}.settings-list{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.settings-row{width:100%;display:flex;justify-content:space-between;align-items:center;background:#0e1333d9;border:1.5px solid #232c6b;border-radius:16px;padding:12px 14px;box-shadow:0 4px 12px #00000040}.settings-row-label{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:800;color:#fff;letter-spacing:.3px}.settings-row-icon{font-size:1.15rem}.settings-toggle-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:2px}.toggle-track{width:44px;height:25px;border-radius:13px;background:#2ecc71;position:relative;transition:background .2s cubic-bezier(.2,.9,.3,1.2);box-shadow:inset 0 2px 4px #0006}.toggle-track.off{background:#343c68}.toggle-thumb{width:19px;height:19px;border-radius:50%;background:#fff;position:absolute;top:3px;left:22px;transition:left .2s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 2px 4px #00000059}.toggle-track.off .toggle-thumb{left:3px}.toggle-status-text{font-size:.82rem;font-weight:900;color:#2ecc71;min-width:26px;text-align:left;letter-spacing:.5px;transition:color .15s ease}.toggle-status-text.off{color:#8c98d6}.settings-action-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:12px;border:none;font-family:var(--font-main);font-size:.85rem;font-weight:800;letter-spacing:.5px;cursor:pointer;transition:transform .1s ease,filter .15s ease,box-shadow .15s ease}.restart-action{background:linear-gradient(180deg,#ff851b,#d45900);color:#fff;box-shadow:0 3px 10px #ff851b66,inset 0 1px #ffffff4d}.restart-action:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 5px 14px #ff851b8c}.restart-action:active{transform:translateY(1px);box-shadow:0 2px 6px #ff851b4d}.btn-svg-sm{width:16px;height:16px}.settings-resume-btn{width:100%;padding:12px 18px;border:none;border-radius:16px;background:linear-gradient(180deg,#2d68ff,#1748cc);color:#fff;font-family:var(--font-main);font-size:1.05rem;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 16px #2d68ff66,inset 0 2px #ffffff4d;transition:transform .12s ease,box-shadow .12s ease}.settings-resume-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2d68ff8c}.settings-resume-btn:active{transform:translateY(1px);box-shadow:0 3px 8px #2d68ff4d}.settings-count-badge{font-size:.75rem;font-weight:800;color:#fc0;background:#ffcc0026;border:1px solid rgba(255,204,0,.35);padding:2px 8px;border-radius:10px;margin-left:2px}.view-action{background:linear-gradient(180deg,#9b51e0,#7529c2);color:#fff;box-shadow:0 3px 10px #9b51e066,inset 0 1px #ffffff4d;gap:5px}.view-action:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 5px 14px #9b51e08c}.view-action:active{transform:translateY(1px);box-shadow:0 2px 6px #9b51e04d}.btn-arrow{font-size:.85rem;display:inline-block;transition:transform .12s ease}.view-action:hover .btn-arrow{transform:translate(2px)}.achievements-card{max-width:380px;max-height:85vh;padding:22px 20px 20px;display:flex;flex-direction:column}.achievements-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.achievements-title-group{display:flex;flex-direction:column;gap:2px}.achievements-title{font-size:1.35rem;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.achievements-progress-text{font-size:.82rem;font-weight:800;color:#fc0}.achievements-progress-bar-wrap{width:100%;height:8px;border-radius:4px;background:#0e1333e6;border:1px solid #232c6b;overflow:hidden;margin-bottom:14px}.achievements-progress-bar{height:100%;background:linear-gradient(90deg,#f80,#fc0,#2ecc71);border-radius:4px;transition:width .4s cubic-bezier(.2,.9,.3,1.2)}.achievements-filter-wrap{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.achievements-search-box{width:100%;position:relative;display:flex;align-items:center;background:#0a0e26cc;border:1.5px solid #232c6b;border-radius:12px;padding:0 10px}.achievements-search-box:focus-within{border-color:#2d68ff;box-shadow:0 0 10px #2d68ff59}.search-icon{font-size:.85rem;opacity:.6;margin-right:6px}#achievements-search-input{flex:1;background:transparent;border:none;outline:none;padding:8px 0;font-family:var(--font-main);font-size:.85rem;color:#fff}#achievements-search-input::placeholder{color:#6370ab}.search-clear-btn{background:none;border:none;color:#8c98d6;font-size:.85rem;cursor:pointer;padding:4px}.search-clear-btn:hover{color:#fff}.achievements-category-tabs{width:100%;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.achievements-category-tabs::-webkit-scrollbar{display:none}.achieve-tab{background:#0e1333cc;border:1px solid #232c6b;color:#8c98d6;font-family:var(--font-main);font-size:.75rem;font-weight:800;padding:5px 12px;border-radius:12px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.achieve-tab:hover{color:#fff;background:#1a2357cc}.achieve-tab.active{background:linear-gradient(135deg,#2d68ff,#1748cc);border-color:#4b78ff;color:#fff;box-shadow:0 2px 8px #2d68ff66}.achievements-list{width:100%;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px;margin-bottom:16px;scrollbar-width:thin;scrollbar-color:#33408f transparent}.achievements-list::-webkit-scrollbar{width:5px}.achievements-list::-webkit-scrollbar-track{background:transparent}.achievements-list::-webkit-scrollbar-thumb{background:#33408f;border-radius:4px}.achievement-item{width:100%;display:flex;align-items:center;gap:12px;background:#0e1333b3;border:1.5px solid #232c6b;border-radius:14px;padding:10px 12px;position:relative;transition:transform .12s ease,border-color .15s ease}.achievement-item.unlocked{background:linear-gradient(135deg,#162055cc,#0e1438d9);border-color:#ffcc0080;box-shadow:0 4px 14px #0000004d,0 0 12px #ffcc0026}.achievement-item.locked{opacity:.72;filter:grayscale(.4)}.achievement-item-icon{font-size:1.8rem;width:44px;height:44px;min-width:44px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.achievement-item.unlocked .achievement-item-icon{background:linear-gradient(135deg,#fc03,#f803);border-color:#fc06;box-shadow:0 0 10px #ffcc004d}.achievement-item-body{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.achievement-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.achievement-item-title{font-size:.92rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-item.unlocked .achievement-item-title{color:#ffe600}.achievement-item-desc{font-size:.78rem;color:#8c98d6;line-height:1.25}.achievement-item.unlocked .achievement-item-desc{color:#abb5e8}.achievement-item-progress-bar-wrap{width:100%;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-top:4px}.achievement-item-progress-bar{height:100%;background:linear-gradient(90deg,#ff851b,#fc0);border-radius:3px;transition:width .3s ease}.achievement-status-badge{font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:6px;letter-spacing:.5px;white-space:nowrap}.achievement-status-badge.unlocked{background:#2ecc7133;border:1px solid rgba(46,204,113,.5);color:#2ecc71}.achievement-status-badge.locked{background:#8c98d61f;border:1px solid rgba(140,152,214,.25);color:#8c98d6}.achievements-back-btn{background:linear-gradient(180deg,#9b51e0,#7529c2);box-shadow:0 4px 14px #9b51e066,inset 0 1.5px #ffffff59}.achievements-back-btn:hover{box-shadow:0 6px 18px #9b51e08c}.achievement-toast{position:absolute;top:14px;left:50%;transform:translate(-50%);width:90%;max-width:360px;background:linear-gradient(135deg,#1f2759,#12183d);border:2px solid #ffcc00;border-radius:18px;padding:10px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #000000b3,0 0 20px #fc06;z-index:1200;pointer-events:none;animation:achievementToastIn .35s cubic-bezier(.18,.89,.32,1.25)}@keyframes achievementToastIn{0%{transform:translate(-50%) translateY(-60px) scale(.85);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.achievement-toast.toast-fadeout{animation:achievementToastOut .3s ease-in forwards}@keyframes achievementToastOut{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-60px) scale(.85);opacity:0}}.achievement-toast-icon-wrap{width:44px;height:44px;min-width:44px;border-radius:12px;background:linear-gradient(135deg,#ffcc0040,#ff880040);border:1.5px solid rgba(255,204,0,.5);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #fc06}.achievement-toast-icon{font-size:1.8rem}.achievement-toast-body{display:flex;flex-direction:column;gap:2px;overflow:hidden}.achievement-toast-tag{font-size:.65rem;font-weight:900;letter-spacing:1px;color:#fc0;text-shadow:0 0 8px rgba(255,204,0,.6)}.achievement-toast-title{font-size:.96rem;font-weight:900;color:#fff}.achievement-toast-desc{font-size:.76rem;color:#abb5e8;line-height:1.2}[data-theme=wood]{--c-red: #a53d26;--c-orange: #c46a25;--c-yellow: #d49f3b;--c-green: #3d8048;--c-cyan: #287a7f;--c-blue: #2f528d;--c-purple: #7a3e75;--c-pink: #b84365}[data-theme=wood] .jewel-block,[data-theme=wood] .shape-block{border-radius:5px;box-shadow:0 3px 6px #0000008c}[data-theme=wood] .jewel-block:before,[data-theme=wood] .shape-block:before{border-top:2.5px solid rgba(255,230,180,.45);border-left:2px solid rgba(255,230,180,.3);border-right:2px solid rgba(30,15,0,.55);border-bottom:3px solid rgba(20,10,0,.75);border-radius:5px}[data-theme=wood] .jewel-block:after,[data-theme=wood] .shape-block:after{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) 2px,transparent 2px,transparent 6px),linear-gradient(135deg,#ffffff38,#00000047);border-radius:3px}[data-theme=neon]{--c-red: #ff0055;--c-orange: #ff6600;--c-yellow: #ffe600;--c-green: #00ff66;--c-cyan: #00f0ff;--c-blue: #0066ff;--c-purple: #cc00ff;--c-pink: #ff00bb}[data-theme=neon] .jewel-block,[data-theme=neon] .shape-block{border-radius:6px;box-shadow:0 0 10px currentColor,inset 0 0 8px #000000d9}[data-theme=neon] .jewel-block:before,[data-theme=neon] .shape-block:before{border:2px solid #ffffff;border-radius:6px;box-shadow:0 0 8px currentColor,inset 0 0 8px currentColor;opacity:.95}[data-theme=neon] .jewel-block:after,[data-theme=neon] .shape-block:after{background:radial-gradient(circle at 50% 50%,#ffffff73,#000000a6 80%);border-radius:4px}[data-theme=crystal]{--c-red: #e6396e;--c-orange: #f28b38;--c-yellow: #f5d142;--c-green: #34d399;--c-cyan: #38bdf8;--c-blue: #60a5fa;--c-purple: #c084fc;--c-pink: #f472b6}[data-theme=crystal] .jewel-block,[data-theme=crystal] .shape-block{border-radius:4px;box-shadow:0 0 12px #ffffff59,inset 0 0 8px #fff9}[data-theme=crystal] .jewel-block:before,[data-theme=crystal] .shape-block:before{border-top:3px solid rgba(255,255,255,.95);border-left:2.5px solid rgba(255,255,255,.85);border-right:2px solid rgba(180,230,255,.45);border-bottom:2.5px solid rgba(0,40,80,.45);border-radius:4px}[data-theme=crystal] .jewel-block:after,[data-theme=crystal] .shape-block:after{background:linear-gradient(135deg,#ffffffb3,#b4f0ff33 35%,#ffc8ff4d 65%,#ffffff73);border-radius:2px}[data-theme=gold]{--c-red: #b83324;--c-orange: #cb5100;--c-yellow: #f5b041;--c-green: #229954;--c-cyan: #138d75;--c-blue: #2471a3;--c-purple: #884ea0;--c-pink: #d81b60}[data-theme=gold] .jewel-block,[data-theme=gold] .shape-block{border-radius:8px;box-shadow:0 4px 8px #00000073,inset 0 0 5px #ffeb9699}[data-theme=gold] .jewel-block:before,[data-theme=gold] .shape-block:before{border-top:2.5px solid #fff8e1;border-left:2px solid #ffd700;border-right:2px solid #996515;border-bottom:3px solid #664200;border-radius:8px}[data-theme=gold] .jewel-block:after,[data-theme=gold] .shape-block:after{background:linear-gradient(125deg,#ffffff8c,#ffd70026 30%,#ffffffbf,#b4780059 70%,#fff0b473);border-radius:5px}[data-theme=magma]{--c-red: #d92000;--c-orange: #f35800;--c-yellow: #f89603;--c-green: #2ecc71;--c-cyan: #ff7733;--c-blue: #c0392b;--c-purple: #8e1b3e;--c-pink: #e8175d}[data-theme=magma] .jewel-block,[data-theme=magma] .shape-block{border-radius:6px;box-shadow:0 0 10px #ff440080,inset 0 0 6px #ff4500}[data-theme=magma] .jewel-block:before,[data-theme=magma] .shape-block:before{border-top:2.5px solid #ffe066;border-left:2px solid #ff7700;border-right:2px solid #5a0000;border-bottom:3px solid #280000;border-radius:6px}[data-theme=magma] .jewel-block:after,[data-theme=magma] .shape-block:after{background:radial-gradient(circle at 35% 35%,#ffeb788c,#ff440059 45%,#0f0000cc);border-radius:4px}[data-theme=galaxy]{--c-red: #e024c3;--c-orange: #ff5e97;--c-yellow: #f8e71c;--c-green: #00f5d4;--c-cyan: #00bbf9;--c-blue: #4361ee;--c-purple: #7209b7;--c-pink: #f72585}[data-theme=galaxy] .jewel-block,[data-theme=galaxy] .shape-block{border-radius:7px;box-shadow:0 0 12px #7209b78c,inset 0 0 8px #00f5d44d}[data-theme=galaxy] .jewel-block:before,[data-theme=galaxy] .shape-block:before{border-top:2.5px solid rgba(255,255,255,.9);border-left:2px solid rgba(0,245,212,.6);border-right:2px solid rgba(114,9,183,.65);border-bottom:3px solid rgba(15,5,40,.85);border-radius:7px}[data-theme=galaxy] .jewel-block:after,[data-theme=galaxy] .shape-block:after{background:linear-gradient(135deg,#ffffff73,#7209b740,#050014bf),radial-gradient(circle at 70% 30%,rgba(255,255,255,.85) 0px,transparent 2px);border-radius:5px}[data-theme=jade]{--c-red: #c0392b;--c-orange: #d35400;--c-yellow: #e59866;--c-green: #229954;--c-cyan: #16a085;--c-blue: #2980b9;--c-purple: #8e44ad;--c-pink: #e84393}[data-theme=jade] .jewel-block,[data-theme=jade] .shape-block{border-radius:5px;box-shadow:0 3px 6px #00190f73,inset 0 0 6px #fff6}[data-theme=jade] .jewel-block:before,[data-theme=jade] .shape-block:before{border-top:2.5px solid rgba(255,255,240,.85);border-left:2px solid rgba(255,255,240,.55);border-right:2px solid rgba(10,40,20,.5);border-bottom:3px solid rgba(5,25,10,.7);border-radius:5px}[data-theme=jade] .jewel-block:after,[data-theme=jade] .shape-block:after{background:linear-gradient(140deg,#ffffff73,#ffffff0d 40%,#00000047);border-radius:3px}[data-theme=metal]{--c-red: #b83344;--c-orange: #cc5e1d;--c-yellow: #d4a600;--c-green: #2a8a55;--c-cyan: #3598a8;--c-blue: #3b6aa8;--c-purple: #6d4588;--c-pink: #a6386b}[data-theme=metal] .jewel-block,[data-theme=metal] .shape-block{border-radius:4px;box-shadow:0 4px 8px #0009,inset 0 0 4px #ffffff8c}[data-theme=metal] .jewel-block:before,[data-theme=metal] .shape-block:before{border-top:3px solid #ffffff;border-left:2px solid #d0d5dd;border-right:2px solid #344054;border-bottom:3px solid #101828;border-radius:4px}[data-theme=metal] .jewel-block:after,[data-theme=metal] .shape-block:after{background:linear-gradient(90deg,#fff3,#ffffffa6 28%,#00000040 55%,#ffffff59);border-radius:2px}[data-theme=jelly]{--c-red: #ff1744;--c-orange: #ff6d00;--c-yellow: #ffd600;--c-green: #00e676;--c-cyan: #00e5ff;--c-blue: #2979ff;--c-purple: #d500f9;--c-pink: #f50057}[data-theme=jelly] .jewel-block,[data-theme=jelly] .shape-block{border-radius:10px;box-shadow:0 4px 10px #00000040,inset 0 -3px 8px #0000004d}[data-theme=jelly] .jewel-block:before,[data-theme=jelly] .shape-block:before{border-top:3px solid rgba(255,255,255,.88);border-left:2px solid rgba(255,255,255,.65);border-right:1.5px solid transparent;border-bottom:2px solid rgba(0,0,0,.2);border-radius:10px}[data-theme=jelly] .jewel-block:after,[data-theme=jelly] .shape-block:after{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.3) 30%,transparent 60%);border-radius:8px}[data-theme=pixel]{--c-red: #e71d36;--c-orange: #ff9f1c;--c-yellow: #ffe600;--c-green: #2ec4b6;--c-cyan: #01baef;--c-blue: #0b4f6c;--c-purple: #7026b9;--c-pink: #ff007f}[data-theme=pixel] .jewel-block,[data-theme=pixel] .shape-block{border-radius:2px;box-shadow:2px 2px #000000d9}[data-theme=pixel] .jewel-block:before,[data-theme=pixel] .shape-block:before{border-top:3px solid rgba(255,255,255,.7);border-left:3px solid rgba(255,255,255,.5);border-right:3px solid rgba(0,0,0,.65);border-bottom:3px solid rgba(0,0,0,.85);border-radius:2px}[data-theme=pixel] .jewel-block:after,[data-theme=pixel] .shape-block:after{background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 2px,transparent 2px,transparent 4px);border-radius:0}.material-toast{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#0e1230f0;border:2px solid #ffe600;box-shadow:0 0 24px #ffe600a6,0 8px 24px #0009;color:#fff;font-size:.95rem;font-weight:900;letter-spacing:1.5px;padding:6px 20px;border-radius:20px;z-index:100;pointer-events:none;animation:toastFade 2.4s ease-out forwards}@keyframes toastFade{0%{transform:translate(-50%) translateY(-10px) scale(.8);opacity:0}15%{transform:translate(-50%) translateY(0) scale(1.1);opacity:1}25%{transform:translate(-50%) translateY(0) scale(1);opacity:1}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.leaderboard-verified-pill{font-size:.72rem;font-weight:800;color:#38ef7d;background:#38ef7d1f;border:1px solid rgba(56,239,125,.35);padding:3px 9px;border-radius:12px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px}.leaderboard-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;margin-top:4px;min-height:220px;max-height:52vh}.leaderboard-list::-webkit-scrollbar{width:5px}.leaderboard-list::-webkit-scrollbar-track{background:transparent}.leaderboard-list::-webkit-scrollbar-thumb{background:#33408f;border-radius:4px}.leaderboard-loading,.leaderboard-empty{text-align:center;color:#8f9bd6;font-size:.9rem;padding:32px 16px;font-weight:600}.leaderboard-item{width:100%;display:flex;align-items:center;gap:12px;background:#0e1333bf;border:1.5px solid #232c6b;border-radius:14px;padding:10px 14px;transition:transform .12s ease,border-color .15s ease}.leaderboard-item:hover{border-color:#4a5dbb;transform:translateY(-1px)}.leaderboard-item.rank-1{background:linear-gradient(135deg,#2d240cd9,#14183cd9);border-color:#ffd700a6;box-shadow:0 4px 14px #00000059,0 0 12px #ffd7002e}.leaderboard-item.rank-2{background:linear-gradient(135deg,#222637d9,#121636d9);border-color:#c0c0d799;box-shadow:0 4px 12px #0000004d}.leaderboard-item.rank-3{background:linear-gradient(135deg,#2a1a12d9,#121636d9);border-color:#cd7f3299;box-shadow:0 4px 12px #0000004d}.leaderboard-rank-badge{width:34px;height:34px;min-width:34px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.95rem;color:#a4b3f5}.leaderboard-item.rank-1 .leaderboard-rank-badge{background:linear-gradient(135deg,gold,#f80);color:#12163b;border-color:gold;box-shadow:0 0 10px #ffd70066}.leaderboard-item.rank-2 .leaderboard-rank-badge{background:linear-gradient(135deg,#e0e0f0,#a0a5b8);color:#12163b;border-color:#e0e0f0}.leaderboard-item.rank-3 .leaderboard-rank-badge{background:linear-gradient(135deg,#e89758,#b86228);color:#fff;border-color:#e89758}.leaderboard-item-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.leaderboard-item-top{display:flex;align-items:center;gap:6px}.leaderboard-player-name{font-weight:800;font-size:.98rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-item-meta{display:flex;align-items:center;gap:10px;font-size:.74rem;color:#8c9bf0;font-weight:600}.leaderboard-item-score-wrap{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.leaderboard-item-score{font-size:1.25rem;font-weight:900;font-family:Fredoka,Poppins,sans-serif;color:#ffe600;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.5)}.leaderboard-item.rank-1 .leaderboard-item-score{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.leaderboard-item-date{font-size:.68rem;color:#6978bd;font-weight:500}.leaderboard-submit-box{width:100%;margin-top:14px;padding:12px;background:#0e1232bf;border:1.5px solid #29357d;border-radius:14px;display:flex;flex-direction:column;gap:8px}.submit-box-title{font-size:.75rem;font-weight:900;color:gold;letter-spacing:1px}.submit-input-group{display:flex;gap:8px;width:100%}.submit-input-group input{flex:1;background:#161c46e6;border:1.5px solid #36449e;border-radius:10px;padding:8px 12px;color:#fff;font-family:inherit;font-size:.88rem;font-weight:700;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.submit-input-group input:focus{border-color:gold;box-shadow:0 0 10px #ffd70040}.submit-input-group input::placeholder{color:#6a77bd;font-weight:500}.leaderboard-submit-action-btn{background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:10px;padding:0 16px;color:#fff;font-family:inherit;font-size:.82rem;font-weight:900;letter-spacing:.8px;cursor:pointer;box-shadow:0 3px 10px #38ef7d59;transition:transform .1s ease,filter .15s ease}.leaderboard-submit-action-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.leaderboard-submit-action-btn:active{transform:translateY(1px)}.leaderboard-submit-action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.leaderboard-submit-status{font-size:.78rem;font-weight:700;padding:6px 10px;border-radius:8px}.leaderboard-submit-status.success{color:#38ef7d;background:#38ef7d26;border:1px solid rgba(56,239,125,.3)}.leaderboard-submit-status.error{color:#ff5252;background:#ff525226;border:1px solid rgba(255,82,82,.3)}.leaderboard-view-link{background:none;border:none;color:#8fa0f5;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;align-self:flex-start;padding:2px 4px;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}.leaderboard-view-link:hover{color:gold}