.mergePage{color:#f7f8ff;min-height:100vh;font-family:var(--font-space),Arial,sans-serif;background:radial-gradient(circle at 50% 18%,#18245e 0,#080d27 35%,#030611 78%);overflow-x:hidden}.mergePage:before{content:"";pointer-events:none;background-image:linear-gradient(#51f1ff09 1px,#0000 1px),linear-gradient(90deg,#51f1ff09 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.mergeNav{z-index:2;border-bottom:1px solid #82deff21;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(22px,5vw,76px);display:flex;position:relative}.mergeNav a{color:#b9c7ef;letter-spacing:.14em;font-size:12px;font-weight:800;text-decoration:none}.mergeBrand{color:#fff!important;letter-spacing:-.04em!important;font-size:20px!important}.mergeBrand span{color:#55f4ff}.mergeWrap{z-index:1;width:min(980px,100% - 28px);margin:0 auto;padding:42px 0 54px;position:relative}.mergeHead{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.mergeHead small{color:#5eeeff;letter-spacing:.2em;font-size:11px;font-weight:900}.mergeHead h1{letter-spacing:-.07em;margin:8px 0 7px;font-size:clamp(42px,7vw,74px);line-height:.94}.mergeHead p{color:#98a9d1;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px}.mergeStats{gap:8px;display:flex}.mergeStats div{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#0c1538bd;border:1px solid #75dcff2e;min-width:102px;padding:13px 15px}.mergeStats span{color:#7084b4;letter-spacing:.16em;font-size:9px;font-weight:900;display:block}.mergeStats b{color:#fff;margin-top:4px;font-size:20px;display:block}.mergeConsole{clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:linear-gradient(145deg,#141f4ee0,#050b20f0);border:1px solid #66e6ff40;max-width:660px;margin:0 auto;padding:15px;box-shadow:0 35px 90px #00000080,inset 0 0 35px #4f90ff0f}.mergeTopline,.mergeHelp{color:#7187b6;letter-spacing:.18em;justify-content:space-between;align-items:center;padding:2px 4px 13px;font-size:9px;font-weight:900;display:flex}.mergeTopline span:last-child:before{content:"";background:#ff4c7a;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #ff4c7a}.mergeTopline span.online:last-child{color:#56f7c2}.mergeTopline span.online:last-child:before{background:#56f7c2;box-shadow:0 0 10px #56f7c2}.mergeBoard{--tile-gap:8px;gap:var(--tile-gap);aspect-ratio:1;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#010512bf;border:1px solid #63d6ff30;grid-template-columns:repeat(4,1fr);padding:10px;display:grid;position:relative;overflow:hidden}.mergeBoard:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000 50%,#61f6ff05 50%) 0 0/100% 5px;position:absolute;inset:0}.mergeCell{background:#131c3a9e;border:1px solid #557eb824;border-radius:8px;position:relative;box-shadow:inset 0 0 20px #00000040}.mergeTiles{z-index:2;pointer-events:none;position:absolute;inset:10px}.mergeTile{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tile) 75%,white);background:radial-gradient(circle at 48% 36%,color-mix(in srgb,var(--tile) 30%,#111d43),color-mix(in srgb,var(--tile) 8%,#080d24) 66%);width:calc(25% - 6px);box-shadow:inset 0 0 25px color-mix(in srgb,var(--tile) 12%,transparent),0 0 18px color-mix(in srgb,var(--tile) 24%,transparent);will-change:transform,opacity;transform-origin:50%;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.18,.76,.18,1),opacity .18s,filter .18s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.mergeTile:before,.mergeTile:after{content:"";border-color:var(--tile);opacity:.68;width:18px;height:18px;position:absolute}.mergeTile:before{border-top:2px solid;border-left:2px solid;top:6px;left:6px}.mergeTile:after{border-bottom:2px solid;border-right:2px solid;bottom:6px;right:6px}.mergeTile i{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tile) 50%,transparent);width:68%;animation:12s linear infinite coreSpin;position:absolute;transform:rotate(45deg)}.mergeTile strong{color:#fff;letter-spacing:-.06em;text-shadow:0 0 14px var(--tile);font-size:clamp(20px,5vw,42px);line-height:1;position:relative}.mergeTile small{color:color-mix(in srgb,var(--tile) 70%,white);letter-spacing:.18em;margin-top:7px;font-size:7px;font-weight:900;position:relative}.mergeTile.spawned{animation:.29s cubic-bezier(.2,1.65,.35,1) tileSpawn}.mergeTile.merged{z-index:4;animation:.32s cubic-bezier(.2,1.7,.3,1) tileMerge}.mergeTile.ghost{opacity:.46;filter:brightness(1.7);z-index:3}.tile-1{--tile:#6f7fff}.tile-2{--tile:#4ea8ff}.tile-3{--tile:#3ee9ff}.tile-4{--tile:#41f6bd}.tile-5{--tile:#a8ff4f}.tile-6{--tile:#ffe04f}.tile-7{--tile:#ffad45}.tile-8{--tile:#ff657d}.tile-9{--tile:#f153ff}.tile-10{--tile:#aa69ff}.tile-11{--tile:#fff}.tile-12,.tile-13{--tile:#ffd866}.mergeOverlay{z-index:5;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030716e6;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:10px}.mergeOverlay>small{color:#5ef2ff;letter-spacing:.21em;font-size:10px;font-weight:900}.mergeOverlay h2{letter-spacing:-.05em;margin:10px 0 8px;font-size:clamp(29px,6vw,48px)}.mergeOverlay p{color:#a8b7d9;max-width:430px;margin:0 0 18px;font-size:14px;line-height:1.55}.mergeOverlay a{color:#5ef2ff}.mergeOverlay button,.mergeHelp button{cursor:pointer;font:inherit;border:0;font-weight:900}.mergeOverlay button{color:#06101c;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#5ef2ff;padding:15px 28px;box-shadow:0 0 26px #5ef2ff4d}.mergeReactor{border:1px solid #5ef2ff73;border-radius:50%;width:80px;height:80px;margin-bottom:18px;animation:2s ease-in-out infinite reactorPulse;position:relative;box-shadow:inset 0 0 24px #5ef2ff2b,0 0 30px #5ef2ff26}.mergeReactor i{border:2px dashed #6cf6ff;border-radius:50%;animation:7s linear infinite coreSpin;position:absolute;inset:11px}.mergeReactor b{color:#fff;text-shadow:0 0 14px #6cf6ff;place-items:center;font-size:38px;display:grid;position:absolute;inset:0}.mergeControls{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.mergeControls button{color:#dffcff;cursor:pointer;background:#17244fbf;border:1px solid #5bdbff33;border-radius:5px;height:47px;font-size:20px;transition:all .15s}.mergeControls button:hover,.mergeControls button:active{background:#3b6da1b3;border-color:#5eeeff;transform:translateY(-1px)}.mergeHelp{padding:13px 3px 1px}.mergeHelp button{color:#8397c2;letter-spacing:.14em;background:0 0;padding:6px 0;font-size:9px}.mergeFooter{color:#586c9c;letter-spacing:.17em;border-top:1px solid #82deff1c;justify-content:space-between;padding:18px clamp(22px,5vw,76px);font-size:9px;font-weight:900;display:flex}.mergeFooter span:last-child{color:#5fdfee}@keyframes tileSpawn{0%{opacity:0;filter:brightness(2);scale:.35}70%{scale:1.12}to{opacity:1;filter:brightness();scale:1}}@keyframes tileMerge{0%{filter:brightness();scale:.84}48%{filter:brightness(2);scale:1.18}to{filter:brightness();scale:1}}@keyframes coreSpin{to{transform:rotate(405deg)}}@keyframes reactorPulse{50%{transform:scale(1.06);box-shadow:inset 0 0 30px #5ef2ff3b,0 0 42px #5ef2ff47}}@media (max-width:680px){.mergeNav{height:62px}.mergeWrap{padding-top:25px}.mergeHead{flex-direction:column;align-items:flex-start}.mergeHead h1{font-size:48px}.mergeStats{width:100%}.mergeStats div{flex:1;min-width:0;padding:10px}.mergeStats b{font-size:16px}.mergeConsole{padding:10px}.mergeBoard{padding:7px}.mergeTiles{inset:7px}.mergeOverlay{padding:18px;inset:7px}.mergeTile strong{font-size:clamp(18px,7.8vw,34px)}.mergeTile small{display:none}.mergeControls button{height:50px}.mergeFooter{text-align:center;flex-direction:column;gap:15px}.mergeReactor{width:64px;height:64px;margin-bottom:12px}.mergeOverlay p{margin-bottom:13px;font-size:12px}}@media (prefers-reduced-motion:reduce){.mergeTile{transition-duration:1ms!important}.mergeTile,.mergeTile i,.mergeReactor,.mergeReactor i{animation:none!important}}
