@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700&display=swap";
:root{--tg-viewport-height:100vh;--tg-viewport-stable-height:100vh;--app-top-inset:0px;--app-bottom-inset:0px;--app-side-inset-left:0px;--app-side-inset-right:0px;--c-bg-deep:#04010f;--c-bg-base:#0a0521;--c-bg-elevated:#120a35;--c-bg-panel:#0c0624eb;--c-cyan:#00e5ff;--c-cyan-soft:#00e5ff2e;--c-cyan-glow:#00e5ff8c;--c-magenta:#ff2bd6;--c-magenta-soft:#ff2bd62e;--c-magenta-glow:#ff2bd699;--c-purple:#b94dff;--c-purple-soft:#b94dff33;--c-gold:#ffd83d;--c-gold-glow:#ffd83d66;--c-text-primary:#fff;--c-text-secondary:#c8dfff;--c-text-muted:#708cb5;--c-text-cyan:#5feaff;--c-text-magenta:#ff5be0;--c-border-base:#7850dc59;--c-border-strong:#00e5ff8c;--c-danger:#ff4d6d;--c-danger-soft:#ff4d6d26;--c-success:#4dffa6;--font-display:"Orbitron", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs:11px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;--fs-4xl:34px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-2xl:28px;--r-pill:999px;--header-height:88px;--bottom-bar-height:112px;--bottom-bar-max-width:460px;--content-max-width:480px;--glow-cyan-sm:0 0 10px #00e5ff73;--glow-cyan-md:0 0 18px #00e5ff99, 0 0 36px #00e5ff40;--glow-cyan-lg:0 0 28px #00e5ffb3, 0 0 56px #00e5ff59;--glow-magenta-sm:0 0 10px #ff2bd673;--glow-magenta-md:0 0 18px #ff2bd68c, 0 0 36px #ff2bd640;--glow-magenta-lg:0 0 28px #ff2bd6b3, 0 0 56px #ff2bd64d;--glow-mixed:0 0 18px #00e5ff73, 0 0 26px #ff2bd666;--ease-out:cubic-bezier(.2, .7, .3, 1);--t-fast:.12s;--t-base:.2s}*{box-sizing:border-box}html,body{background:var(--c-bg-deep);width:100%;color:var(--c-text-primary);font-family:var(--font-body);font-size:var(--fs-lg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.5}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:inherit}img{max-width:100%;display:block}.app-stage{min-height:var(--tg-viewport-stable-height,100vh);background:radial-gradient(ellipse 80% 50% at 20% 0%, #0082c82e 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 10%, #ff2bd61f 0%, transparent 60%), radial-gradient(ellipse 100% 60% at 50% 100%, #b94dff24 0%, transparent 65%), linear-gradient(180deg, var(--c-bg-deep) 0%, #06021b 50%, var(--c-bg-deep) 100%);background-attachment:fixed;position:relative;overflow-x:hidden}.app-stage:before{content:"";pointer-events:none;opacity:.6;z-index:0;background-image:radial-gradient(1px 1px at 15% 22%,#ffffffb3,#0000 50%),radial-gradient(1px 1px at 80% 18%,#b4dcff99,#0000 50%),radial-gradient(1px 1px at 35% 70%,#ffffff80,#0000 50%),radial-gradient(1px 1px at 65% 85%,#c8c8ff80,#0000 50%),radial-gradient(1.5px 1.5px at 90% 60%,#ffc8ff80,#0000 50%),radial-gradient(1px 1px at 10% 80%,#b4dcff80,#0000 50%);background-size:100% 100%;position:fixed;inset:0}.font-display{font-family:var(--font-display);letter-spacing:.02em}.text-cyan{color:var(--c-text-cyan)}.text-magenta{color:var(--c-text-magenta)}.text-gold{color:var(--c-gold)}.text-muted{color:var(--c-text-muted)}.text-glow-cyan{color:var(--c-text-cyan);text-shadow:0 0 8px #00e5ff8c,0 0 16px #00e5ff4d}.text-glow-magenta{color:var(--c-text-magenta);text-shadow:0 0 8px #ff2bd699,0 0 16px #ff2bd64d}.text-glow-gold{color:var(--c-gold);text-shadow:0 0 8px var(--c-gold-glow), 0 0 16px #ffd83d40}.neon-edge{--nf-w:12px;--nf-slice-y:46;--nf-slice-x:44;--nf-radius:22px;padding:var(--nf-w);border-radius:var(--nf-radius);isolation:isolate;border:0;position:relative;overflow:hidden}.neon-edge:before{content:"";z-index:2;pointer-events:none;border:var(--nf-w) solid transparent;border-radius:inherit;border-image:url(/neon_frame_assets/neon-frame-sprite.png) var(--nf-slice-y) var(--nf-slice-x) stretch;position:absolute;inset:0}.neon-edge--sm{--nf-w:10px;--nf-radius:20px}.neon-edge--lg{--nf-w:16px;--nf-radius:28px}.neon-frame{background-origin:border-box;background-clip:border-box}.neon-frame__inner{z-index:1;padding:var(--s-2);background:#000;position:relative}.category-card{aspect-ratio:1;-webkit-tap-highlight-color:transparent;width:100%;transition:transform var(--t-base) var(--ease-out), filter var(--t-base) var(--ease-out);background:0 0;border:0;padding:0;display:block;position:relative;container-type:inline-size}.category-card:hover,.category-card:active{filter:drop-shadow(0 0 10px var(--c-cyan-glow)) drop-shadow(0 0 18px var(--c-magenta-glow));transform:translateY(-2px)}.category-card__img{object-fit:cover;pointer-events:none;border-radius:7%;width:100%;height:100%;display:block;position:absolute;inset:0}.category-card__placeholder{font-family:var(--font-display);color:var(--c-text-cyan);border:2px solid var(--c-cyan);text-shadow:var(--glow-cyan-sm);background:radial-gradient(circle,#00e5ff33 0%,#0000 60%),linear-gradient(#140a3299 0%,#08041ceb 100%);border-radius:12%;justify-content:center;align-items:center;font-size:30cqw;font-weight:700;display:flex;position:absolute;inset:5%}.category-card__caption{text-align:center;font-family:var(--font-display);color:#fff;letter-spacing:-.01em;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.04;font-size:clamp(7px, var(--cap-fs,9.5cqw), 19px);text-shadow:0 1px 2px #000000f2,0 0 6px #000000e6,0 0 12px #00e5ff80;position:absolute;bottom:7.5%;left:5%;right:5%}.category-card__caption:before{content:"";z-index:-1;background:radial-gradient(#04010fb8 0%,#04010f52 55%,#0000 80%);position:absolute;inset:-45% -14% -50%}.neon-tile{--tile-media-inset:4px;--tile-media-radius:max(0px, calc(var(--nf-radius) - var(--tile-media-inset)));--tile-label-inset:0px;aspect-ratio:1;-webkit-tap-highlight-color:transparent;width:100%;transition:transform var(--t-base) var(--ease-out);background:#000;border-image-outset:1;padding:0;position:relative}.neon-tile:hover,.neon-tile:active{transform:translateY(-1px)}.neon-tile.neon-edge:before{z-index:1}.neon-tile__media{inset:var(--tile-media-inset);z-index:2;border-radius:var(--tile-media-radius);background-color:#08041c;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;overflow:hidden}.neon-tile--empty .neon-tile__media{background-image:radial-gradient(circle,#00e5ff2e 0%,#0000 60%),linear-gradient(#140a3299 0%,#08041cf5 100%)}.neon-tile--with-image .neon-tile__media{--tile-image-zoom:1.22;background-size:calc(100% * var(--tile-image-zoom))}.neon-tile__placeholder{z-index:1;font-family:var(--font-display);font-size:var(--fs-4xl);color:var(--c-text-cyan);text-shadow:var(--glow-cyan-sm);pointer-events:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.neon-tile__label{left:var(--tile-label-inset);right:var(--tile-label-inset);bottom:var(--tile-label-inset);z-index:3;padding:var(--s-2) var(--s-3) var(--s-1);border-bottom-left-radius:max(0px, calc(var(--tile-media-radius) - var(--tile-label-inset)));border-bottom-right-radius:max(0px, calc(var(--tile-media-radius) - var(--tile-label-inset)));font-family:var(--font-display);font-size:var(--fs-sm);color:var(--c-text-primary);text-align:center;letter-spacing:.01em;background:linear-gradient(#0000 0%,#04010fd1 55%,#04010ff2 100%);font-weight:600;line-height:1.1;position:absolute}.app-bottom-bar{z-index:30;padding:0 var(--s-3) calc(var(--app-bottom-inset) + var(--s-2));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.app-bottom-bar:before{content:"";background:linear-gradient(to top, var(--c-bg-deep) 0%, #04010feb 32%, #04010f8c 64%, #04010f00 100%);pointer-events:none;z-index:-1;height:calc(100% + 56px);position:absolute;bottom:0;left:0;right:0}.app-bottom-bar__plate{width:100%;max-width:var(--bottom-bar-max-width);aspect-ratio:1280/289;pointer-events:none;background-image:url(/main_menu.png);background-position:0 7.44%;background-repeat:no-repeat;background-size:100% 844.29%;position:relative}.app-bottom-bar__plate[data-frame=profile]{background-position-y:35.8%}.app-bottom-bar__plate[data-frame=info]{background-position-y:64.16%}.app-bottom-bar__plate[data-frame=price]{background-position-y:92.52%}.app-bottom-bar__btn{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);background:0 0;border:0;margin:0;padding:0;position:absolute}.app-bottom-bar__btn:disabled{cursor:default}.app-bottom-bar__btn--profile{width:29.22%;height:75.43%;top:13.84%;left:2.66%}.app-bottom-bar__btn--info{width:35.78%;height:97.23%;top:2.42%;left:31.87%}.app-bottom-bar__btn--price{width:29.61%;height:75.43%;top:14.53%;left:67.66%}.app-shell{z-index:1;min-height:var(--tg-viewport-stable-height,100vh);padding-top:calc(var(--app-top-inset) + var(--header-height));flex-direction:column;display:flex;position:relative}.app-shell--with-bottom-bar{padding-bottom:calc(var(--app-bottom-inset) + var(--bottom-bar-height) + var(--s-3))}.app-shell__content{width:100%;max-width:var(--content-max-width);padding:var(--s-4) var(--s-4) var(--s-3);gap:var(--s-4);flex-direction:column;margin:0 auto;display:flex}.app-header{z-index:30;padding-top:var(--app-top-inset);pointer-events:none;background:linear-gradient(to bottom, var(--c-bg-deep) 0%, var(--c-bg-deep) 52%, #04010f00 100%);justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.app-header__bar{width:100%;max-width:var(--content-max-width);height:var(--header-height);filter:drop-shadow(0 6px 14px #04010f80);align-items:stretch;display:flex}.app-header__logo-btn{pointer-events:auto;flex:none;height:100%;padding:0;display:block}.app-header__logo{width:auto;height:100%;display:block}.app-header__fill{background-image:url(/header-repeat-segment.png);background-position:0 0;background-repeat:repeat-x;background-size:auto 100%;flex:1 1 0;min-width:0;height:100%;margin:0 -1px}.app-header__end{flex:none;width:auto;height:100%;display:block}@media (max-width:380px){.app-header__bar{height:76px}}.info-section{gap:var(--s-2);flex-direction:column;display:flex}.info-section__title{align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--c-text-magenta);text-shadow:0 0 10px #ff2bd673;letter-spacing:.01em;display:flex}.info-section__title--cyan{color:var(--c-text-cyan);text-shadow:0 0 10px #00e5ff73}.info-section__title-icon{filter:drop-shadow(0 0 6px var(--c-magenta-glow));font-size:1.1em}.info-section__body{font-size:var(--fs-md);color:var(--c-text-secondary);line-height:1.55}.info-section__body strong{color:var(--c-text-primary);font-weight:600}.info-section__list{gap:var(--s-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.info-section__list-item{padding-left:var(--s-4);font-size:var(--fs-md);color:var(--c-text-secondary);line-height:1.5;position:relative}.info-section__list-item:before{content:"";background:var(--c-cyan);width:6px;height:6px;box-shadow:var(--glow-cyan-sm);border-radius:50%;position:absolute;top:.55em;left:4px}.info-columns{gap:var(--s-5) var(--s-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:360px){.info-columns{grid-template-columns:1fr}}.octopus-banner{text-align:center;font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);letter-spacing:.01em;color:var(--c-text-magenta);text-shadow:0 0 10px #ff2bd68c,0 0 22px #ff2bd64d;padding:var(--s-2) var(--s-3);line-height:1.45}.octopus-banner--gold{color:var(--c-gold);text-shadow:0 0 12px var(--c-gold-glow), 0 0 24px #ffd83d40}.octopus-banner--soft{font-family:var(--font-body);font-weight:500;font-size:var(--fs-md);color:var(--c-text-magenta);text-shadow:0 0 8px #ff2bd659;letter-spacing:0}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,2.2vw,14px);display:grid}.page-hero{align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);flex-direction:column;display:flex}.page-hero__icon{font-size:var(--fs-3xl);filter:drop-shadow(0 0 12px var(--c-cyan-glow))}.page-hero__title{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:.04em;background:linear-gradient(#fff 0%,#82d4ff 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 14px #00e5ff59;-webkit-background-clip:text;background-clip:text;font-weight:800}.page-hero__subtitle{font-size:var(--fs-md);color:var(--c-text-secondary);text-align:center}.game-stage{z-index:40;background:var(--c-bg-deep);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;--game-stage-top-inset:var(--app-top-inset);--game-stage-bottom-inset:calc(var(--app-bottom-inset) + var(--s-2));position:fixed;inset:0}@media (orientation:landscape){.game-stage{--game-stage-top-inset:0px;--game-stage-bottom-inset:0px}}.game-stage__frame{top:var(--game-stage-top-inset);width:100%;height:100%;height:calc(100% - var(--game-stage-top-inset) - var(--game-stage-bottom-inset));background:var(--c-bg-deep);touch-action:none;border:0;position:absolute;left:0}.game-stage__notice{padding:0 var(--s-4);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.loading-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);background:#04010f99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-overlay--fade-in{animation:.22s ease-out loading-overlay-fade-in}.loading-overlay__chip{padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);border:1px solid var(--c-border-strong);color:var(--c-text-secondary);box-shadow:var(--glow-cyan-sm);font-size:var(--fs-md);background:#0c0624eb}.loading-overlay__chip--pulse{animation:1.4s ease-in-out infinite loading-chip-pulse}.loading-overlay__dots{align-items:center;gap:4px;margin-left:8px;display:inline-flex}.loading-overlay__dot{background:var(--c-cyan);opacity:.35;border-radius:999px;width:6px;height:6px;animation:1s ease-in-out infinite loading-dot-blink;box-shadow:0 0 8px #00e5ffcc}.loading-overlay__dot:nth-child(2){animation-delay:.2s}.loading-overlay__dot:nth-child(3){animation-delay:.4s}@keyframes loading-dot-blink{0%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}to{opacity:.35;transform:translateY(0)}}@keyframes loading-chip-pulse{0%{box-shadow:0 0 8px #00e5ff40}50%{box-shadow:0 0 18px #00e5ff99}to{box-shadow:0 0 8px #00e5ff40}}@keyframes loading-overlay-fade-in{0%{opacity:0}to{opacity:1}}.external-script-alert{z-index:70;padding:var(--s-6) var(--s-4);-webkit-backdrop-filter:blur(4px);background:#04010fb8;place-items:center;display:grid;position:fixed;inset:0}.external-script-alert__panel{width:100%;max-width:460px;padding:var(--s-5);border-radius:var(--r-xl);border:1px solid var(--c-border-strong);box-shadow:var(--glow-cyan-sm);text-align:center;background:#0c0624f2}.external-script-alert__title{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:.03em;color:var(--c-text-primary);margin:0}.external-script-alert__text{margin:var(--s-3) 0 0;color:var(--c-text-secondary)}.external-script-alert__retry-btn{margin-top:var(--s-4);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);border:1px solid var(--c-border-strong);color:var(--c-text-primary);box-shadow:var(--glow-cyan-sm);transition:background var(--t-base) var(--ease-out);background:#00e5ff2e}.external-script-alert__retry-btn:hover{background:#00e5ff47}.error-alert{--nf-w:15px;margin:0 var(--s-2);min-height:58px;padding:var(--s-2) var(--s-3);color:#ffd0d8;font-size:var(--fs-md);text-align:center;background:linear-gradient(#280a1ceb 0%,#120410f5 100%);justify-content:center;align-items:center;display:flex}.tap-area{-webkit-tap-highlight-color:transparent}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}