:root{--abyss: #041324;--deep: #07203a;--mid: #0c3a5e;--shallow: #12648a;--aqua: #3ddcff;--aqua-soft: #8cebff;--mint: #7bf3c9;--coral: #ff7b8a;--sun: #ffd36e;--lilac: #b69bff;--bubble: #e8fbff;--danger: #ff5c77;--safe: #5be7a9;--ink: #082033;--ink-soft: #1b4260;--ocean-gradient: linear-gradient(180deg, var(--deep) 0%, var(--mid) 55%, var(--shallow) 100%);--aqua-gradient: linear-gradient(135deg, var(--aqua-soft) 0%, var(--aqua) 50%, #2c9be0 100%);--coral-gradient: linear-gradient(135deg, #ffb3a0 0%, var(--coral) 50%, #e4568c 100%);--sun-gradient: linear-gradient(135deg, #ffe9a8 0%, var(--sun) 50%, #ff9f5a 100%);--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", Roboto, "Helvetica Neue", sans-serif;--text-display-lg: 700 clamp(2.4rem, 6vw, 4rem) / 1.08 var(--font-sans);--text-display-md: 800 clamp(1.9rem, 4vw, 2.6rem) / 1.15 var(--font-sans);--text-headline: 800 clamp(1.35rem, 2.6vw, 1.65rem) / 1.2 var(--font-sans);--text-title-lg: 800 1.25rem / 1.2 var(--font-sans);--text-title-md: 700 1.0625rem / 1.2 var(--font-sans);--text-body-lg: 500 .9375rem / 1.55 var(--font-sans);--text-body-md: 500 .84375rem / 1.55 var(--font-sans);--text-label-lg: 800 .875rem / 1.2 var(--font-sans);--text-label-sm: 700 .6875rem / 1.2 var(--font-sans);--on-surface: #ffffff;--on-surface-70: rgba(255, 255, 255, .7);--on-surface-60: rgba(255, 255, 255, .6);--on-surface-45: rgba(255, 255, 255, .45);--glass-fill: linear-gradient( 135deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, .05) 100% );--glass-border: rgba(255, 255, 255, .16);--glass-blur: 16px;--r-chip: 12px;--r-card: 18px;--r-panel: 26px;--r-hero: 34px;--r-pill: 999px;--s-1: 4px;--s-2: 6px;--s-3: 8px;--s-4: 10px;--s-5: 12px;--s-6: 14px;--s-7: 18px;--s-8: 22px;--s-9: 32px;--s-10: 48px;--s-11: 72px;--page-max: 1180px;--header-h: 68px;--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--dur-fast: .13s;--dur-base: .22s;--dur-slow: .42s}.glass{position:relative;border-radius:var(--r-panel);background:var(--glass-fill);border:1.2px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur)) saturate(1.2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);padding:var(--s-7);overflow:hidden}.glass--card{border-radius:var(--r-card)}.glass--hero{border-radius:var(--r-hero)}.glass--flat{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff0f}.glass--interactive{transition:transform var(--dur-base) var(--ease-out-cubic),border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.glass--interactive:hover{transform:translateY(-4px);border-color:#ffffff47;box-shadow:0 18px 42px #0413248c}.section-label{display:inline-flex;align-items:center;gap:var(--s-2);font:var(--text-label-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--on-surface-70)}.chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 12px;border-radius:var(--r-chip);font:var(--text-label-sm);letter-spacing:.06em;white-space:nowrap;color:var(--chip-color, var(--aqua));background:color-mix(in srgb,var(--chip-color, var(--aqua)) 16%,transparent);border:1px solid color-mix(in srgb,var(--chip-color, var(--aqua)) 34%,transparent)}.chip--pill{border-radius:var(--r-pill);padding:7px 14px}.chip--solid{color:var(--ink);background:var(--chip-color, var(--aqua));border-color:transparent;font-weight:800}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);height:54px;padding:0 24px;border-radius:var(--r-pill);font:var(--text-title-md);font-weight:900;letter-spacing:.01em;color:var(--ink);background:var(--aqua-gradient);border:1.4px solid rgba(255,255,255,.36);box-shadow:0 10px 26px color-mix(in srgb,var(--btn-glow, var(--aqua)) 46%,transparent);transition:transform var(--dur-fast) ease-out,box-shadow var(--dur-fast) ease-out,opacity var(--dur-base) ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.955);box-shadow:0 3px 12px color-mix(in srgb,var(--btn-glow, var(--aqua)) 28%,transparent)}.btn[disabled],.btn[aria-disabled=true]{opacity:.42;cursor:not-allowed;transform:none}.btn--coral{background:var(--coral-gradient);--btn-glow: var(--coral)}.btn--sun{background:var(--sun-gradient);--btn-glow: var(--sun)}.btn--sm{height:44px;padding:0 18px;font:var(--text-label-lg);font-weight:900}.btn--lg{height:58px;padding:0 30px}.btn--block{width:100%}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);height:52px;padding:0 22px;border-radius:var(--r-pill);font:var(--text-label-lg);color:var(--on-surface);background:#ffffff0f;border:1.3px solid rgba(255,255,255,.3);transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) ease}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff70;color:var(--on-surface)}.btn-ghost:active{transform:scale(.97)}.btn-ghost--sm{height:42px;padding:0 16px;font:var(--text-label-sm);letter-spacing:.06em}.btn-ghost--danger{border-color:color-mix(in srgb,var(--danger) 48%,transparent);color:var(--danger)}.btn-ghost--danger:hover{background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:var(--danger);color:var(--danger)}.btn-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-pill);background:#ffffff1a;border:1px solid rgba(255,255,255,.22);transition:background var(--dur-fast) ease}.btn-icon:hover{background:#ffffff2e}.gradient-text{background:linear-gradient(96deg,#ffffff 0%,var(--aqua-soft) 52%,var(--mint) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.glow-text{text-shadow:0 0 18px rgba(61,220,255,.55)}.stars{display:inline-flex;align-items:center;gap:3px}.stars__item{width:var(--star-size, 16px);height:var(--star-size, 16px);color:#ffffff38;flex-shrink:0}.stars__item.is-filled{color:var(--sun);filter:drop-shadow(0 0 6px rgba(255,211,110,.6))}.stat{display:flex;flex-direction:column;gap:var(--s-2)}.stat__label{font:var(--text-label-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-60)}.stat__value{font:var(--text-display-md);font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat__value small{font-size:.5em;font-weight:700;color:var(--on-surface-45);margin-left:2px}.stat__hint{font:var(--text-body-md);color:var(--on-surface-45)}.meter{height:8px;border-radius:var(--r-pill);background:#ffffff1f;overflow:hidden}.meter__fill{height:100%;border-radius:var(--r-pill);background:var(--aqua-gradient);box-shadow:0 0 14px #3ddcff80;transition:width var(--dur-slow) var(--ease-out-cubic)}.table{width:100%;border-collapse:collapse;font:var(--text-body-md)}.table th{text-align:left;font:var(--text-label-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-60);padding:0 var(--s-5) var(--s-5);white-space:nowrap}.table td{padding:var(--s-6) var(--s-5);border-top:1px solid rgba(255,255,255,.08);vertical-align:middle;color:var(--on-surface-70)}.table td strong{color:var(--on-surface);font-weight:700}.table tbody tr{transition:background var(--dur-fast) ease}.table tbody tr:hover{background:#ffffff0a}.table__num{font-variant-numeric:tabular-nums;white-space:nowrap}.table-scroll{overflow-x:auto;margin:0 calc(var(--s-7) * -1);padding:0 var(--s-7)}.notice{display:flex;align-items:flex-start;gap:var(--s-5);padding:var(--s-6) var(--s-7);border-radius:var(--r-card);font:var(--text-body-md);background:color-mix(in srgb,var(--notice-color, var(--aqua)) 12%,transparent);border:1px solid color-mix(in srgb,var(--notice-color, var(--aqua)) 34%,transparent);color:var(--on-surface)}.notice--danger{--notice-color: var(--danger)}.notice--safe{--notice-color: var(--safe)}.notice--sun{--notice-color: var(--sun)}.notice__icon{flex-shrink:0;color:var(--notice-color, var(--aqua))}.empty{display:grid;place-items:center;gap:var(--s-5);padding:var(--s-10) var(--s-7);text-align:center;color:var(--on-surface-45);font:var(--text-body-md)}.loader{display:inline-flex;align-items:flex-end;gap:6px;height:20px}.loader span{width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px #3ddcffb3;animation:loader-rise 1s var(--ease-out-cubic) infinite}.loader span:nth-child(2){animation-delay:.14s}.loader span:nth-child(3){animation-delay:.28s}@keyframes loader-rise{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-9px);opacity:1}}.loading-block{display:grid;place-items:center;gap:var(--s-5);padding:var(--s-11) 0;color:var(--on-surface-60);font:var(--text-body-md)}.skeleton{border-radius:var(--r-card);background:linear-gradient(100deg,#ffffff0f 30%,#ffffff24,#ffffff0f 70%);background-size:220% 100%;animation:skeleton-slide 1.4s ease-in-out infinite}@keyframes skeleton-slide{0%{background-position:180% 0}to{background-position:-20% 0}}.hero{position:relative;min-height:min(94vh,900px);display:flex;align-items:center;overflow:hidden}.ocean-canvas{position:absolute;inset:0;z-index:0;background:var(--ocean-gradient)}.ocean-canvas canvas{width:100%;height:100%;display:block}.hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#041324db,#04132480 46%,#04132414 78%),linear-gradient(0deg,#041324eb,#04132400 42%)}.hero__inner{position:relative;z-index:2;padding-top:var(--s-11);padding-bottom:var(--s-11);max-width:var(--page-max)}.hero__eyebrow{color:var(--aqua-soft)}.hero__title{font:var(--text-display-lg);letter-spacing:-.03em;margin:var(--s-6) 0 var(--s-4)}.hero__tagline{font:var(--text-headline);color:var(--aqua-soft);margin-bottom:var(--s-6)}.hero__lead{font:var(--text-body-lg);color:var(--on-surface-70);max-width:34rem}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--s-5);margin-top:var(--s-9)}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--s-5);margin-top:var(--s-10)}.hero-stat{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;gap:2px var(--s-3);padding:var(--s-5) var(--s-7);border-radius:var(--r-card);background:#ffffff12;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-stat__icon{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-pill);color:var(--aqua);background:#3ddcff29}.hero-stat__value{font:var(--text-title-lg);font-variant-numeric:tabular-nums}.hero-stat__label{font:var(--text-label-sm);letter-spacing:.1em;color:var(--on-surface-60)}.hero__scroll-cue{position:absolute;left:50%;bottom:var(--s-7);z-index:2;transform:translate(-50%);color:var(--on-surface-45);animation:cue-bob 2.2s var(--ease-out-cubic) infinite}@keyframes cue-bob{0%,to{transform:translate(-50%);opacity:.5}50%{transform:translate(-50%,7px);opacity:1}}.page-head{position:relative;padding:calc(var(--header-h) * .5 + var(--s-10)) 0 var(--s-9);background:radial-gradient(120% 140% at 50% -30%,rgba(61,220,255,.2) 0%,transparent 62%),var(--ocean-gradient);border-bottom:1px solid rgba(255,255,255,.08)}.page-head--sun{background:radial-gradient(120% 140% at 50% -30%,rgba(255,211,110,.22) 0%,transparent 62%),var(--ocean-gradient)}.page-head--dashboard{background:radial-gradient(120% 150% at 20% -40%,rgba(123,243,201,.2) 0%,transparent 60%),var(--ocean-gradient)}.page-head__title{font:var(--text-display-md);letter-spacing:-.02em;margin:var(--s-5) 0 var(--s-4)}.page-head__lead{font:var(--text-body-lg);color:var(--on-surface-70);max-width:46rem}.section__more{margin-top:var(--s-8)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-card);background:#ffffff14;margin-bottom:var(--s-6)}.feature-card__title{font:var(--text-title-lg);margin-bottom:var(--s-4)}.feature-card__body{font:var(--text-body-md);color:var(--on-surface-70)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:var(--s-5)}.item-card{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-6)}.item-card__icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--r-pill);background:#ffffff17}.item-card__name{display:block;font:var(--text-title-md)}.item-card__desc{font:var(--text-body-md);color:var(--on-surface-60)}.stage-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:var(--s-6)}.stage-card{display:flex;flex-direction:column;gap:var(--s-6);padding:var(--s-6)}.stage-card__map{width:100%;height:auto;border-radius:var(--r-chip);overflow:hidden}.stage-card__name{font:var(--text-title-md)}.stage-card__subtitle{font:var(--text-body-md);color:var(--on-surface-60);margin:var(--s-2) 0 var(--s-5)}.stage-card__tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}.stage-card__live{margin-top:var(--s-5);font:var(--text-label-sm);letter-spacing:.04em;color:var(--on-surface-45)}.stage-list{display:grid;gap:var(--s-7)}.stage-row{display:grid;grid-template-columns:minmax(190px,220px) 1fr;gap:var(--s-8);align-items:center}.stage-row__map{position:relative}.stage-row__map svg{width:100%;height:auto;border-radius:var(--r-card)}.stage-row__index{position:absolute;top:var(--s-3);left:var(--s-3);padding:4px 10px;border-radius:var(--r-pill);font:var(--text-label-sm);letter-spacing:.14em;background:#041324b3;color:var(--aqua-soft)}.stage-row__head{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap}.stage-row__name{font:var(--text-headline)}.stage-row__subtitle{font:var(--text-body-lg);color:var(--on-surface-70);margin:var(--s-4) 0 var(--s-7)}.stage-row__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:var(--s-6);margin:0 0 var(--s-7)}.stage-row__facts dt{font:var(--text-label-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-60);margin-bottom:var(--s-2)}.stage-row__facts dd{margin:0;font:var(--text-title-md);font-variant-numeric:tabular-nums}.stage-row__hint{display:flex;align-items:center;gap:var(--s-3);font:var(--text-body-md);color:var(--sun)}@media(max-width:720px){.stage-row{grid-template-columns:1fr}}.character-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:var(--s-5)}.character-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-4);border-radius:var(--r-card);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:transform var(--dur-base) var(--ease-out-cubic),background var(--dur-base) ease}.character-chip:hover{transform:translateY(-5px);background:#ffffff1a}.character-chip strong{font:var(--text-title-md)}.character-chip span{font:var(--text-label-sm);letter-spacing:.06em;color:var(--on-surface-60)}.character-chip__unlock{position:absolute;top:var(--s-4);right:var(--s-4);display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:var(--r-pill);font:var(--text-label-sm);font-style:normal;color:var(--sun);background:#ffd36e29}.character-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.character-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.character-card__art{display:grid;place-items:center;padding:var(--s-8) 0}.character-card__body{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-7)}.character-card__head{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap}.character-card__head h3{font:var(--text-title-lg)}.character-card__story{font:var(--text-body-md);color:var(--on-surface-70)}.character-card__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4) var(--s-6)}.character-card__stats li{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);font:var(--text-label-sm);letter-spacing:.08em;color:var(--on-surface-60)}.dots{display:inline-flex;gap:4px}.dots__dot{width:7px;height:7px;border-radius:50%;background:#ffffff2e}.character-card__skill{padding:var(--s-6);border-radius:var(--r-card);background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.character-card__skill strong{display:flex;align-items:center;gap:var(--s-3);font:var(--text-title-md);margin-bottom:var(--s-3)}.character-card__skill p{font:var(--text-body-md);color:var(--on-surface-70)}.character-card__passive{display:block;margin-top:var(--s-4);font:var(--text-label-sm);letter-spacing:.06em;color:var(--mint)}.rank-preview,.rank-board{display:grid;gap:2px;padding:var(--s-6)}.rank-preview__row,.rank-row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:var(--s-6);padding:var(--s-6) var(--s-5);border-radius:var(--r-chip)}.rank-row.is-me{background:#3ddcff24;box-shadow:inset 0 0 0 1px #3ddcff57}.rank-preview__row+.rank-preview__row,.rank-row+.rank-row{border-top:1px solid rgba(255,255,255,.07)}.rank-medal{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font:var(--text-title-md);font-variant-numeric:tabular-nums;color:var(--ink);background:#ffffff38}.rank-medal--1{background:var(--sun-gradient);box-shadow:0 0 18px #ffd36e80}.rank-medal--2{background:linear-gradient(135deg,#eef4f8,#b3c4d1)}.rank-medal--3{background:linear-gradient(135deg,#ffcfa3,#cf8a53)}.rank-medal--4{background:#ffffff24;color:var(--on-surface);font:var(--text-label-lg)}.rank-preview__name,.rank-row__name{display:flex;align-items:center;gap:var(--s-4);font:var(--text-title-md);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row__badge{padding:2px 8px;border-radius:var(--r-pill);font:var(--text-label-sm);font-style:normal;color:var(--ink);background:var(--aqua)}.rank-preview__cleared,.rank-row__meta{font:var(--text-body-md);color:var(--on-surface-45);white-space:nowrap}.rank-preview__stars,.rank-row__score{display:inline-flex;align-items:center;gap:var(--s-3);font:var(--text-title-md);font-variant-numeric:tabular-nums;color:var(--sun)}.rank-row__score small,.rank-preview__stars small{color:var(--on-surface-45);font:var(--text-body-md)}.rank-mine{margin-top:var(--s-6);font:var(--text-body-md);color:var(--on-surface-70)}.rank-mine strong{color:var(--aqua-soft)}.rank-hint{margin-top:var(--s-6);font:var(--text-body-md);color:var(--on-surface-45)}.tabs{display:flex;gap:var(--s-2);overflow-x:auto;padding-bottom:var(--s-4);margin-bottom:var(--s-7);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:10px 18px;border-radius:var(--r-pill);font:var(--text-label-lg);color:var(--on-surface-70);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.tab:hover{background:#ffffff1f;color:var(--on-surface)}.tab.is-active{color:var(--ink);background:var(--aqua-gradient);border-color:transparent;box-shadow:0 6px 18px #3ddcff57}@media(max-width:620px){.rank-preview__row,.rank-row{grid-template-columns:38px 1fr auto;gap:var(--s-4)}.rank-preview__cleared,.rank-row__meta{grid-column:2 / -1;grid-row:2;font:var(--text-label-sm)}}.link-cta{display:flex;flex-direction:column;gap:var(--s-9);padding:clamp(24px,4vw,48px);align-items:flex-start}.link-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-7);width:100%}.link-step{padding:var(--s-7);border-radius:var(--r-card);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.link-step__num{display:block;font:var(--text-title-lg);color:var(--aqua);margin-bottom:var(--s-4)}.link-step strong{display:block;font:var(--text-title-md);margin-bottom:var(--s-3)}.link-step p{font:var(--text-body-md);color:var(--on-surface-70)}.link-page{position:relative;display:flex;align-items:center;min-height:calc(100vh - var(--header-h));overflow:hidden}.link-page__scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(90% 70% at 50% 50%,#041324b8,#041324f0);pointer-events:none}.link-page__inner{position:relative;z-index:2;display:grid;place-items:center;padding:var(--s-11) var(--s-8)}.link-panel{display:flex;flex-direction:column;gap:var(--s-7);align-items:center;text-align:center;max-width:560px;width:100%;padding:clamp(26px,4vw,44px)}.link-panel__title{font:var(--text-headline);letter-spacing:-.01em}.link-panel__lead{font:var(--text-body-md);color:var(--on-surface-70)}.link-panel__actions{display:flex;flex-wrap:wrap;gap:var(--s-5);justify-content:center}.link-panel__foot{font:var(--text-body-md);color:var(--on-surface-45)}.code-input{display:flex;gap:var(--s-4);justify-content:center;width:100%}.code-input__box{width:clamp(38px,12vw,58px);height:clamp(52px,15vw,70px);text-align:center;font:var(--text-display-md);font-size:clamp(1.3rem,5vw,1.8rem);text-transform:uppercase;border-radius:var(--r-card);background:#ffffff12;border:1.4px solid rgba(255,255,255,.22);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background var(--dur-fast) ease}.code-input__box:focus{outline:none;border-color:var(--aqua);background:#3ddcff1f;box-shadow:0 0 0 4px #3ddcff2e}.code-input__box.is-filled{border-color:#3ddcff99;color:var(--aqua-soft)}.loader--inline{height:12px}.loader--inline span{width:6px;height:6px;background:var(--ink);box-shadow:none}.dashboard-head{display:flex;flex-wrap:wrap;gap:var(--s-8);align-items:flex-end;justify-content:space-between}.dashboard-head__who{display:flex;align-items:center;gap:var(--s-7)}.dashboard-head__avatar{display:grid;place-items:center;width:92px;height:92px;border-radius:var(--r-panel);border:1px solid rgba(255,255,255,.16);flex-shrink:0}.dashboard-head__meta{font:var(--text-body-md);color:var(--on-surface-60)}.dashboard-head__actions{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center}.dashboard-offline{display:grid;gap:var(--s-7);justify-items:start}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s-6)}.stat-tile{display:flex;flex-direction:column;gap:var(--s-4)}.stat-tile__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.stat-tile__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-pill);background:#ffffff14}.dashboard-panel{display:flex;flex-direction:column;gap:var(--s-7)}.dashboard-panel__head{display:flex;flex-wrap:wrap;gap:var(--s-5);align-items:flex-end;justify-content:space-between}.dashboard-panel__title{font:var(--text-title-lg);margin-top:var(--s-3)}.friend-list{display:grid;gap:2px}.friend-row{display:grid;grid-template-columns:auto minmax(140px,1fr) auto auto;align-items:center;gap:var(--s-5);padding:var(--s-5);border-top:1px solid rgba(255,255,255,.07)}.friend-row>div{display:grid;gap:2px}.friend-row small,.friend-row>span:not(.friend-status){color:var(--on-surface-45)}.friend-status{width:10px;height:10px;border-radius:50%;background:var(--on-surface-45)}.friend-status.is-online{background:var(--mint);box-shadow:0 0 12px #5be7a9cc}.rank-season-meta{margin:0 0 var(--s-5);color:var(--on-surface-60)}.legal-copy{max-width:860px;display:grid;gap:var(--s-5);line-height:1.75}.legal-copy h2{margin-top:var(--s-5);font:var(--text-title-lg)}.legal-copy p{color:var(--on-surface-70)}.code-input__box--single{width:min(100%,360px);letter-spacing:.32em;font-size:clamp(24px,5vw,34px);text-align:center}@media(max-width:620px){.friend-row{grid-template-columns:auto 1fr auto}.friend-row>span:not(.friend-status){display:none}}.chart{margin:0}.chart__svg{width:100%;height:auto}.chart__legend{display:flex;gap:var(--s-7);margin-top:var(--s-4)}.chart__key{display:inline-flex;align-items:center;gap:var(--s-3);font:var(--text-label-sm);letter-spacing:.1em;color:var(--on-surface-60)}.chart__key:before{content:"";width:14px;height:4px;border-radius:var(--r-pill)}.chart__key--bar:before{background:var(--aqua)}.chart__key--line:before{background:var(--sun)}.progress-list{display:grid;gap:2px}.progress-row{display:grid;grid-template-columns:minmax(140px,1.4fr) auto 1fr auto;align-items:center;gap:var(--s-6);padding:var(--s-6) var(--s-5);border-radius:var(--r-chip)}.progress-row+.progress-row{border-top:1px solid rgba(255,255,255,.07)}.progress-row.is-locked{opacity:.55}.progress-row__title{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.progress-row__title strong{font:var(--text-title-md)}.progress-row__meta{font:var(--text-body-md);color:var(--on-surface-45)}.progress-row__rank{justify-self:end}.progress-row__dash{color:var(--on-surface-45)}@media(max-width:760px){.progress-row{grid-template-columns:1fr auto;gap:var(--s-4)}.progress-row__meta{grid-column:1 / -1;grid-row:3}}.store-panel__label{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-7);margin-bottom:var(--s-3)}.store-panel__lead{font:var(--text-body-md);color:var(--on-surface-60);margin:0 0 var(--s-5)}.store-panel__note{display:flex;align-items:center;gap:var(--s-3);margin:var(--s-7) 0 0;padding-top:var(--s-5);border-top:1px solid rgba(255,255,255,.07);font:var(--text-body-md);color:var(--on-surface-60)}.mission-list{display:grid;gap:2px;list-style:none;margin:0;padding:0}.mission-row{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(80px,1fr) auto auto;align-items:center;gap:var(--s-6);padding:var(--s-6) var(--s-5);border-radius:var(--r-chip)}.mission-row+.mission-row{border-top:1px solid rgba(255,255,255,.07)}.mission-row__title{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.mission-row__title strong{font:var(--text-title-md)}.mission-row__meta{font:var(--text-body-md);color:var(--on-surface-45);justify-self:end}@media(max-width:760px){.mission-row{grid-template-columns:1fr auto;gap:var(--s-4)}.mission-row__meta{grid-column:1 / -1;grid-row:3;justify-self:start}}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--s-5);list-style:none;margin:0;padding:0}.skin-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-6);border-radius:var(--r-card);background:#ffffff0d;border:1px solid var(--glass-border)}.skin-card__who{font:var(--text-label-sm);letter-spacing:1.1px;text-transform:uppercase;color:var(--on-surface-45)}.skin-card__name{font:var(--text-title-md)}.hard-mode-note{margin-top:var(--s-8);padding:var(--s-8);display:grid;gap:var(--s-3)}.hard-mode-note__title{font:var(--text-headline);margin:0}.hard-mode-note__body{font:var(--text-body-lg);color:var(--on-surface-70);margin:0}.unlock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--s-5)}.unlock-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-6) var(--s-4);border-radius:var(--r-card);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font:var(--text-label-lg)}.unlock-cell.is-locked{opacity:.6}.unlock-cell.is-selected{border-color:#3ddcff8c;background:#3ddcff1f;box-shadow:0 0 20px #3ddcff38}.unlock-cell__tag{padding:2px 9px;border-radius:var(--r-pill);font:var(--text-label-sm);font-style:normal;color:var(--ink);background:var(--aqua)}.unlock-cell__ok{color:var(--safe)}.unlock-cell__need{display:inline-flex;align-items:center;gap:3px;font:var(--text-label-sm);color:var(--sun)}.table tbody tr.is-rejected td{color:var(--on-surface-45)}.account-row{display:flex;flex-wrap:wrap;gap:var(--s-5);align-items:flex-end}.field{display:flex;flex-direction:column;gap:var(--s-3);flex:1 1 240px;min-width:0}.field__label{font:var(--text-label-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-60)}.field__input{height:48px;padding:0 16px;border-radius:var(--r-card);background:#ffffff12;border:1.3px solid rgba(255,255,255,.2);font:var(--text-body-lg);transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease}.field__input:focus{outline:none;border-color:var(--aqua);background:#3ddcff1a}.field__input::placeholder{color:var(--on-surface-45)}.account-danger{padding-top:var(--s-6);border-top:1px solid rgba(255,255,255,.08)}.account-danger__confirm{display:grid;gap:var(--s-6)}.notfound{display:grid;gap:var(--s-6);justify-items:start;align-content:center;min-height:52vh}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--abyss);color:var(--on-surface);font:var(--text-body-lg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--aqua);text-decoration:none;transition:color var(--dur-fast) ease}a:hover{color:var(--aqua-soft)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input{font:inherit;color:inherit}img,canvas,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:6px}::selection{background:#3ddcff52}*{scrollbar-width:thin;scrollbar-color:rgba(61,220,255,.34) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#3ddcff47;border-radius:999px;border:3px solid transparent;background-clip:content-box}#root{display:flex;min-height:100vh;flex-direction:column}.page{flex:1;animation:page-in var(--dur-slow) var(--ease-out-cubic) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.motion-on [data-reveal],.motion-on [data-hero]{opacity:0}.motion-on [data-reveal][data-revealed="1"],.motion-on [data-hero][data-revealed="1"]{opacity:1}@keyframes page-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.shell{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--s-8)}.section{padding:clamp(56px,9vw,112px) 0;position:relative}.section--tight{padding:clamp(36px,5vw,64px) 0}.section__head{display:flex;flex-direction:column;gap:var(--s-5);margin-bottom:var(--s-9);max-width:720px}.section__title{font:var(--text-display-md);letter-spacing:-.02em}.section__lead{font:var(--text-body-lg);color:var(--on-surface-70)}.grid{display:grid;gap:var(--s-7)}.skip-link{position:fixed;top:-60px;left:var(--s-5);z-index:100;padding:12px 18px;border-radius:var(--r-pill);font:var(--text-label-lg);color:var(--ink);background:var(--aqua);transition:top var(--dur-base) var(--ease-out-cubic)}.skip-link:focus{top:var(--s-5);color:var(--ink)}.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}.site-header{position:sticky;top:0;z-index:60;height:var(--header-h);display:flex;align-items:center;background:#0413249e;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.08)}.site-header__inner{display:flex;align-items:center;gap:var(--s-7);width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--s-8)}.brand{display:inline-flex;align-items:center;gap:var(--s-4);color:var(--on-surface);flex-shrink:0}.brand:hover{color:var(--on-surface)}.brand__mark{width:30px;height:30px;filter:drop-shadow(0 0 12px rgba(61,220,255,.55))}.brand__name{font:var(--text-title-md);letter-spacing:.08em}.site-nav{display:flex;align-items:center;gap:var(--s-2);margin-left:auto}.site-nav__link{padding:9px 14px;border-radius:var(--r-pill);font:var(--text-label-lg);color:var(--on-surface-70);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.site-nav__link:hover{background:#ffffff14;color:var(--on-surface)}.site-nav__link.is-active{background:#3ddcff29;color:var(--aqua-soft)}.site-header__cta{margin-left:var(--s-3)}.site-nav__language{margin-left:var(--s-2)}.site-nav__language select{min-height:38px;padding:0 30px 0 11px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-pill);color:var(--on-surface);background:#ffffff14;font:var(--text-label-md);cursor:pointer}.site-nav__language option{color:#102337;background:#eefaff}.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.22);background:#ffffff14;place-items:center}@media(max-width:860px){.site-nav{position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:var(--s-1);margin:0;padding:var(--s-6) var(--s-8) var(--s-8);background:#041324f5;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--dur-base) ease,transform var(--dur-base) var(--ease-out-cubic)}.site-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.site-nav__link{padding:14px 16px}.nav-toggle{display:grid}.site-header__cta{margin:var(--s-4) 0 0}.site-nav__language{margin:var(--s-3) 0 0}.site-nav__language select{width:100%}}.site-footer{border-top:1px solid rgba(255,255,255,.08);background:#041324b8;padding:var(--s-10) 0 var(--s-9);margin-top:auto}.site-footer__inner{display:flex;flex-wrap:wrap;gap:var(--s-8);justify-content:space-between;align-items:flex-start}.site-footer__note{font:var(--text-body-md);color:var(--on-surface-45);max-width:420px;margin-top:var(--s-4)}.site-footer__links{display:flex;flex-wrap:wrap;gap:var(--s-7);font:var(--text-body-md)}.site-footer__links a{color:var(--on-surface-70)}.site-footer__links a:hover{color:var(--aqua-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}