@charset "UTF-8";:root{--breakpoint-xs: 320px;--breakpoint-sm: 375px;--breakpoint-md: 390px;--breakpoint-lg: 430px;--breakpoint-xl: 768px;--breakpoint-xxl: 1024px;--height-collapsed: 300px;--height-small: 500px;--height-medium: 667px;--height-large: 844px;--height-xlarge: 932px;--max-container-width: 430px;--min-container-width: 320px;--tg-viewport-width: 100vw;--tg-viewport-height: 100vh;--tg-viewport-height-dynamic: 100dvh}html{height:100%;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available}body,#root,#app{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available}.tg-miniapp-container{min-height:var(--content-height);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);width:100%;max-width:var(--max-container-width);margin:0 auto}.tg-miniapp-container-full{min-height:var(--content-height);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);width:100%}.hide-xs{display:block}@media(max-width:320px){.hide-xs{display:none!important}}.show-xs-only{display:none}@media(max-width:320px){.show-xs-only{display:block!important}}.hide-sm{display:block}@media(max-width:375px){.hide-sm{display:none!important}}.show-sm-only{display:none}@media(max-width:375px){.show-sm-only{display:block!important}}.hide-on-collapse{display:block}@media(max-height:300px){.hide-on-collapse{display:none!important}}.show-on-collapse{display:none}@media(max-height:300px){.show-on-collapse{display:block!important}}.hide-landscape{display:block}@media(max-height:500px)and (orientation:landscape){.hide-landscape{display:none!important}}.show-landscape{display:none}@media(max-height:500px)and (orientation:landscape){.show-landscape{display:block!important}}@media(max-height:300px){.tg-miniapp-container,.tg-miniapp-container-full{padding-top:4px;padding-bottom:4px}.compact-on-collapse{padding:4px!important}}@media(min-height:301px)and (max-height:400px){.tg-miniapp-container,.tg-miniapp-container-full{padding-top:8px;padding-bottom:8px}}@media(max-height:500px)and (orientation:landscape){.landscape-horizontal{flex-direction:row!important}.landscape-compact{padding:8px!important}}.tg-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,168,255,.3) transparent}.tg-scrollbar::-webkit-scrollbar{width:8px;height:8px}.tg-scrollbar::-webkit-scrollbar-track{background:transparent}.tg-scrollbar::-webkit-scrollbar-thumb{background:#00a8ff4d;border-radius:4px}.tg-scrollbar::-webkit-scrollbar-thumb:hover{background:#00a8ff80}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(hover:none)and (pointer:coarse){button,a,input,select,textarea{min-height:44px}}@font-face{font-family:Metal Mania;src:local("Metal Mania"),url(/assets/font/MetalMania-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;src:local("Noto Sans Regular"),local("NotoSans-Regular"),url(/assets/font/noto-sans/NotoSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:local("Noto Sans Medium"),local("NotoSans-Medium"),url(/assets/font/noto-sans/NotoSans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:local("Noto Sans SemiBold"),local("NotoSans-SemiBold"),url(/assets/font/noto-sans/NotoSans-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(/assets/font/noto-sans/NotoSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:local("Noto Sans Arabic Regular"),local("NotoSansArabic-Regular"),url(/assets/font/noto-sans-arabic/NotoSansArabic-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:Noto Sans Arabic;src:local("Noto Sans Arabic Medium"),local("NotoSansArabic-Medium"),url(/assets/font/noto-sans-arabic/NotoSansArabic-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:Noto Sans Arabic;src:local("Noto Sans Arabic SemiBold"),local("NotoSansArabic-SemiBold"),url(/assets/font/noto-sans-arabic/NotoSansArabic-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:Noto Sans Arabic;src:local("Noto Sans Arabic Bold"),local("NotoSansArabic-Bold"),url(/assets/font/noto-sans-arabic/NotoSansArabic-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:Noto Sans Mono;src:local("Noto Sans Mono Regular"),local("NotoSansMono-Regular"),url(/assets/font/noto-sans-mono/NotoSansMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Mono;src:local("Noto Sans Mono Medium"),local("NotoSansMono-Medium"),url(/assets/font/noto-sans-mono/NotoSansMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Mono;src:local("Noto Sans Mono Bold"),local("NotoSansMono-Bold"),url(/assets/font/noto-sans-mono/NotoSansMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Aref Ruqaa;src:local("Aref Ruqaa Bold"),local("ArefRuqaa-Bold"),url(/assets/font/aref-ruqaa/ArefRuqaa-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:Aref Ruqaa;src:local("Aref Ruqaa Regular"),local("ArefRuqaa-Regular"),url(/assets/font/aref-ruqaa/ArefRuqaa-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}.blackhole-loader{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;z-index:9999;background-color:#0a0e17;opacity:0;animation:loaderFadeIn .8s ease-out forwards;transition:opacity .6s ease-out,visibility .6s ease-out;box-shadow:inset -1px -1px 30px #fff6,inset 1px 1px 30px #fff6}.blackhole-loader.hidden{animation:loaderFadeOut .6s ease-out forwards;pointer-events:none}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loaderFadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}#blackhole{height:100%;width:100%;position:relative;display:flex}.centerHover{width:clamp(200px,50vw,400px);height:clamp(200px,50vw,400px);background-color:transparent;border-radius:9999px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.centerHover.open{opacity:0;pointer-events:none}.centerHover:hover span,.centerHover:active span{color:#ddd}.centerHover:hover span:before,.centerHover:hover span:after,.centerHover:active span:before,.centerHover:active span:after{background-color:#ddd}.centerHover span{color:#ffffffd9;font-family:Metal Mania,Times New Roman,serif;font-size:clamp(16px,4.5vw,20px);font-weight:500;letter-spacing:clamp(2px,.8vw,4px);position:relative;transition:all .5s ease;white-space:nowrap;opacity:0;animation:destinyFadeIn 1s ease-out .5s forwards;text-shadow:0 0 10px rgba(255,255,255,.5)}.centerHover span:before{content:"";display:inline-block;height:1px;width:clamp(12px,5vw,20px);margin-right:clamp(8px,2.5vw,14px);margin-bottom:4px;background-color:#ffffffb3;transition:all .5s ease}.centerHover span:after{content:"";display:inline-block;height:1px;width:clamp(12px,5vw,20px);margin-left:clamp(8px,2.5vw,14px);margin-bottom:4px;background-color:#ffffffb3;transition:all .5s ease}@keyframes destinyFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#blackhole canvas{position:relative;z-index:1;width:100%;height:100%;margin:auto}.app-content{min-height:100vh;min-height:100dvh}.app-content.hidden{opacity:0;visibility:hidden}.app-content.visible{opacity:1;visibility:visible;transition:opacity .3s ease}@media(max-width:320px){.centerHover{width:clamp(160px,60vw,220px);height:clamp(160px,60vw,220px)}.centerHover span{font-size:13px;letter-spacing:1.5px}.centerHover span:before,.centerHover span:after{width:10px;margin-right:6px;margin-left:6px}}@media(min-width:321px)and (max-width:375px){.centerHover{width:clamp(180px,55vw,260px);height:clamp(180px,55vw,260px)}.centerHover span{font-size:14px}}@media(min-width:376px)and (max-width:480px){.centerHover{width:clamp(220px,50vw,300px);height:clamp(220px,50vw,300px)}.centerHover span{font-size:15px}}@media(min-width:481px)and (max-width:768px){.centerHover{width:clamp(280px,45vw,380px);height:clamp(280px,45vw,380px)}.centerHover span{font-size:17px}}@media(max-height:400px)and (orientation:landscape){.centerHover{width:clamp(140px,40vh,200px);height:clamp(140px,40vh,200px)}.centerHover span{font-size:13px}}@media(max-height:300px){.centerHover{width:clamp(120px,45vh,160px);height:clamp(120px,45vh,160px)}.centerHover span{font-size:12px;letter-spacing:1px}.centerHover span:before,.centerHover span:after{width:8px;margin-right:5px;margin-left:5px}}body.browser-mode{background:#0d0d0d;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.device-frame{width:390px;height:844px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:24px;border:2px solid #ccc5b9;box-shadow:0 8px 32px #0000004d;overflow:hidden;background:#242936}body:not(.browser-mode) .device-frame{display:none}.device-frame-content{width:100%;height:100%;overflow:hidden;position:relative}.device-frame .blocked-page{padding:40px 24px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}@media(min-width:1200px)and (min-height:900px){.device-frame{transform:translate(-50%,-50%) scale(1.2)}}@media(min-width:1600px)and (min-height:1000px){.device-frame{transform:translate(-50%,-50%) scale(1.4)}}@media(max-height:900px)and (max-width:1199px){.device-frame{transform:translate(-50%,-50%) scale(.85)}}@media(max-height:750px){.device-frame{transform:translate(-50%,-50%) scale(.7)}}@media(max-width:500px){body.browser-mode{background:#242936}.device-frame{width:100vw;height:100vh;position:fixed;top:0;left:0;transform:none;border-radius:0;border:none;box-shadow:none}.device-frame:before,.device-frame:after{display:none}}.codex-canvas{width:390px;height:844px;max-width:100vw;max-height:100vh;background:#242936;position:relative;overflow:hidden;margin:0 auto;box-shadow:inset -1px -1px 30px #fff6,inset 1px 1px 30px #fff6}.codex-canvas.fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;background:#242936;box-shadow:inset -1px -1px 30px #fff6,inset 1px 1px 30px #fff6}.canvas-safe-top{position:absolute;top:0;left:0;right:0;height:0px;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none}.canvas-safe-top>*{pointer-events:auto}.canvas-safe-bottom{position:absolute;bottom:0;left:0;right:0;height:0px;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none}.canvas-safe-bottom>*{pointer-events:auto}.canvas-content{position:absolute;inset:0;width:390px;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.canvas-content::-webkit-scrollbar{display:none;width:0;height:0}.canvas-content{scrollbar-width:none;-ms-overflow-style:none}.canvas-content-padded{padding:16px}@supports (padding-top: env(safe-area-inset-top)){.codex-canvas.tg-aware{padding-top:max(0px,env(safe-area-inset-top,0px));padding-bottom:max(0px,env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}.canvas-title{font-size:24px;font-weight:700;color:#b0b0b0;margin:0;line-height:1.2}.canvas-subtitle{font-size:18px;font-weight:600;color:#b0b0b0;margin:0;line-height:1.3}.canvas-text{font-size:16px;font-weight:400;color:#b0b0b0;margin:0;line-height:1.5}.canvas-text-small{font-size:14px;font-weight:400;color:#b0b0b099;margin:0;line-height:1.4}.canvas-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;-webkit-tap-highlight-color:transparent}.canvas-btn-primary{background:#00ff7d;color:#000}.canvas-btn-primary:hover,.canvas-btn-primary:active{background:#00e06f;box-shadow:0 0 12px #00ff7d4d}.canvas-btn-secondary{background:transparent;color:#b0b0b0;border:1px solid #676767}.canvas-btn-secondary:hover,.canvas-btn-secondary:active{background:#ffffff1a}.canvas-btn-gold{background:#00a8ff;color:#000}.canvas-btn-gold:hover,.canvas-btn-gold:active{box-shadow:0 0 12px #00a8ffbf}.canvas-btn-danger{background:#ff0013;color:#fff}.canvas-btn-danger:hover,.canvas-btn-danger:active{box-shadow:0 0 12px #ff001380}.canvas-section{padding:16px 0}.canvas-section+.canvas-section{border-top:1px solid rgba(255,255,255,.1)}.canvas-card-container{background:#676767;border-radius:16px;padding:16px;margin:8px 0}.canvas-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.canvas-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.canvas-flex-center{display:flex;align-items:center;justify-content:center}.canvas-flex-between{display:flex;align-items:center;justify-content:space-between}.canvas-flex-col{display:flex;flex-direction:column}@media(max-width:374px){.codex-canvas{width:100vw;height:100vh;max-width:100vw;max-height:100vh}.canvas-content{width:100%;height:calc(100vh + -0px)}.canvas-content-padded{padding:12px}.canvas-grid-2{gap:8px}.canvas-grid-3{grid-template-columns:repeat(2,1fr);gap:8px}}@media(min-width:375px)and (max-width:389px){.codex-canvas{width:100vw;height:100vh;max-width:100vw;max-height:100vh}.canvas-content{width:100%;height:calc(100vh + -0px)}}@media(min-width:390px)and (max-width:479px){.codex-canvas{width:100vw;height:100vh;max-width:390px;max-height:100vh}.canvas-content{width:100%;height:calc(100vh + -0px)}}@media(min-width:480px)and (max-width:767px){.codex-canvas{width:100vw;max-width:480px;height:100vh;margin:0 auto}.canvas-content{width:100%;height:calc(100vh + -0px)}.canvas-content-padded{padding:20px}}@media(min-width:768px)and (max-width:1023px){.codex-canvas{width:100vw;max-width:500px;height:100vh;max-height:100vh;margin:0 auto;border-radius:0}.canvas-content{width:100%;height:calc(100vh + -0px)}.canvas-content-padded{padding:24px}.canvas-title{font-size:28px}.canvas-subtitle{font-size:20px}.canvas-text{font-size:17px}}@media(min-width:1024px)and (max-width:1439px){.codex-canvas{width:100vw;max-width:520px;height:100vh;max-height:900px;margin:0 auto;border-radius:24px;box-shadow:inset -1px -1px 30px #fff6,inset 1px 1px 30px #fff6,0 20px 60px #00000080}.canvas-content{width:100%;height:calc(100% + -0px)}.canvas-content-padded{padding:24px}.canvas-title{font-size:28px}.canvas-subtitle{font-size:20px}.canvas-text{font-size:17px}.canvas-btn{padding:14px 28px;font-size:17px}}@media(min-width:1440px)and (max-width:1919px){.codex-canvas{width:100vw;max-width:540px;height:100vh;max-height:920px;margin:0 auto;border-radius:28px;box-shadow:inset -1px -1px 30px #fff6,inset 1px 1px 30px #fff6,0 24px 80px #0009}.canvas-content{width:100%;height:calc(100% + -0px)}.canvas-content-padded{padding:28px}.canvas-title{font-size:30px}.canvas-subtitle{font-size:22px}.canvas-text{font-size:18px}.canvas-btn{padding:16px 32px;font-size:18px}}@media(min-width:1920px){.codex-canvas{width:100vw;max-width:560px;height:100vh;max-height:940px;margin:0 auto;border-radius:32px;box-shadow:inset -1px -1px 30px #fff6,inset 1px 1px 30px #fff6,0 32px 100px #000000b3}.canvas-content{width:100%;height:calc(100% + -0px)}.canvas-content-padded{padding:32px}.canvas-title{font-size:32px}.canvas-subtitle{font-size:24px}.canvas-text{font-size:18px}.canvas-btn{padding:16px 36px;font-size:18px}}@media(max-height:500px)and (orientation:landscape){.codex-canvas{width:100vw;height:100vh;max-width:100vw;max-height:100vh}.canvas-content{width:100%;height:calc(100vh + -0px)}.canvas-safe-bottom{height:50px}.canvas-content-padded{padding:12px 16px}.canvas-title{font-size:20px}.canvas-subtitle{font-size:16px}.canvas-section{padding:10px 0}.canvas-btn{padding:10px 20px;font-size:14px}.canvas-grid-2,.canvas-grid-3{gap:8px}}@media(min-height:500px)and (max-height:768px)and (orientation:landscape){.codex-canvas{width:100vw;max-width:600px;height:100vh;max-height:100vh;margin:0 auto}.canvas-content{width:100%;height:calc(100vh + -0px)}.canvas-content-padded{padding:16px 24px}}@media(min-height:769px)and (orientation:landscape){.codex-canvas{max-height:95vh}}@media(max-height:667px)and (orientation:portrait){.codex-canvas{height:100vh}.canvas-content{height:calc(100vh + -0px)}.canvas-section{padding:12px 0}}@media(min-height:668px)and (max-height:844px)and (orientation:portrait){.codex-canvas{height:100vh}.canvas-content{height:calc(100vh + -0px)}}@media(min-height:845px)and (orientation:portrait){.codex-canvas{height:100vh;max-height:844px}.canvas-content{height:calc(100% + -0px)}}@keyframes canvas-fade-in{0%{opacity:0}to{opacity:1}}@keyframes canvas-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.canvas-animate-fade{animation:canvas-fade-in .3s ease-out}.canvas-animate-slide{animation:canvas-slide-up .3s ease-out}.canvas-mt-1{margin-top:8px}.canvas-mt-2{margin-top:16px}.canvas-mt-3{margin-top:24px}.canvas-mb-1{margin-bottom:8px}.canvas-mb-2{margin-bottom:16px}.canvas-mb-3{margin-bottom:24px}.canvas-gap-1{gap:8px}.canvas-gap-2{gap:16px}.canvas-gap-3{gap:24px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--safe-top: 120px;--safe-bottom: 92px;--page-padding: 16px;--card-gap: 8px;--section-gap: 12px;--nav-height: 56px;--status-bar: 54px;--minimize-handle: 10px;--tab-bar-padding: 8px 16px;--button-height: 50px;--button-radius: 12px;--home-indicator: 34px;--card-radius: 10px;--card-bg: #272727;--bg-primary: #000000;--bg-secondary: #272727;--bg-tertiary: #2a2a2b;--text-primary: #ffffff;--text-secondary: #8d8d93;--separator: #383838;--accent: #007aff;--tab-bar-blur: rgba(147, 147, 147, .75);--fab-bottom: calc(var(--safe-bottom) + 16px);--content-height: calc(100vh - var(--safe-top) - var(--safe-bottom));--font-primary: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--font-arabic: "Noto Sans Arabic", "Noto Sans", sans-serif;--font-chinese: "Noto Sans", sans-serif;--font-display: "Metal Mania", serif;--fw-regular: 400;--fw-medium: 500;--font-weight-body: 400;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 17px;--fs-lg: 22px;--alpha-high: .9;--alpha-mid: .5;--alpha-low: .3;--cosmic-bg: #242936;--cosmic-border: #0a0e17;--cosmic-glow: #00a8ff;--cosmic-accent: #00ff7d;--cosmic-primary: #0088CC;--cosmic-text: #ccc5b9;--cosmic-border-width: 3px;--cosmic-border-radius: 24px;--cosmic-outer-glow: 0px 0px 12px 4px #00a8ff;--cosmic-inner-shadow: inset -1px -1px 25px 8px #0a0e17, inset 1px 1px 25px 8px #0a0e17;--title-color-dark: #0a0e17;--title-color-light: #ccc5b9;--title-color-golden: #FFD700;--glow-beige: 204, 197, 185;--glow-golden: 255, 215, 0;--glow-blue: 0, 168, 255;--text-glow-beige: 0 0 8px rgba(var(--glow-beige), .6), 0 0 16px rgba(var(--glow-beige), .5), 0 0 32px rgba(var(--glow-beige), .4), 0 0 48px rgba(var(--glow-beige), .25), 0 0 64px rgba(var(--glow-beige), .15);--text-glow-golden: 0 0 8px rgba(var(--glow-golden), .9), 0 0 16px rgba(var(--glow-golden), .7), 0 0 32px rgba(var(--glow-golden), .5), 0 0 48px rgba(var(--glow-golden), .3), 0 0 64px rgba(var(--glow-golden), .15);--text-glow-blue: 0 0 8px rgba(var(--glow-blue), .8), 0 0 16px rgba(var(--glow-blue), .6), 0 0 32px rgba(var(--glow-blue), .4);--title-size-en: clamp(26px, 7vw, 36px);--title-size-ar: clamp(28px, 8vw, 40px);--tg-safe-height: var(--tg-viewport-stable-height, var(--tg-viewport-height, 100dvh))}.cosmic-wrapper{position:relative;width:100%;height:100%;min-height:100vh;min-height:100dvh}.cosmic-background{position:fixed;inset:0;background-color:var(--cosmic-bg);border:var(--cosmic-border-width) solid var(--cosmic-border);border-radius:var(--cosmic-border-radius);box-shadow:var(--cosmic-outer-glow);overflow:hidden;z-index:-1}.cosmic-background.cosmic-fixed{position:absolute;width:512px;height:720px;left:0;top:0}.cosmic-background.cosmic-fullscreen{position:fixed;inset:0;width:100%;height:100%;border-radius:0}.cosmic-inner-shadow{position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:var(--cosmic-inner-shadow);z-index:1}.cosmic-content{position:relative;z-index:10;width:100%;height:100%;min-height:inherit}.cosmic-card{background-color:var(--cosmic-bg);border:var(--cosmic-border-width) solid var(--cosmic-border);border-radius:var(--cosmic-border-radius);box-shadow:var(--cosmic-outer-glow);position:relative;overflow:hidden}.cosmic-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:var(--cosmic-inner-shadow)}.cosmic-card-sm{width:300px;height:400px}.cosmic-card-md{width:400px;height:560px}.cosmic-card-lg{width:512px;height:720px}.cosmic-card-responsive{width:100%;height:100%}.cosmic-glow-available{box-shadow:0 0 12px 4px var(--cosmic-accent)}.cosmic-glow-primary{box-shadow:0 0 12px 4px var(--cosmic-primary)}.cosmic-glow-default{box-shadow:var(--cosmic-outer-glow)}.cosmic-glow-locked{box-shadow:none;opacity:.6;filter:grayscale(30%)}.cosmic-card:hover:not(.cosmic-glow-locked){box-shadow:0 0 18px 6px var(--cosmic-glow);transition:box-shadow .3s ease}.cosmic-title{font-family:var(--font-display);color:var(--cosmic-glow);text-shadow:0 0 8px rgba(0,168,255,.5)}.cosmic-text{font-family:var(--font-primary);color:var(--cosmic-text)}.cosmic-accent-text{color:var(--cosmic-accent);text-shadow:0 0 6px rgba(0,255,125,.4)}.cosmic-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--cosmic-glow) 20%,var(--cosmic-glow) 80%,transparent 100%);opacity:.5}.cosmic-divider-vertical{width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--cosmic-glow) 20%,var(--cosmic-glow) 80%,transparent 100%);opacity:.5}.ton618-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);padding:0 var(--page-padding);display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);z-index:100}.ton618-header .header-title{font-weight:700;font-size:17px;color:var(--text-primary)}.ton618-header .header-subtitle{font-size:13px;color:var(--text-secondary)}.ton618-header .status-indicator{width:8px;height:8px;border-radius:50%;background:#00ff7d;animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.ton618-content{position:relative;padding:var(--page-padding);padding-top:calc(var(--safe-top) + var(--page-padding));padding-bottom:calc(var(--safe-bottom) + var(--page-padding));min-height:100vh;overflow-y:auto;background:var(--bg-primary)}.ton618-tab-bar{position:fixed;bottom:0;left:0;right:0;height:var(--safe-bottom);padding:var(--tab-bar-padding);padding-bottom:calc(var(--home-indicator) + 8px);background:var(--tab-bar-blur);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mix-blend-mode:hard-light;z-index:90}.ton618-tab-bar .tab-bar-button{width:100%;height:var(--button-height);border-radius:var(--button-radius);background:var(--accent);color:var(--text-primary);font-weight:600;font-size:17px;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.ton618-tab-bar .tab-bar-button:active{transform:scale(.98);opacity:.9}.ton618-fab-zone{position:fixed;bottom:var(--fab-bottom);right:var(--page-padding);z-index:95;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.ton618-card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--page-padding);margin-bottom:var(--card-gap)}.ton618-card:last-child{margin-bottom:0}.ton618-section{margin-bottom:var(--section-gap)}.ton618-section:last-child{margin-bottom:0}.ton618-separator{height:1px;background:var(--separator);margin:var(--section-gap) 0}html[dir=rtl]{--font-primary: Noto Sans Arabic, Noto Sans, -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-body: 500}html[dir=rtl] .ton618-fab-zone{right:auto;left:var(--page-padding);align-items:flex-start}html.ltr{direction:ltr;text-align:left}html.rtl{direction:rtl;text-align:right}html.rtl .ton618-fab-zone{right:auto;left:var(--page-padding);align-items:flex-start}html.rtl .icon-flip{transform:scaleX(-1)}html.rtl .slider-arrow-left,html.rtl .slider-arrow-right{transform:translateY(-50%)}html.rtl input,html.rtl textarea{text-align:right}html.rtl .ps-2,html.rtl .ps-3,html.rtl .ps-4{padding-left:0!important;padding-right:inherit}html.rtl .pe-2,html.rtl .pe-3,html.rtl .pe-4{padding-right:0!important;padding-left:inherit}html{font-size:16px;font-family:var(--font-primary);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.text-headline{font-family:var(--font-primary);font-weight:var(--fw-medium);font-size:var(--fs-lg);opacity:var(--alpha-high)}.text-em-title{font-family:var(--font-primary);font-weight:var(--fw-medium);font-size:var(--fs-base);opacity:var(--alpha-high)}.text-list-title,.text-title{font-family:var(--font-primary);font-weight:var(--fw-regular);font-size:var(--fs-base);opacity:var(--alpha-high)}.text-group-title{font-family:var(--font-primary);font-weight:var(--fw-regular);font-size:var(--fs-sm);opacity:var(--alpha-mid)}.text-body{font-family:var(--font-primary);font-weight:var(--fw-regular);font-size:var(--fs-base);opacity:var(--alpha-mid)}.text-text{font-family:var(--font-primary);font-weight:var(--fw-regular);font-size:var(--fs-base);opacity:var(--alpha-high)}.text-em-desc{font-family:var(--font-primary);font-weight:var(--fw-regular);font-size:var(--fs-sm);opacity:var(--alpha-mid)}.text-desc{font-family:var(--font-primary);font-weight:var(--fw-regular);font-size:var(--fs-sm);opacity:var(--alpha-low)}.text-footnote{font-family:var(--font-primary);font-weight:var(--fw-regular);font-size:var(--fs-xs);opacity:var(--alpha-low)}@media(max-width:374px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}}@media(min-width:375px)and (max-width:479px){html{font-size:15px}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media(min-width:480px)and (max-width:767px){html{font-size:16px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media(min-width:768px)and (max-width:1023px){html{font-size:17px}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}}@media(min-width:1024px)and (max-width:1439px){html{font-size:17px}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}}@media(min-width:1440px){html{font-size:18px}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}}@media(max-height:500px)and (orientation:landscape){html{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}html,body{height:100%;overflow:hidden;background:#242936;color:#b0b0b0;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}body{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;max-width:100vw;position:fixed;width:100%;height:100%;overflow:hidden}#app{position:fixed;inset:0;padding-bottom:env(safe-area-inset-bottom);background:#242936;overflow:hidden}[dir=rtl]{text-align:right}[dir=rtl] .btn-back-icon{transform:scaleX(-1)}[dir=rtl] .action-bar{direction:rtl}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:#b0b0b0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.heading-display{font-family:Metal Mania,Times New Roman,serif!important;letter-spacing:.1em}p{margin-bottom:1rem;color:#676767}a{color:#00a8ff;text-decoration:none;transition:color .15s ease}a:active{color:#fc6}html[lang=ru],html[lang=ru] body,[lang=ru],html[lang=ru] h1,html[lang=ru] h2,html[lang=ru] h3,html[lang=ru] h4,html[lang=ru] h5,html[lang=ru] h6,html[lang=ru] p,html[lang=ru] span,html[lang=ru] button,html[lang=ru] a,html[lang=ru] label,html[lang=ru] div,html[lang=ru] .btn,html[lang=ru] .nav-label,html[lang=ru] .action-btn,html[lang=ru] .card,html[lang=ru] .stat-value,html[lang=ru] .stat-label,html[lang=ru] body h1,html[lang=ru] body h2,html[lang=ru] body h3,html[lang=ru] body h4,html[lang=ru] body h5,html[lang=ru] body h6,html[lang=ru] body p,html[lang=ru] body span,html[lang=ru] body button,html[lang=ru] body a,html[lang=ru] body label,html[lang=ru] body div,html[lang=ru] body .btn,html[lang=ru] body .nav-label,html[lang=ru] body .action-btn,html[lang=ru] body .card,html[lang=ru] body .stat-value,html[lang=ru] body .stat-label,[lang=ru] h1,[lang=ru] h2,[lang=ru] h3,[lang=ru] h4,[lang=ru] h5,[lang=ru] h6,[lang=ru] p,[lang=ru] span,[lang=ru] button,[lang=ru] a,[lang=ru] label,[lang=ru] div,[lang=ru] .btn,[lang=ru] .nav-label,[lang=ru] .action-btn,[lang=ru] .card,[lang=ru] .stat-value,[lang=ru] .stat-label{font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}html[lang=ru] .heading-display,html[lang=ru] .header-title,html[lang=ru] .current-group-name,html[lang=ru] .header-group-name,html[lang=ru] .puzzle-title,html[lang=ru] .puzzle-title-text,html[lang=ru] body .heading-display,html[lang=ru] body .header-title,html[lang=ru] body .current-group-name,html[lang=ru] body .header-group-name,html[lang=ru] body .puzzle-title,html[lang=ru] body .puzzle-title-text,[lang=ru] .heading-display,[lang=ru] .header-title,[lang=ru] .current-group-name,[lang=ru] .header-group-name,[lang=ru] .puzzle-title,[lang=ru] .puzzle-title-text{font-family:Metal Mania,Times New Roman,serif!important}html[lang=ar],html[lang=ar] body,[lang=ar],html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ar] p,html[lang=ar] span,html[lang=ar] button,html[lang=ar] a,html[lang=ar] label,html[lang=ar] div,html[lang=ar] .btn,html[lang=ar] .nav-label,html[lang=ar] .action-btn,html[lang=ar] .card,html[lang=ar] .stat-value,html[lang=ar] .stat-label,html[lang=ar] body h1,html[lang=ar] body h2,html[lang=ar] body h3,html[lang=ar] body h4,html[lang=ar] body h5,html[lang=ar] body h6,html[lang=ar] body p,html[lang=ar] body span,html[lang=ar] body button,html[lang=ar] body a,html[lang=ar] body label,html[lang=ar] body div,html[lang=ar] body .btn,html[lang=ar] body .nav-label,html[lang=ar] body .action-btn,html[lang=ar] body .card,html[lang=ar] body .stat-value,html[lang=ar] body .stat-label,[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] h4,[lang=ar] h5,[lang=ar] h6,[lang=ar] p,[lang=ar] span,[lang=ar] button,[lang=ar] a,[lang=ar] label,[lang=ar] div,[lang=ar] .btn,[lang=ar] .nav-label,[lang=ar] .action-btn,[lang=ar] .card,[lang=ar] .stat-value,[lang=ar] .stat-label{font-family:Noto Sans Arabic,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}html[lang=ar] .heading-display,html[lang=ar] .header-title,html[lang=ar] .current-group-name,html[lang=ar] .header-group-name,html[lang=ar] .puzzle-title,html[lang=ar] .puzzle-title-text,html[lang=ar] .group-name,html[lang=ar] body .heading-display,html[lang=ar] body .header-title,html[lang=ar] body .current-group-name,html[lang=ar] body .header-group-name,html[lang=ar] body .puzzle-title,html[lang=ar] body .puzzle-title-text,html[lang=ar] body .group-name,[lang=ar] .heading-display,[lang=ar] .header-title,[lang=ar] .current-group-name,[lang=ar] .header-group-name,[lang=ar] .puzzle-title,[lang=ar] .puzzle-title-text,[lang=ar] .group-name{font-family:Aref Ruqaa,Noto Sans Arabic,sans-serif!important;font-weight:700}html[lang=tr],html[lang=tr] body,[lang=tr],html[lang=tr] h1,html[lang=tr] h2,html[lang=tr] h3,html[lang=tr] h4,html[lang=tr] h5,html[lang=tr] h6,html[lang=tr] p,html[lang=tr] span,html[lang=tr] button,html[lang=tr] a,html[lang=tr] label,html[lang=tr] div,html[lang=tr] .btn,html[lang=tr] .nav-label,html[lang=tr] .action-btn,html[lang=tr] .card,html[lang=tr] .stat-value,html[lang=tr] .stat-label,html[lang=tr] body h1,html[lang=tr] body h2,html[lang=tr] body h3,html[lang=tr] body h4,html[lang=tr] body h5,html[lang=tr] body h6,html[lang=tr] body p,html[lang=tr] body span,html[lang=tr] body button,html[lang=tr] body a,html[lang=tr] body label,html[lang=tr] body div,html[lang=tr] body .btn,html[lang=tr] body .nav-label,html[lang=tr] body .action-btn,html[lang=tr] body .card,html[lang=tr] body .stat-value,html[lang=tr] body .stat-label,[lang=tr] h1,[lang=tr] h2,[lang=tr] h3,[lang=tr] h4,[lang=tr] h5,[lang=tr] h6,[lang=tr] p,[lang=tr] span,[lang=tr] button,[lang=tr] a,[lang=tr] label,[lang=tr] div,[lang=tr] .btn,[lang=tr] .nav-label,[lang=tr] .action-btn,[lang=tr] .card,[lang=tr] .stat-value,[lang=tr] .stat-label{font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}html[lang=tr] .heading-display,html[lang=tr] .header-title,html[lang=tr] .current-group-name,html[lang=tr] .header-group-name,html[lang=tr] .puzzle-title,html[lang=tr] .puzzle-title-text,html[lang=tr] body .heading-display,html[lang=tr] body .header-title,html[lang=tr] body .current-group-name,html[lang=tr] body .header-group-name,html[lang=tr] body .puzzle-title,html[lang=tr] body .puzzle-title-text,[lang=tr] .heading-display,[lang=tr] .header-title,[lang=tr] .current-group-name,[lang=tr] .header-group-name,[lang=tr] .puzzle-title,[lang=tr] .puzzle-title-text{font-family:Metal Mania,Times New Roman,serif!important}html[lang=en],html[lang^=en-],html[lang=en] body,html[lang^=en-] body,[lang=en],[lang^=en-],html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] h4,html[lang=en] h5,html[lang=en] h6,html[lang=en] p,html[lang=en] span,html[lang=en] button,html[lang=en] a,html[lang=en] label,html[lang=en] div,html[lang=en] .btn,html[lang=en] .nav-label,html[lang=en] .action-btn,html[lang=en] .card,html[lang=en] .stat-value,html[lang=en] .stat-label,html[lang^=en-] h1,html[lang^=en-] h2,html[lang^=en-] h3,html[lang^=en-] h4,html[lang^=en-] h5,html[lang^=en-] h6,html[lang^=en-] p,html[lang^=en-] span,html[lang^=en-] button,html[lang^=en-] a,html[lang^=en-] label,html[lang^=en-] div,html[lang^=en-] .btn,html[lang^=en-] .nav-label,html[lang^=en-] .action-btn,html[lang^=en-] .card,html[lang^=en-] .stat-value,html[lang^=en-] .stat-label,html[lang=en] body h1,html[lang=en] body h2,html[lang=en] body h3,html[lang=en] body h4,html[lang=en] body h5,html[lang=en] body h6,html[lang=en] body p,html[lang=en] body span,html[lang=en] body button,html[lang=en] body a,html[lang=en] body label,html[lang=en] body div,html[lang=en] body .btn,html[lang=en] body .nav-label,html[lang=en] body .action-btn,html[lang=en] body .card,html[lang=en] body .stat-value,html[lang=en] body .stat-label,html[lang^=en-] body h1,html[lang^=en-] body h2,html[lang^=en-] body h3,html[lang^=en-] body h4,html[lang^=en-] body h5,html[lang^=en-] body h6,html[lang^=en-] body p,html[lang^=en-] body span,html[lang^=en-] body button,html[lang^=en-] body a,html[lang^=en-] body label,html[lang^=en-] body div,html[lang^=en-] body .btn,html[lang^=en-] body .nav-label,html[lang^=en-] body .action-btn,html[lang^=en-] body .card,html[lang^=en-] body .stat-value,html[lang^=en-] body .stat-label,[lang=en] h1,[lang=en] h2,[lang=en] h3,[lang=en] h4,[lang=en] h5,[lang=en] h6,[lang=en] p,[lang=en] span,[lang=en] button,[lang=en] a,[lang=en] label,[lang=en] div,[lang=en] .btn,[lang=en] .nav-label,[lang=en] .action-btn,[lang=en] .card,[lang=en] .stat-value,[lang=en] .stat-label,[lang^=en-] h1,[lang^=en-] h2,[lang^=en-] h3,[lang^=en-] h4,[lang^=en-] h5,[lang^=en-] h6,[lang^=en-] p,[lang^=en-] span,[lang^=en-] button,[lang^=en-] a,[lang^=en-] label,[lang^=en-] div,[lang^=en-] .btn,[lang^=en-] .nav-label,[lang^=en-] .action-btn,[lang^=en-] .card,[lang^=en-] .stat-value,[lang^=en-] .stat-label{font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}html[lang=en] .heading-display,html[lang=en] .header-title,html[lang=en] .current-group-name,html[lang=en] .header-group-name,html[lang=en] .puzzle-title,html[lang=en] .puzzle-title-text,html[lang^=en-] .heading-display,html[lang^=en-] .header-title,html[lang^=en-] .current-group-name,html[lang^=en-] .header-group-name,html[lang^=en-] .puzzle-title,html[lang^=en-] .puzzle-title-text,html[lang=en] body .heading-display,html[lang=en] body .header-title,html[lang=en] body .current-group-name,html[lang=en] body .header-group-name,html[lang=en] body .puzzle-title,html[lang=en] body .puzzle-title-text,html[lang^=en-] body .heading-display,html[lang^=en-] body .header-title,html[lang^=en-] body .current-group-name,html[lang^=en-] body .header-group-name,html[lang^=en-] body .puzzle-title,html[lang^=en-] body .puzzle-title-text,[lang=en] .heading-display,[lang=en] .header-title,[lang=en] .current-group-name,[lang=en] .header-group-name,[lang=en] .puzzle-title,[lang=en] .puzzle-title-text,[lang^=en-] .heading-display,[lang^=en-] .header-title,[lang^=en-] .current-group-name,[lang^=en-] .header-group-name,[lang^=en-] .puzzle-title,[lang^=en-] .puzzle-title-text{font-family:Metal Mania,Times New Roman,serif!important}.loader{display:flex;justify-content:center;align-items:center;height:100vh;background:#242936}.loader .spinner{width:40px;height:40px;border:3px solid #242936;border-top-color:#00a8ff;border-radius:9999px;animation:spin 1s linear infinite}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#b0b0b0;border-radius:9999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:999px;font-family:"Noto Sans",var(--font-primary),sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;background:#0a0e17;color:#ccc5b9;box-shadow:inset 0 0 0 .75px #ccc5b9,0 0 12px #00a8ff33;text-transform:uppercase;letter-spacing:.05em}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:inset 0 0 0 .75px #ccc5b94d}.btn:hover:not(:disabled){transform:scale(1.02);box-shadow:inset 0 0 0 .75px #ccc5b9,0 0 20px #00a8ff59}.btn:active:not(:disabled){transform:scale(.98)}.btn .icon{font-size:1.25rem}.btn-primary{background:#0a0e17;color:#ccc5b9;box-shadow:inset 0 0 0 .75px #ccc5b9,0 0 15px #00a8ff4d}.btn-primary:hover:not(:disabled){box-shadow:inset 0 0 0 .75px #ccc5b9,0 0 25px #00a8ff80}.btn-primary:active:not(:disabled){background:#1a1a18}.btn-secondary{background:#0a0e17;color:#ccc5b9;box-shadow:inset 0 0 0 .75px #ccc5b9}.btn-secondary:hover:not(:disabled){box-shadow:inset 0 0 0 .75px #ccc5b9,0 0 15px #00a8ff40}.btn-secondary:active:not(:disabled){background:#1a1a18}.btn-ghost{background:transparent;color:#676767}.btn-ghost:active:not(:disabled){background:#ffffff0d;color:#b0b0b0}.btn-success{background:#00ff7d;color:#b0b0b0}.btn-danger{background:#ff0013;color:#b0b0b0}.btn-large{padding:1rem 2rem;font-size:1.125rem;border-radius:16px}.btn-full{width:100%}.action-bar{height:60px;display:flex;justify-content:space-around;align-items:center;padding:0 .75rem;background:#242936;border-top:1px solid rgba(255,255,255,.1);z-index:300}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;background:none;border:none;color:#676767;font-family:inherit;font-size:.75rem;cursor:pointer;transition:color .15s ease;flex:1;max-width:25%;min-width:0}.action-btn .icon{font-size:20px;flex-shrink:0}.action-btn .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;font-size:10px}.action-btn:active,.action-btn.active{color:#00a8ff}.card{background:#242936;border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card-interactive{cursor:pointer}.card-interactive:active{transform:translateY(-2px);box-shadow:0 8px 24px #00000080}.card-interactive.locked{opacity:.6;cursor:not-allowed}.card-interactive.locked:active{transform:none;box-shadow:none}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500}.badge-primary{background:#00a8ff33;color:#fc6}.badge-success{background:#00ff7d33;color:#00ff7d}.badge-warning{background:#00a8ff33;color:#00a8ff}.badge-error{background:#ff001333;color:#ff0013}.badge-locked{background:#ffffff1a;color:#b0b0b099}.badge-easy{background:#00ff7d33;color:#00ff7d}.badge-medium{background:#00a8ff33;color:#00a8ff}.badge-hard{background:#ff001333;color:#ff0013}.badge-legendary{background:#00ff7d33;color:#00ff7d}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:9999px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#00a8ff,#fc6);border-radius:9999px;transition:width .3s ease}.input{width:100%;padding:1rem;background:#242936;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#b0b0b0;font-family:inherit;font-size:1rem;transition:border-color .15s ease}.input::placeholder{color:#b0b0b080}.input:focus{outline:none;border-color:#00a8ff}.input:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#000c;opacity:0;visibility:hidden;transition:all .3s ease;z-index:400}.modal-backdrop.visible{opacity:1;visibility:visible}.modal{background:#0a0e17;padding:1.5rem;border-radius:24px;text-align:center;max-width:340px;width:calc(100% - 32px);max-height:90vh;overflow-y:auto;transform:scale(.95);transition:transform .3s ease;border:1px solid #00a8ff;box-shadow:0 0 8px #ccc5b966,0 4px 30px #00000080}.modal-backdrop.visible .modal{transform:scale(1)}.modal-icon{font-size:64px;margin-bottom:1rem;line-height:1}.modal-icon.success{color:#00ff7d;text-shadow:0 0 20px rgba(0,255,125,.5)}.modal-icon.error{color:#ff0013;text-shadow:0 0 20px rgba(255,0,19,.5)}.modal-title{font-family:Noto Sans,sans-serif;font-size:20px;font-weight:600;margin-bottom:.75rem;color:#ccc5b9;letter-spacing:.5px}.modal-title.success{color:#00ff7d}.modal-title.error{color:#ff0013}.modal-message{font-family:Noto Sans,sans-serif;font-size:15px;color:#ccc5b9;margin-bottom:1.5rem;line-height:1.5;opacity:1}.modal-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap;width:100%}.modal-buttons .btn{flex:1;min-width:0;max-width:none;padding:14px 20px;font-family:"Noto Sans",var(--font-primary),sans-serif;font-size:14px;font-weight:600;background:#0a0e17;border:none;border-radius:999px;color:#ccc5b9;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 8px rgba(204,197,185,.4)}.modal-buttons .btn:hover,.modal-buttons .btn:active{background:#1a1f2e;transform:scale(.98)}.modal-buttons .btn.btn-primary{box-shadow:inset 0 0 0 1px #00a8ff,0 0 8px #ccc5b966}.modal-buttons .btn.btn-primary:hover{box-shadow:inset 0 0 0 1px #00a8ff,0 0 12px #ccc5b980}.modal-buttons .btn.btn-secondary{background:#0a0e17;color:#ccc5b9;box-shadow:inset 0 0 0 1px #00a8ff,0 0 8px #ccc5b966}.modal-buttons .btn.btn-secondary:hover{box-shadow:inset 0 0 0 1px #00a8ff,0 0 12px #ccc5b980}.cosmic-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#000000d9;opacity:0;visibility:hidden;transition:all .2s ease;z-index:2000;padding:16px}.cosmic-modal-backdrop.visible{opacity:1;visibility:visible}.cosmic-modal{width:90vw;max-width:400px;aspect-ratio:1/1;max-height:90vh;background:#242936;border:2px solid #00A8FF;border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 15px #00a8ff66,0 0 30px #00a8ff26,0 10px 40px #00000080;transform:scale(.8) translateY(50px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.cosmic-modal-backdrop.visible .cosmic-modal{transform:scale(1) translateY(0);opacity:1}.cosmic-modal-icons{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}.cosmic-icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;background:#0a0e17;border:2px solid #00A8FF;box-shadow:0 0 20px #00a8ff66,0 0 40px #00a8ff33;animation:iconEntrance .5s cubic-bezier(.4,0,.2,1) forwards}.cosmic-icon-circle.success{color:#00ff7d;text-shadow:0 0 15px #00FF7D}.cosmic-icon-circle.error{color:#ff0013;text-shadow:0 0 15px #FF0013}.cosmic-icon-circle:first-child{animation-delay:.1s}.cosmic-icon-circle:last-child{animation-delay:.2s}@keyframes iconEntrance{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.cosmic-modal-title{font-family:Metal Mania,Times New Roman,serif;font-size:28px;font-weight:600;text-align:center;margin:0;letter-spacing:2px}.cosmic-modal-title.success{color:#00ff7d;text-shadow:0 0 10px rgba(0,255,125,.8),0 0 20px rgba(0,255,125,.5),0 0 30px rgba(0,255,125,.3)}.cosmic-modal-title.error{color:#ff0013;text-shadow:0 0 10px rgba(255,0,19,.8),0 0 20px rgba(255,0,19,.5),0 0 30px rgba(255,0,19,.3)}.cosmic-modal-subtitle{font-family:Noto Sans,sans-serif;font-size:13px;font-weight:400;text-align:center;margin:8px 0 0;padding:0 16px;color:#9a9590;line-height:1.4;letter-spacing:.5px}.cosmic-modal-spacer{flex:1}.cosmic-modal-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.cosmic-modal-btn{width:100%;padding:14px 24px;border-radius:12px;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:600;background:#0a0e17;color:#fff;border:2px solid #00A8FF;cursor:pointer;transition:all .2s ease;box-shadow:0 0 12px #00a8ff4d,0 4px 12px #0006}.cosmic-modal-btn:hover{transform:scale(1.02);box-shadow:0 0 16px #00a8ff80,0 6px 16px #00000080}.cosmic-modal-btn:active{transform:scale(.98)}.page-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#242936;border-bottom:1px solid rgba(255,255,255,.05)}.page-title{flex:1;font-size:1.25rem;font-weight:700}.user-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#242936;cursor:pointer;transition:background .15s ease}.user-header:active{background:linear-gradient(180deg,#56524d,#242936);transform:scale(.99)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:9999px;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:#b0b0b0}.user-title{font-size:.75rem;color:#676767}.progress-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#00a8ff33;border-radius:12px;color:#fc6;font-size:.875rem;font-weight:500}.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;min-height:50vh}.error-state .icon,.empty-state .icon{font-size:48px;margin-bottom:1rem;opacity:.5}.error-state h3,.empty-state h3{margin-bottom:.5rem}.error-state p,.empty-state p{color:#b0b0b099;margin-bottom:1.5rem}.text-center{text-align:center}.text-muted{color:#b0b0b099}.text-success{color:#00ff7d}.text-error{color:#ff0013}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.content-with-action-bar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}::selection{background:#00a8ff66;color:#b0b0b0}::-moz-selection{background:#00a8ff66;color:#b0b0b0}html{font-size:clamp(14px,3.5vw,16px)}@media(max-width:320px){html{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn{padding:.5rem 1rem;font-size:.875rem}.btn-large{padding:.75rem 1.5rem;font-size:1rem}.page-header{padding:.75rem;gap:.5rem}.page-title{font-size:1.125rem}.user-header{padding:.75rem;flex-wrap:wrap;gap:.5rem}.user-avatar{width:32px;height:32px}.user-name{font-size:.875rem}.user-title{font-size:10px}.progress-badge{padding:.25rem .5rem;font-size:.75rem}.card{border-radius:12px}.modal{padding:1rem;border-radius:16px;max-width:95%}.modal-icon{font-size:36px}.modal-title{font-size:1.25rem}.input{padding:.75rem;font-size:.875rem}.action-bar{padding:.5rem}.action-btn{padding:.25rem .5rem;font-size:10px}.action-btn .icon{font-size:1.25rem}.error-state,.empty-state{padding:1rem;min-height:40vh}.error-state .icon,.empty-state .icon{font-size:36px}.error-state h3,.empty-state h3{font-size:1.125rem}.error-state p,.empty-state p{font-size:.875rem}}@media(min-width:321px)and (max-width:375px){html{font-size:14px}h1{font-size:1.5rem}.btn{padding:.5rem 1.25rem;font-size:.875rem}.page-header,.user-header{padding:.75rem}.user-avatar{width:36px;height:36px}.modal{padding:1.25rem;max-width:92%}}@media(min-width:376px)and (max-width:480px){html{font-size:15px}.page-header,.user-header{padding:.75rem 1rem}.modal{padding:1.5rem}}@media(min-width:481px)and (max-width:768px){html{font-size:16px}.modal{max-width:400px}}@media(min-width:769px){html{font-size:16px}#app{max-width:480px;margin:0 auto}.modal{max-width:420px}}@media(max-height:400px)and (orientation:landscape){html{font-size:13px}.page-header,.user-header{padding:.5rem .75rem}.action-bar{padding:.25rem .5rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom))}.action-btn{padding:.25rem}.action-btn .icon{font-size:1.125rem}.error-state,.empty-state{min-height:60vh;padding:1rem}.modal{max-height:85vh;padding:1rem}}@media(max-height:300px){html{font-size:12px}.page-header{padding:.5rem;min-height:auto}.page-title{font-size:.875rem}.user-header{padding:.5rem}.action-bar{display:none}.content-with-action-bar{padding-bottom:env(safe-area-inset-bottom)}}@media(hover:none)and (pointer:coarse){.btn{min-height:44px}.action-btn{min-height:44px;min-width:44px}.input{min-height:44px}.card-interactive:hover{transform:none;box-shadow:none}.card-interactive:active{transform:scale(.98)}}@media(prefers-contrast:high){.btn{border:2px solid currentColor}.card{border:1px solid rgba(255,255,255,.3)}.input{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}