@layer reset,base,components,pages,game,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:#080a12;-webkit-text-size-adjust:100%}body{min-width:280px;min-height:100%;margin:0}button,input{font:inherit}button{color:inherit}img,svg,canvas{display:block;max-width:100%}h1,h2,h3,p{margin-block:0}ol,ul{margin:0;padding:0}}@layer base{:root{--ink: #f7f5ff;--muted: #9699ad;--faint: #65697d;--surface: #11141f;--surface-raised: #171a27;--surface-bright: #202435;--line: rgba(255, 255, 255, .09);--line-bright: rgba(255, 255, 255, .16);--violet: #8b7cff;--violet-deep: #5c4ee8;--gold: #ffcf5a;--mint: #35e0c1;--pink: #ff5cb8;--danger: #ff607f;--tg-safe-top: 0px;--tg-safe-right: 0px;--tg-safe-bottom: 0px;--tg-safe-left: 0px;--tg-content-top: 0px;--tg-content-bottom: 0px;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 85% -10%,rgba(139,124,255,.2),transparent 32rem),radial-gradient(circle at 0 45%,rgba(53,224,193,.07),transparent 25rem),#080a12;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body:before{position:fixed;inset:0;z-index:-1;content:"";opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}button{border:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{color:#090a12;background:var(--gold)}.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}.eyebrow{display:block;color:var(--violet);font-size:.65rem;font-weight:850;letter-spacing:.17em;line-height:1.35;text-transform:uppercase}}@layer components{.brand-mark{display:inline-flex;align-items:center;gap:.65rem}.brand-mark__glyph{display:grid;width:2.25rem;height:2.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:.75rem;place-items:center;box-shadow:0 0 22px #8b7cff40}.brand-mark__glyph img{width:100%;height:100%;object-fit:cover}.brand-mark__word{font-size:1rem;font-weight:950;letter-spacing:.15em}.brand-mark--compact .brand-mark__glyph{width:1.85rem;height:1.85rem;border-radius:.58rem}.brand-mark--compact .brand-mark__word{font-size:.8rem}.gift-avatar{--avatar-size: 3.2rem;position:relative;display:inline-grid;flex:0 0 auto;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;border:1px solid color-mix(in srgb,var(--gift-accent) 55%,white 10%);border-radius:33%;background:radial-gradient(circle at 34% 24%,color-mix(in srgb,var(--gift-accent) 75%,white),transparent 24%),radial-gradient(circle at 80% 84%,color-mix(in srgb,var(--gift-backdrop) 72%,transparent),transparent 45%),linear-gradient(145deg,var(--gift-primary),var(--gift-secondary));box-shadow:inset 0 0 16px #ffffff1f,0 7px 20px color-mix(in srgb,var(--gift-primary) 28%,transparent);place-items:center}.gift-avatar:after{position:absolute;inset:4%;z-index:3;content:"";border:1px solid rgba(255,255,255,.14);border-radius:29%;pointer-events:none}.gift-avatar__media{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}.gift-avatar__symbol{position:absolute;z-index:1;inset:-18%;width:136%;height:136%;opacity:.2;object-fit:cover;filter:saturate(.7) contrast(1.2);mix-blend-mode:screen;transform:rotate(-12deg) scale(1.08)}.gift-avatar__fallback{position:relative;z-index:2;display:grid;width:55%;height:55%;color:var(--gift-accent);place-items:center}.gift-avatar__fallback svg{width:100%;height:100%}.gift-avatar--sm{--avatar-size: 2.25rem;border-radius:.72rem}.gift-avatar--md{--avatar-size: 3.2rem}.gift-avatar--lg{--avatar-size: 4.6rem}.gift-avatar--xl{--avatar-size: 7.6rem}.pill{display:inline-flex;align-items:center;width:max-content;min-height:1.45rem;padding:.22rem .52rem;gap:.3rem;border:1px solid var(--line);border-radius:999px;color:#c7c9d5;background:#ffffff0e;font-size:.58rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.pill svg{width:.75rem}.pill--gold{color:var(--gold);border-color:#ffcf5a40;background:#ffcf5a1a}.pill--violet{color:#bdb5ff;border-color:#8b7cff47;background:#8b7cff1f}.pill--mint{color:var(--mint);border-color:#35e0c145;background:#35e0c11a}.pill--danger{color:var(--danger);border-color:#ff607f45;background:#ff607f1a}.primary-button,.secondary-button{display:inline-flex;min-height:3.25rem;padding:0 1.2rem;align-items:center;justify-content:center;gap:.6rem;border-radius:1rem;font-size:.86rem;font-weight:850}.primary-button{color:#0c0c14;background:linear-gradient(135deg,#b9b0ff,var(--violet));box-shadow:0 12px 30px #6353e84d,inset 0 1px #ffffff80}.primary-button:active{transform:translateY(1px)}.primary-button svg,.secondary-button svg{width:1.15rem}.primary-button--wide{width:100%}.secondary-button{border:1px solid var(--line-bright);color:var(--ink);background:#fff1}.text-button{display:inline-flex;padding:.45rem .2rem;align-items:center;gap:.35rem;color:#b5b7c7;background:transparent;font-size:.74rem;font-weight:750}.text-button svg{width:.9rem}.icon-button{display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;border:1px solid var(--line);border-radius:.9rem;color:#d2d2dd;background:var(--surface-raised);place-items:center}.icon-button svg{width:1.2rem}.section-heading{display:flex;margin:1.55rem 0 .75rem;align-items:flex-end;justify-content:space-between;gap:1rem}.section-heading h2{margin-top:.16rem;font-size:1.08rem;letter-spacing:-.025em}.progress{width:100%;height:.38rem;overflow:hidden;border-radius:99px;background:#ffffff17}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--mint));box-shadow:0 0 12px var(--violet)}.state-panel{display:flex;min-height:19rem;padding:2.5rem 1.4rem;align-items:center;justify-content:center;flex-direction:column;border:1px dashed var(--line-bright);border-radius:1.4rem;text-align:center;background:#ffffff06}.state-panel__icon{display:grid;width:3.8rem;height:3.8rem;margin-bottom:1rem;border-radius:1.25rem;color:#b9b1ff;background:#8b7cff1f;place-items:center}.state-panel__icon svg{width:1.7rem}.state-panel h2{font-size:1.15rem}.state-panel p{max-width:20rem;margin:.45rem 0 1.25rem;color:var(--muted);font-size:.82rem;line-height:1.55}.skeleton{display:block;min-height:4rem;border-radius:1rem;background:linear-gradient(100deg,#ffffff0b 20%,#ffffff1a,#ffffff0b 60%);background-size:220% 100%;animation:shimmer 1.6s infinite linear}@keyframes shimmer{to{background-position-x:-220%}}@keyframes spin{to{transform:rotate(360deg)}}.is-spinning{animation:spin .9s infinite linear}.button-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.toast{position:fixed;z-index:100;right:max(1rem,var(--tg-safe-right));bottom:calc(5.8rem + var(--tg-safe-bottom));left:max(1rem,var(--tg-safe-left));max-width:28rem;min-height:3rem;margin-inline:auto;padding:.82rem 1rem;border:1px solid var(--line-bright);border-radius:1rem;color:var(--ink);background:#191c29f2;box-shadow:0 14px 38px #0006;font-size:.8rem;font-weight:750;text-align:center;backdrop-filter:blur(18px);animation:toast-in .25s ease-out}.toast--success{border-color:#35e0c152}.toast--error{border-color:#ff607f61}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}}@layer pages{.app-shell{width:100%;max-width:38rem;min-height:100vh;min-height:100dvh;margin-inline:auto}.app-header{position:sticky;z-index:30;top:0;display:flex;min-height:calc(4rem + var(--tg-safe-top));padding:calc(.82rem + var(--tg-safe-top)) max(1rem,var(--tg-safe-right)) .7rem max(1rem,var(--tg-safe-left));align-items:center;justify-content:space-between;background:linear-gradient(180deg,#080a12fa 70%,#080a1200);backdrop-filter:blur(15px)}.app-header__right{display:flex;align-items:center;gap:.5rem}.level-chip{display:flex;min-height:2.15rem;padding:.35rem .55rem;align-items:baseline;gap:.28rem;border:1px solid var(--line);border-radius:.7rem;background:#ffffff0a}.level-chip small{color:var(--faint);font-size:.48rem;font-weight:900;letter-spacing:.1em}.level-chip strong{color:var(--gold);font-size:.82rem}.app-content{padding:.35rem max(1rem,var(--tg-safe-right)) calc(6.4rem + var(--tg-safe-bottom)) max(1rem,var(--tg-safe-left))}.gift-sync-alert{display:grid;margin:.3rem 0 .8rem;padding:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;border:1px solid rgba(255,207,90,.25);border-radius:1rem;background:linear-gradient(135deg,#ffcf5a1a,#8b7cff14)}.gift-sync-alert__icon{display:grid;width:2.25rem;height:2.25rem;border-radius:.7rem;color:var(--gold);background:#ffcf5a1a;place-items:center}.gift-sync-alert__icon svg{width:1rem}.gift-sync-alert>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:.12rem}.gift-sync-alert strong{font-size:.72rem}.gift-sync-alert small{color:var(--muted);font-size:.61rem;line-height:1.4}.gift-sync-alert .text-button{color:var(--gold);font-size:.68rem}.page{animation:page-in .28s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(7px)}}.page-title{padding:1rem .15rem 1.25rem}.page-title h1{margin-top:.18rem;font-size:clamp(1.85rem,8vw,2.5rem);line-height:1;letter-spacing:-.055em}.page-title p{margin-top:.55rem;color:var(--muted);font-size:.82rem;line-height:1.5}.page-title--row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bottom-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;display:grid;width:100%;max-width:38rem;min-height:calc(4.8rem + var(--tg-safe-bottom));margin-inline:auto;padding:.45rem max(.35rem,var(--tg-safe-right)) calc(.42rem + var(--tg-safe-bottom)) max(.35rem,var(--tg-safe-left));grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.08);background:#0a0c14ed;box-shadow:0 -12px 32px #00000038;backdrop-filter:blur(22px) saturate(1.4)}.bottom-nav button{display:flex;min-width:0;padding:.2rem .05rem;align-items:center;flex-direction:column;gap:.2rem;color:#73778b;background:transparent;font-size:.57rem;font-weight:740}.bottom-nav button>span{display:grid;width:2.25rem;height:1.9rem;border-radius:.7rem;place-items:center;transition:.2s ease}.bottom-nav svg{width:1.22rem}.bottom-nav button.is-active{color:#c8c1ff}.bottom-nav button.is-active>span{color:#fff;background:#8b7cff30;box-shadow:inset 0 0 0 1px #8b7cff21}.welcome-block{position:relative;min-height:0;margin:.4rem 0 1.3rem;padding:1.35rem 1.2rem;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.55rem;background:linear-gradient(90deg,#0a0a12f5,#0a0a12b8,#0a0a121f),linear-gradient(0deg,rgba(8,10,18,.9),transparent 70%),url(/art/hero-world.webp) center / cover;box-shadow:0 25px 60px #00000047,inset 0 1px #ffffff14}.welcome-block:after{position:absolute;inset:auto 0 0;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--violet),var(--gold),transparent);opacity:.7}.welcome-block h1{position:relative;max-width:15rem;margin-top:.45rem;font-size:clamp(2rem,10vw,3rem);line-height:.96;letter-spacing:-.06em;text-wrap:balance}.welcome-block__intro{position:relative;max-width:18rem;margin-top:.8rem;color:#c4bfd5;font-size:.76rem;line-height:1.5;text-wrap:balance}.welcome-stats{position:relative;margin-top:1rem;max-width:18rem;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.11);border-radius:1rem;background:#0b0c15ba;backdrop-filter:blur(12px)}.welcome-stats>div:first-child{display:flex;align-items:center;gap:.45rem;color:var(--gold);font-size:.68rem}.welcome-stats>div:first-child svg{width:.9rem}.welcome-stats>div:first-child strong{font-size:.9rem}.welcome-stats__xp{display:flex;margin:.55rem 0 .28rem;justify-content:space-between;color:var(--muted);font-size:.58rem;font-weight:750}.game-card{overflow:hidden;border:1px solid var(--line);border-radius:1.4rem;background:linear-gradient(150deg,#1b1d2bfa,#0f111afa);box-shadow:0 18px 36px #0003}.game-card--featured{box-shadow:0 22px 50px #0000004d,0 0 0 1px color-mix(in srgb,var(--game-accent) 15%,transparent)}.game-art{position:relative;height:9.2rem;overflow:hidden;background:radial-gradient(circle at 65% 30%,color-mix(in srgb,var(--game-accent) 50%,transparent),transparent 35%),linear-gradient(145deg,#262244,#121520);isolation:isolate}.game-card--featured .game-art{height:9.2rem}.game-art:after{position:absolute;inset:0;z-index:2;content:"";background:linear-gradient(0deg,rgba(16,18,27,.95),transparent 46%);pointer-events:none}.game-art img{position:absolute;z-index:1;width:100%;height:100%;object-fit:cover}.game-art__grid{position:absolute;z-index:0;inset:0;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px;transform:perspective(100px) rotateX(45deg) scale(1.3)}.game-art__sun{position:absolute;z-index:0;top:20%;left:60%;width:5rem;height:5rem;border-radius:50%;background:var(--game-accent);box-shadow:0 0 60px var(--game-accent);opacity:.55}.game-art__token{position:absolute;z-index:3;right:.8rem;bottom:.7rem;display:grid;width:2.3rem;height:2.3rem;border:1px solid rgba(255,255,255,.24);border-radius:.75rem;color:var(--game-accent);background:#080a12bd;place-items:center;backdrop-filter:blur(8px)}.game-art__token svg{width:1.05rem}.game-card__content{padding:.9rem 1rem 1rem}.game-card__meta{display:flex;align-items:center;gap:.55rem;color:var(--faint);font-size:.62rem;font-weight:700}.game-card h3{margin-top:.55rem;font-size:1.35rem;letter-spacing:-.035em}.game-card p{min-height:2.45rem;margin-top:.28rem;color:var(--muted);font-size:.75rem;line-height:1.55}.game-card__footer{display:flex;margin-top:.9rem;padding-top:.75rem;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:.7rem}.game-card__record{display:flex;margin-top:.65rem;align-items:center;gap:.4rem;color:var(--muted);font-size:.7rem}.game-card__record svg{width:.9rem;color:var(--game-accent)}.game-card__record strong{margin-left:.2rem;color:var(--ink);font-variant-numeric:tabular-nums}.game-card__loadout{display:flex;min-width:0;align-items:center;gap:.55rem}.game-card__loadout>span:last-child{display:flex;min-width:0;flex-direction:column}.game-card__loadout small{color:var(--faint);font-size:.52rem;text-transform:uppercase;letter-spacing:.08em}.game-card__loadout span{overflow:hidden;font-size:.68rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.play-button{display:flex;padding-inline:.85rem;height:2.85rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.35rem;border-radius:.9rem;font-size:.8rem;font-weight:850;color:#0b0c13;background:var(--game-accent);box-shadow:0 7px 22px color-mix(in srgb,var(--game-accent) 30%,transparent),inset 0 1px #fff;place-items:center}.play-button svg{width:1.15rem;margin-left:.1rem;fill:currentColor}.quick-games{display:grid;gap:.65rem}.quick-game{display:flex;min-width:0;min-height:6rem;padding:.6rem;align-items:center;gap:.85rem;border:1px solid var(--line);border-radius:1.1rem;background:linear-gradient(110deg,color-mix(in srgb,var(--game-accent) 9%,var(--surface)),var(--surface));text-align:left}.quick-game .game-art{width:5rem;height:5rem;min-height:0;flex:0 0 auto;border-radius:.7rem}.quick-game .game-art__token{display:none}.quick-game__copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:.3rem}.quick-game__copy strong{font-size:.95rem;letter-spacing:-.02em}.quick-game__copy small{color:var(--muted);font-size:.65rem;line-height:1.4}.quick-game__copy>span{color:var(--game-accent);font-size:.66rem;font-weight:650}.quick-game>svg{width:1rem;flex:0 0 auto;margin-right:.3rem;color:var(--game-accent);fill:currentColor}.daily-challenge{display:flex;width:100%;margin-top:1rem;padding:1rem;align-items:center;gap:.75rem;border:1px solid rgba(139,124,255,.25);border-radius:1.1rem;background:linear-gradient(110deg,#8b7cff24,#35e0c10a);text-align:left}.daily-challenge__icon{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;border-radius:.8rem;color:var(--gold);background:#ffcf5a17;place-items:center}.daily-challenge__icon svg{width:1.2rem}.daily-challenge>span:nth-child(2){flex:1;min-width:0}.daily-challenge strong{display:block;font-size:.8rem}.daily-challenge small{display:block;margin-top:.3rem;color:var(--muted);font-size:.65rem;line-height:1.45}.daily-challenge>svg{width:1rem;flex:0 0 auto;color:var(--violet)}.roadmap-note{display:flex;margin:1.3rem 0 0;padding-inline:.35rem;align-items:flex-start;gap:.6rem;color:var(--muted);font-size:.68rem;line-height:1.6}.roadmap-note svg{width:1rem;flex:0 0 auto;color:var(--violet)}.vault-tools{margin-bottom:1rem}.vault-search{display:flex;align-items:center;gap:.6rem;padding:.15rem .85rem;border:1px solid var(--line-bright);border-radius:.85rem;background:var(--surface)}.vault-search:focus-within{border-color:var(--violet)}.vault-search>svg{width:1.1rem;color:var(--muted);flex:0 0 auto}.vault-search input{width:100%;min-width:0;min-height:2.8rem;border:0;color:var(--ink);background:transparent;font-size:1rem;color-scheme:dark}.vault-search input::placeholder{color:var(--muted);font-size:.8rem}.collection-filters{display:flex;flex-wrap:wrap;margin-top:.6rem;gap:.4rem}.collection-filters button{display:flex;min-height:2.75rem;padding:.4rem .65rem;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:.75rem;color:var(--muted);background:var(--surface);font-size:.68rem;font-weight:700}.collection-filters button[aria-pressed=true]{border-color:var(--violet);color:#e4dfff;background:#8b7cff29}.collection-filters button span{font-size:.6rem;opacity:.8;font-variant-numeric:tabular-nums}.collection-count{margin-top:.65rem;color:var(--muted);font-size:.64rem}.rank-play{width:100%;margin-bottom:1rem}.rank-play>span{margin-left:auto;opacity:.7;font-size:.7rem}.gift-card__copy strong,.equipped-hero h2,.profile-hero h1{overflow-wrap:anywhere}.mission-card,.event-card,.loadout-card{width:100%;border:1px solid var(--line);border-radius:1.25rem;background:var(--surface)}.mission-card{margin-top:1rem;padding:1rem}.mission-card__top{display:flex;align-items:center;gap:.7rem}.mission-card__icon{display:grid;width:2.6rem;height:2.6rem;flex:0 0 auto;border-radius:.85rem;color:var(--gold);background:#ffcf5a1a;place-items:center}.mission-card__icon svg{width:1.15rem}.mission-card__top>div{flex:1}.mission-card h2{margin-top:.15rem;font-size:.94rem}.mission-card>p{margin:.55rem 0 .7rem 3.3rem;color:var(--muted);font-size:.7rem}.mission-card__progress{display:flex;align-items:center;gap:.65rem}.mission-card__progress strong{color:var(--gold);font-size:.65rem}.event-card{position:relative;display:flex;min-height:10rem;margin-top:1rem;padding:1rem;overflow:hidden;background:radial-gradient(circle at 90% 20%,rgba(255,92,184,.28),transparent 44%),linear-gradient(145deg,#19162c,#10131d)}.event-card__copy{position:relative;z-index:2;width:67%}.event-card h2{margin-top:.65rem;font-size:1.25rem}.event-card p{max-width:15rem;margin-top:.28rem;color:#aaa9bd;font-size:.69rem;line-height:1.45}.event-countdown{display:flex;margin-top:.8rem;align-items:center;gap:.45rem}.event-countdown span{display:flex;flex-direction:column;color:var(--faint);font-size:.43rem;font-weight:800;letter-spacing:.08em}.event-countdown strong{color:#fff;font-size:.9rem}.event-countdown i{color:var(--faint);font-style:normal}.event-card__visual{position:absolute;z-index:1;top:0;right:0;bottom:0;width:40%}.event-card__visual .gift-avatar{position:absolute;top:50%;left:50%;transform:translate(-42%,-50%) rotate(6deg)}.event-card__visual>span{position:absolute;inset:18%;border:1px solid rgba(139,124,255,.25);border-radius:50%}.event-card__visual>span:nth-child(2){inset:4%;transform:rotate(35deg);border-color:#ff5cb82b}.loadout-card{display:flex;padding:.8rem;align-items:center;gap:.85rem;color:inherit;text-align:left}.loadout-card__copy{display:flex;min-width:0;flex:1;flex-direction:column}.loadout-card__copy small{color:var(--violet);font-size:.55rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.loadout-card__copy strong{margin-top:.18rem;font-size:.95rem}.loadout-card__copy span{margin-top:.15rem;overflow:hidden;color:var(--muted);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.loadout-card>svg{width:1.1rem;color:var(--faint)}.arcade-summary{display:grid;margin-bottom:1rem;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:1rem;background:#ffffff07}.arcade-summary>div{display:flex;padding:.78rem .45rem;align-items:center;flex-direction:column;gap:.22rem}.arcade-summary>div+div{border-left:1px solid var(--line)}.arcade-summary small{color:var(--faint);font-size:.46rem;font-weight:850;letter-spacing:.09em}.arcade-summary strong{font-size:1rem}.game-list{display:grid;gap:1rem}.coming-banner{display:flex;margin-top:1rem;padding:1rem;align-items:center;gap:.8rem;border:1px dashed var(--line-bright);border-radius:1rem}.coming-banner__icon{display:grid;width:2.7rem;height:2.7rem;border-radius:.85rem;color:var(--muted);background:#ffffff0d;place-items:center}.coming-banner__icon svg{width:1.15rem}.coming-banner>span:last-child{display:flex;flex-direction:column}.coming-banner small{color:var(--faint);font-size:.5rem;font-weight:850;letter-spacing:.1em}.coming-banner strong{margin-top:.18rem;font-size:.75rem}.equipped-hero{position:relative;display:flex;min-height:8.7rem;padding:1rem;align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--gift-primary) 28%,var(--line));border-radius:1.35rem;background:radial-gradient(circle at 85% 30%,color-mix(in srgb,var(--gift-primary) 38%,transparent),transparent 48%),linear-gradient(145deg,color-mix(in srgb,var(--gift-secondary) 25%,#171925),#10121b)}.equipped-hero:after{position:absolute;right:-2rem;width:10rem;height:10rem;content:"";border:1px solid color-mix(in srgb,var(--gift-accent) 22%,transparent);border-radius:50%}.equipped-hero>div{position:relative;z-index:2;flex:1}.equipped-hero h2{margin-top:.65rem;font-size:1.3rem}.equipped-hero p{margin-top:.22rem;color:var(--muted);font-size:.7rem}.equipped-hero>.gift-avatar{z-index:2;margin-right:.3rem;transform:rotate(5deg)}.gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.gift-card{min-width:0;padding:.6rem;border:1px solid var(--line);border-radius:1.1rem;color:inherit;text-align:left;background:var(--surface)}.gift-card.is-equipped{border-color:#35e0c173;box-shadow:0 0 0 1px #35e0c11a}.gift-card__visual{position:relative;display:grid;height:7.1rem;overflow:hidden;border-radius:.8rem;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--gift-primary) 48%,transparent),transparent 38%),linear-gradient(160deg,color-mix(in srgb,var(--gift-secondary) 36%,#1d2030),#10121b);place-items:center}.gift-card__visual:before{position:absolute;width:5.8rem;height:5.8rem;content:"";border:1px solid rgba(255,255,255,.08);border-radius:50%}.gift-card__visual .gift-avatar{z-index:1}.serial{position:absolute;right:.4rem;bottom:.4rem;z-index:2;padding:.18rem .38rem;border-radius:.35rem;color:#dcd8ff;background:#080a12a6;font-size:.52rem;font-weight:800}.equipped-mark{position:absolute;z-index:3;top:.4rem;right:.4rem;display:grid;width:1.35rem;height:1.35rem;border-radius:50%;color:#08110f;background:var(--mint);place-items:center}.equipped-mark svg{width:.75rem}.gift-card__copy{display:flex;padding:.62rem .2rem .18rem;flex-direction:column}.gift-card__copy small{overflow:hidden;color:var(--violet);font-size:.5rem;font-weight:850;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.gift-card__copy strong{margin-top:.2rem;overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.info-strip{display:flex;margin-top:1rem;padding:.85rem;align-items:flex-start;gap:.65rem;border-radius:1rem;color:var(--muted);background:#ffffff09}.info-strip svg{width:1.05rem;flex:0 0 auto;color:var(--mint)}.info-strip p{font-size:.65rem;line-height:1.5}.info-strip strong{color:#c8cad4}.segmented-control{display:grid;margin-bottom:.9rem;padding:.25rem;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:.85rem;background:#ffffff09}.segmented-control--scope{width:min(100%,15rem);margin:-.25rem 0 .9rem auto;grid-template-columns:repeat(2,1fr)}.segmented-control button{min-height:2.35rem;padding:.3rem;border-radius:.62rem;color:var(--muted);background:transparent;font-size:.66rem;font-weight:800}.segmented-control button.is-active{color:var(--ink);background:var(--surface-bright);box-shadow:0 4px 12px #00000040}.rank-banner{display:grid;margin-bottom:.8rem;grid-template-columns:repeat(2,1fr);border:1px solid color-mix(in srgb,var(--game-accent) 25%,var(--line));border-radius:1rem;background:linear-gradient(145deg,color-mix(in srgb,var(--game-accent) 12%,var(--surface)),var(--surface))}.rank-banner>span{display:flex;padding:.85rem;flex-direction:column}.rank-banner>span+span{border-left:1px solid var(--line)}.rank-banner small{color:var(--faint);font-size:.47rem;font-weight:850;letter-spacing:.1em}.rank-banner strong{margin-top:.25rem;color:var(--game-accent);font-size:1.1rem}.rank-list{display:grid;gap:.45rem;list-style:none}.rank-list li{display:flex;min-height:4.15rem;padding:.55rem .7rem;align-items:center;gap:.7rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.rank-list li.is-you{border-color:#8b7cff6b;background:linear-gradient(90deg,rgba(139,124,255,.13),var(--surface))}.rank-number{width:1.3rem;flex:0 0 auto;color:var(--faint);font-size:.7rem;font-weight:900;text-align:center}.rank-number--1{color:var(--gold);font-size:1rem}.rank-number--2{color:#d3dae5;font-size:.95rem}.rank-number--3{color:#d08a61;font-size:.9rem}.rank-player{display:flex;min-width:0;flex:1;flex-direction:column}.rank-player strong{overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.rank-player small{margin-top:.1rem;overflow:hidden;color:var(--faint);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.rank-score{font-size:.78rem;font-variant-numeric:tabular-nums}.rank-list--loading{padding-top:.1rem}.profile-hero{display:flex;min-height:8.5rem;margin-top:.8rem;padding:1rem;align-items:center;gap:.85rem;border:1px solid var(--line);border-radius:1.4rem;background:radial-gradient(circle at 88% 5%,rgba(139,124,255,.25),transparent 42%),var(--surface)}.profile-avatar{display:grid;width:4rem;height:4rem;overflow:hidden;flex:0 0 auto;border:1px solid rgba(255,255,255,.18);border-radius:1.35rem;color:#10111a;background:linear-gradient(145deg,var(--gold),#ff8c67);font-size:1.15rem;font-weight:950;place-items:center}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero>div:nth-child(2){min-width:0;flex:1}.profile-hero h1{margin-top:.45rem;overflow:hidden;font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap}.profile-hero p{margin-top:.15rem;color:var(--muted);font-size:.65rem}.profile-stats{display:grid;margin-top:.75rem;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:1rem;background:#ffffff06}.profile-stats>div{display:flex;min-width:0;padding:.75rem .25rem;align-items:center;flex-direction:column;gap:.2rem}.profile-stats>div+div{border-left:1px solid var(--line)}.profile-stats small{color:var(--faint);font-size:.44rem;font-weight:850;letter-spacing:.09em}.profile-stats strong{font-size:1rem}.profile-stats strong span{color:var(--faint);font-size:.55rem}.record-list,.settings-list{overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.record-list>div{display:flex;min-height:4rem;padding:.65rem .8rem;align-items:center;gap:.7rem}.record-list>div+div,.settings-list>*+*{border-top:1px solid var(--line)}.record-icon{display:grid;width:2.45rem;height:2.45rem;flex:0 0 auto;border-radius:.75rem;color:var(--gold);background:#ffcf5a14;place-items:center}.record-icon--turf{color:#a89cff;background:#8b7cff1a}.record-icon--river{color:var(--mint);background:#35e0c11a}.record-icon svg{width:1.05rem}.record-list>div>span:nth-child(2){display:flex;flex:1;flex-direction:column}.record-list strong,.settings-list strong{font-size:.72rem}.record-list small,.settings-list small{margin-top:.1rem;color:var(--faint);font-size:.55rem}.record-list b{font-size:.78rem}.settings-list>*{display:flex;width:100%;min-height:4rem;padding:.65rem .8rem;align-items:center;justify-content:space-between;color:inherit;text-align:left;text-decoration:none;background:transparent}.settings-list>*>span{display:flex;align-items:center;gap:.7rem}.settings-list>*>span>svg{width:1.1rem;color:var(--violet)}.settings-list>*>span>span{display:flex;flex-direction:column}.settings-list>*>svg{width:1rem;color:var(--faint)}.profile-footer{display:flex;padding:2.5rem 0 1rem;align-items:center;flex-direction:column;color:var(--faint);text-align:center}.profile-footer p{margin-top:.65rem;font-size:.63rem}.profile-footer small{margin-top:.3rem;font-size:.5rem}.boot-screen,.fatal-screen{display:flex;min-height:100vh;min-height:100dvh;padding:calc(2rem + var(--tg-safe-top)) 1.25rem calc(2rem + var(--tg-safe-bottom));align-items:center;justify-content:center;flex-direction:column}.boot-screen__orb{position:relative;display:grid;width:7rem;height:7rem;margin-bottom:1.4rem;border:1px solid rgba(139,124,255,.35);border-radius:2.1rem;background:radial-gradient(circle at 35% 25%,#c0b9ff,#7263ed 55%,#2b265e);box-shadow:0 0 80px #8b7cff52,inset 0 1px #fff9;place-items:center;animation:boot-pulse 2.2s ease-in-out infinite}.boot-screen__orb:before,.boot-screen__orb:after{position:absolute;width:9rem;height:9rem;content:"";border:1px solid rgba(139,124,255,.18);border-radius:50%;animation:orbit-spin 7s linear infinite}.boot-screen__orb:after{width:11rem;height:11rem;border-style:dashed;animation-direction:reverse;animation-duration:11s}.boot-screen__orb span{color:#fff;font-size:3rem;font-weight:950}.boot-screen__meter{width:11rem;height:.2rem;margin-top:2rem;overflow:hidden;border-radius:99px;background:#ffffff14}.boot-screen__meter span{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,var(--violet),var(--mint));animation:boot-meter 1.2s ease-in-out infinite alternate}.boot-screen>p{margin-top:.65rem;color:var(--faint);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}@keyframes boot-pulse{50%{transform:translateY(-5px) scale(1.025)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes boot-meter{0%{transform:translate(-100%)}to{transform:translate(240%)}}.fatal-screen .state-panel{width:min(100%,28rem)}.onboarding{display:flex;width:100%;max-width:38rem;height:100vh;height:100dvh;margin-inline:auto;padding:var(--tg-safe-top) max(1rem,var(--tg-safe-right)) var(--tg-safe-bottom) max(1rem,var(--tg-safe-left));overflow:hidden;flex-direction:column;background:radial-gradient(circle at 50% 30%,rgba(139,124,255,.14),transparent 45%)}.onboarding__header{display:flex;min-height:4rem;align-items:center;justify-content:space-between}.onboarding__body{display:flex;min-height:0;flex:1;flex-direction:column}.onboarding-art{position:relative;min-height:42vh;min-height:42dvh;overflow:hidden;border:1px solid var(--line);border-radius:1.6rem;background:radial-gradient(circle at 50% 50%,rgba(139,124,255,.28),transparent 35%),linear-gradient(155deg,#1d1833,#10131d)}.onboarding-art:before{position:absolute;inset:0;content:"";background:url(/art/hero-world.webp) center / cover;opacity:.24;mix-blend-mode:screen}.onboarding-art--collection{display:flex;align-items:center;justify-content:center}.onboarding-art--collection .gift-avatar{position:absolute}.onboarding-art--collection .gift-avatar:nth-child(1){left:7%;transform:translateY(32%) rotate(-12deg) scale(.86)}.onboarding-art--collection .gift-avatar:nth-child(2){top:12%;left:20%;transform:rotate(-7deg) scale(.72)}.onboarding-art--collection .gift-avatar:nth-child(3){z-index:2;box-shadow:0 0 80px #8b7cff7a}.onboarding-art--collection .gift-avatar:nth-child(4){top:14%;right:18%;transform:rotate(8deg) scale(.76)}.onboarding-art--collection .gift-avatar:nth-child(5){right:5%;transform:translateY(36%) rotate(13deg) scale(.86)}.onboarding-art--games{display:grid;place-items:center}.onboarding-road{position:absolute;right:-15%;bottom:-20%;left:-15%;height:70%;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.2) 49%,rgba(255,255,255,.2) 51%,transparent 52%),#1e2230;transform:perspective(180px) rotateX(53deg)}.onboarding-road span{position:absolute;right:0;left:0;height:15%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.72) 0 12%,transparent 12% 18%)}.onboarding-road span:nth-child(1){top:12%}.onboarding-road span:nth-child(2){top:48%}.onboarding-road span:nth-child(3){top:84%}.onboarding-art--games .gift-avatar{z-index:2;margin-top:3rem;animation:runner-bob .8s ease-in-out infinite alternate}@keyframes runner-bob{to{transform:translateY(-8px)}}.onboarding-score{position:absolute;z-index:3;top:1rem;right:1rem;display:flex;padding:.55rem .7rem;flex-direction:column;border:1px solid var(--line);border-radius:.7rem;background:#080a12b8}.onboarding-score small{color:var(--faint);font-size:.43rem;font-weight:850;letter-spacing:.1em}.onboarding-score strong{margin-top:.1rem;color:var(--gold);font-size:.9rem}.onboarding-art--equip{display:grid;place-items:center}.onboarding-art--equip .gift-avatar{z-index:2;transform:rotate(-4deg)}.orbit{position:absolute;width:14rem;height:14rem;border:1px solid rgba(139,124,255,.28);border-radius:50%}.orbit--two{width:19rem;height:19rem;border-color:#35e0c121;border-style:dashed}.equip-seal{position:absolute;z-index:3;right:1.1rem;bottom:1rem;display:flex;padding:.45rem .65rem;align-items:center;gap:.35rem;border-radius:.55rem;color:#0a1412;background:var(--mint);font-size:.55rem;font-weight:950;letter-spacing:.08em;transform:rotate(-3deg)}.equip-seal svg{width:.8rem}.onboarding__copy{padding:1.4rem .3rem .5rem;animation:page-in .28s ease both}.onboarding__copy h1{max-width:26rem;margin-top:.5rem;font-size:clamp(2rem,10vw,3.1rem);line-height:.98;letter-spacing:-.06em;text-wrap:balance}.onboarding__copy p{max-width:28rem;margin-top:.8rem;color:var(--muted);font-size:.83rem;line-height:1.6}.onboarding__footer{padding:.65rem 0 .9rem}.pagination{display:flex;height:1.5rem;align-items:center;justify-content:center;gap:.35rem}.pagination span{width:.32rem;height:.32rem;border-radius:99px;background:#414455;transition:.25s ease}.pagination span.is-active{width:1.35rem;background:var(--violet)}}@layer game{.game-session{position:fixed;z-index:80;inset:0;display:flex;width:100%;max-width:38rem;min-height:100vh;min-height:100dvh;margin-inline:auto;overflow:hidden;flex-direction:column;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--game-accent) 13%,transparent),transparent 40%),#080a12}.game-session__header{position:relative;z-index:5;display:flex;min-height:calc(3.75rem + var(--tg-safe-top));padding:calc(.6rem + var(--tg-safe-top)) max(.8rem,var(--tg-safe-right)) .55rem max(.8rem,var(--tg-safe-left));align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080a12db;backdrop-filter:blur(15px)}.game-session__header>div{display:flex;align-items:center;flex-direction:column}.game-session__header small{color:var(--game-accent);font-size:.5rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.game-session__header strong{margin-top:.12rem;font-size:.66rem;letter-spacing:.13em}.game-close{display:grid;width:2.35rem;height:2.35rem;border:1px solid var(--line);border-radius:.75rem;color:var(--muted);background:#ffffff0a;place-items:center}.game-close svg{width:1.05rem}.game-briefing{display:flex;max-width:32rem;min-height:0;margin:auto;padding:1.2rem max(1.15rem,var(--tg-safe-right)) calc(1.5rem + var(--tg-safe-bottom));align-items:center;flex-direction:column;text-align:center}.game-briefing__cabinet{position:relative;display:grid;width:min(68vw,17rem);aspect-ratio:1;margin-bottom:1.3rem;place-items:center}.game-briefing__cabinet:before{position:absolute;inset:10%;content:"";border-radius:35%;background:radial-gradient(circle,color-mix(in srgb,var(--gift-primary) 45%,transparent),transparent 68%);filter:blur(10px)}.game-briefing__rings{position:absolute;inset:4%;border:1px solid color-mix(in srgb,var(--game-accent) 28%,transparent);border-radius:50%;box-shadow:inset 0 0 40px color-mix(in srgb,var(--game-accent) 12%,transparent)}.game-briefing__rings:before,.game-briefing__rings:after{position:absolute;content:"";border:1px dashed rgba(255,255,255,.13);border-radius:50%}.game-briefing__rings:before{inset:12%}.game-briefing__rings:after{inset:28%}.game-briefing__cabinet .gift-avatar{z-index:2;transform:rotate(-4deg)}.game-briefing h1{margin-top:.75rem;font-size:clamp(2rem,10vw,3.2rem);line-height:.95;letter-spacing:-.06em}.game-briefing>p{max-width:25rem;margin:.75rem 0 1rem;color:var(--muted);font-size:.8rem;line-height:1.6}.briefing-facts{display:grid;width:100%;margin-bottom:1.1rem;padding:.75rem;grid-template-columns:1fr auto 1fr;border:1px solid var(--line);border-radius:.9rem;background:#ffffff08}.briefing-facts span{display:flex;align-items:center;flex-direction:column}.briefing-facts i{width:1px;background:var(--line)}.ranked-disclosure{display:grid;width:100%;margin:-.35rem 0 1rem;padding:.72rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;border:1px solid rgba(139,124,255,.22);border-radius:.85rem;color:#bdb5ff;background:#8b7cff14;text-align:left}.ranked-disclosure>svg{width:1rem;margin-top:.08rem}.ranked-disclosure span{display:flex;flex-direction:column;gap:.15rem}.ranked-disclosure strong{color:var(--ink);font-size:.69rem}.ranked-disclosure small{color:var(--muted);font-size:.58rem;line-height:1.45}.briefing-facts small{color:var(--faint);font-size:.45rem;font-weight:850;letter-spacing:.1em}.briefing-facts strong{margin-top:.2rem;overflow:hidden;max-width:9rem;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.game-briefing>.text-button{margin-top:.45rem}.game-playfield{display:flex;min-height:0;flex:1}.game-module-loading{display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:var(--muted);font-size:.72rem}.game-module-loading .result-spinner{width:3rem;height:3rem;margin:0}.canvas-game{display:flex;width:100%;min-height:0;padding:.45rem max(.55rem,var(--tg-safe-right)) calc(.6rem + var(--tg-safe-bottom));align-items:center;flex-direction:column}.game-hud{display:grid;width:100%;max-width:27rem;min-height:3.15rem;margin-bottom:.4rem;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:.85rem;background:#0f111ae0;box-shadow:0 8px 25px #0003}.game-hud span{display:flex;padding:.45rem .25rem;align-items:center;flex-direction:column}.game-hud span+span{border-left:1px solid var(--line)}.game-hud small{color:var(--faint);font-size:.43rem;font-weight:900;letter-spacing:.1em}.game-hud strong{margin-top:.1rem;color:var(--game-accent);font-size:.82rem;font-variant-numeric:tabular-nums}.game-hud .is-urgent strong{color:var(--danger);animation:timer-pulse .6s ease-in-out infinite alternate}@keyframes timer-pulse{to{opacity:.55}}.canvas-game canvas{width:min(100%,calc((100vh - 13.2rem - var(--tg-safe-top) - var(--tg-safe-bottom)) * .5833));width:min(100%,calc((100dvh - 13.2rem - var(--tg-safe-top) - var(--tg-safe-bottom)) * .5833));max-width:100%;max-height:calc(100vh - 13.2rem - var(--tg-safe-top) - var(--tg-safe-bottom));max-height:calc(100dvh - 13.2rem - var(--tg-safe-top) - var(--tg-safe-bottom));height:auto;min-height:0;border:1px solid var(--line);border-radius:1.2rem;box-shadow:0 18px 42px #00000057,0 0 0 1px color-mix(in srgb,var(--game-accent) 8%,transparent);touch-action:none}.canvas-game--turf canvas{width:min(100%,calc((100vh - 13.2rem - var(--tg-safe-top) - var(--tg-safe-bottom)) * .7778));width:min(100%,calc((100dvh - 13.2rem - var(--tg-safe-top) - var(--tg-safe-bottom)) * .7778));max-height:calc(100vh - 13.2rem - var(--tg-safe-top) - var(--tg-safe-bottom));max-height:calc(100dvh - 13.2rem - var(--tg-safe-top) - var(--tg-safe-bottom))}.d-pad,.river-controls{display:grid;width:100%;max-width:22rem;min-height:2.75rem;margin-top:.45rem;grid-template-columns:repeat(4,1fr);gap:.35rem}.d-pad button,.river-controls button{display:flex;min-width:0;min-height:2.7rem;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);border-radius:.75rem;color:#c8cad4;background:#ffffff0d;font-size:1rem;font-weight:900}.d-pad button:active,.river-controls button:active{color:#0b0d14;background:var(--game-accent);transform:scale(.97)}.river-controls small{margin-top:.1rem;color:var(--faint);font-size:.38rem;letter-spacing:.08em}.game-tip{display:flex;min-height:1.4rem;margin-top:.35rem;align-items:center;justify-content:center;gap:.35rem;color:var(--muted);font-size:.58rem;text-align:center}.game-tip svg{width:.75rem;flex:0 0 auto;color:var(--game-accent)}.result-panel{position:relative;display:flex;width:min(100% - 2rem,30rem);min-height:0;margin:auto;padding:2rem 1.2rem calc(2rem + var(--tg-safe-bottom));align-items:center;flex-direction:column;text-align:center}.result-panel__burst{position:absolute;top:-2rem;left:50%;width:18rem;height:18rem;transform:translate(-50%);pointer-events:none}.result-panel__burst span{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--game-accent) 24%,transparent);border-radius:50%}.result-panel__burst span:nth-child(2){inset:18%;border-style:dashed;transform:rotate(30deg)}.result-panel__burst span:nth-child(3){inset:34%;background:radial-gradient(circle,color-mix(in srgb,var(--game-accent) 22%,transparent),transparent 70%)}.result-panel>*:not(.result-panel__burst){position:relative;z-index:2}.result-label{margin-top:3rem;color:var(--faint);font-size:.58rem;font-weight:850;letter-spacing:.16em}.result-panel h1{margin-top:.3rem;font-size:clamp(3.4rem,18vw,5.8rem);line-height:.95;letter-spacing:-.07em;text-shadow:0 0 45px color-mix(in srgb,var(--game-accent) 34%,transparent)}.result-panel>p{max-width:22rem;margin:.6rem 0 1.3rem;color:var(--muted);font-size:.78rem;line-height:1.55}.result-rewards{display:grid;width:100%;margin:1.6rem 0 1.1rem;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:1rem;background:#ffffff09}.result-rewards div{display:flex;padding:.9rem;align-items:center;flex-direction:column}.result-rewards div+div{border-left:1px solid var(--line)}.result-rewards small{color:var(--faint);font-size:.47rem;font-weight:850;letter-spacing:.1em}.result-rewards strong{margin-top:.25rem;color:var(--game-accent);font-size:1.15rem}.result-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:.6rem}.result-action--replay{grid-column:1 / -1}.result-panel--loading h1{margin-top:.7rem;font-size:3rem}.result-spinner{width:4.5rem;height:4.5rem;margin-bottom:1.3rem;border:3px solid rgba(255,255,255,.08);border-top-color:var(--game-accent);border-radius:50%;animation:spin .9s linear infinite}.result-error{display:grid;width:4.5rem;height:4.5rem;margin-bottom:1.2rem;border-radius:1.4rem;color:var(--danger);background:#ff607f1a;place-items:center}.result-error svg{width:2rem}.result-panel--error h1{margin-top:.7rem;font-size:2.2rem}}@layer responsive{@media(min-width:39rem){.app-shell,.onboarding,.game-session,.bottom-nav{border-right:1px solid rgba(255,255,255,.05);border-left:1px solid rgba(255,255,255,.05)}.app-content{padding-inline:1.25rem}.game-list{grid-template-columns:repeat(2,minmax(0,1fr))}.game-list .game-card h3{font-size:1.15rem}}@media(max-height:700px){.onboarding-art{min-height:35vh;min-height:35dvh}.onboarding__copy{padding-top:.9rem}.onboarding__copy h1{font-size:1.85rem}.onboarding__copy p{margin-top:.5rem;font-size:.72rem}.game-briefing__cabinet{width:min(38vh,13rem);width:min(38dvh,13rem);margin-bottom:.65rem}.game-briefing h1{font-size:2rem}.game-briefing>p{margin-block:.45rem .7rem}.canvas-game canvas{width:min(100%,calc((100vh - 12rem - var(--tg-safe-top) - var(--tg-safe-bottom)) * .5833));width:min(100%,calc((100dvh - 12rem - var(--tg-safe-top) - var(--tg-safe-bottom)) * .5833));max-height:calc(100vh - 12rem - var(--tg-safe-top) - var(--tg-safe-bottom));max-height:calc(100dvh - 12rem - var(--tg-safe-top) - var(--tg-safe-bottom))}.game-tip{display:none}.canvas-game--turf canvas{width:min(100%,calc((100dvh - 12rem - var(--tg-safe-top) - var(--tg-safe-bottom)) * .7778))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(forced-colors:active){.gift-avatar,.game-card,.mission-card,.event-card,.equipped-hero{border:1px solid CanvasText}.progress>span{background:Highlight}}}