@import url("/css/keilab-home.min.css");:root{--font-sans:Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}@layer base{:root{color-scheme:light;--game-ink:#0f172a;--game-muted:#64748b;--game-line:rgba(203,213,225,.78);--game-sky:#0ea5e9;--game-violet:#8b5cf6}html{overflow-x:hidden;background:#f8fbff;scroll-behavior:smooth}body{min-height:100dvh;overflow-x:hidden;color:var(--game-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a,button{-webkit-tap-highlight-color:transparent}button,progress{font:inherit}:focus-visible{outline:3px solid rgba(2,132,199,.72);outline-offset:3px}}@layer components{.game-body{background:radial-gradient(circle at 8% 1%,rgba(186,230,253,.68),transparent 28rem),radial-gradient(circle at 94% 7%,rgba(221,214,254,.58),transparent 26rem),linear-gradient(180deg,#f9fcff 0%,#f8faff 44%,#fff 100%)}.game-skip-link{position:fixed;top:1rem;left:1rem;z-index:3000;transform:translateY(-150%);border-radius:.75rem;background:#0f172a;padding:.75rem 1rem;color:#fff;font-size:.875rem;font-weight:800;transition:transform .15s ease}.game-skip-link:focus{transform:translateY(0)}.game-shell{width:min(100% - 2rem,1280px);margin-inline:auto;padding-block:clamp(1rem,3vw,2rem) calc(6rem + env(safe-area-inset-bottom,0px))}.game-icon{width:1.15rem;height:1.15rem;flex:0 0 auto}.animate-spin{animation:game-spin .8s linear infinite}.game-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);gap:clamp(1.25rem,3vw,3rem);overflow:hidden;border:1px solid rgba(186,230,253,.92);border-radius:1.75rem;background:rgba(255,255,255,.9);padding:clamp(1.25rem,4vw,3.25rem);box-shadow:0 28px 78px -48px rgba(2,132,199,.45);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.game-hero::before{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to right,#000,rgba(0,0,0,.42),transparent);content:""}.game-hero__glow{position:absolute;z-index:-1;right:-5rem;top:-7rem;width:23rem;height:23rem;border-radius:999px;background:radial-gradient(circle,rgba(196,181,253,.58),rgba(186,230,253,.28) 45%,transparent 70%);filter:blur(8px)}.game-hero__content{min-width:0}.game-kicker,.game-eyebrow{color:#0369a1;font-size:.7rem;font-weight:900;letter-spacing:.13em}.game-kicker{display:inline-flex;min-height:2rem;align-items:center;gap:.4rem;border:1px solid rgba(125,211,252,.72);border-radius:999px;background:rgba(240,249,255,.88);padding:.35rem .7rem}.game-kicker .game-icon{width:.95rem;height:.95rem}.game-hero__copy{max-width:46rem;margin-top:1rem}.game-hero__copy h1{margin:0;color:#0f172a;font-size:clamp(2rem,5vw,3.75rem);font-weight:950;letter-spacing:-.045em;line-height:1.08}.game-hero__copy h1 span{background:linear-gradient(100deg,#0284c7 12%,#7c3aed 86%);background-clip:text;-webkit-background-clip:text;color:transparent}.game-hero__copy p{max-width:38rem;margin:1rem 0 0;color:#526279;font-size:clamp(.92rem,2vw,1.05rem);font-weight:650;line-height:1.75}.game-hero__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.game-button{display:inline-flex;min-height:2.875rem;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:.85rem;padding:.65rem 1rem;font-size:.875rem;font-weight:850;line-height:1.25;text-align:center;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.game-button:hover:not(:disabled){transform:translateY(-1px)}.game-button:disabled{cursor:wait;opacity:.58;transform:none}.game-button--primary{background:linear-gradient(115deg,#0284c7,#4f46e5);color:#fff;box-shadow:0 14px 28px -16px rgba(37,99,235,.75)}.game-button--secondary{border-color:rgba(186,230,253,.94);background:rgba(255,255,255,.86);color:#075985}.game-hero__stats{display:grid;align-self:end;gap:.65rem}.game-hero__stats > div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(226,232,240,.9);border-radius:1rem;background:rgba(255,255,255,.76);padding:.85rem 1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.game-hero__stats dt{color:#64748b;font-size:.76rem;font-weight:800}.game-hero__stats dd{margin:0;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:900}.game-hero__stats small{margin-left:.12rem;font-family:var(--font-sans);font-size:.7rem}.game-dashboard-grid,.game-community-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(19rem,.7fr);gap:1rem;margin-top:1rem}.game-panel{min-width:0;border:1px solid rgba(226,232,240,.9);border-radius:1.35rem;background:rgba(255,255,255,.9);box-shadow:0 24px 60px -48px rgba(15,23,42,.48);-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}.game-section-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:1rem}.game-section-heading h2,.game-boost-card h2{margin:.2rem 0 0;color:#0f172a;font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:900;letter-spacing:-.025em}.game-icon-box{display:inline-grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border:1px solid rgba(186,230,253,.8);border-radius:.9rem;background:#f0f9ff;color:#0369a1}.game-icon-box .game-icon{width:1.35rem;height:1.35rem}.game-icon-box.is-violet{border-color:rgba(221,214,254,.9);background:#f5f3ff;color:#6d28d9}.game-profile{position:relative;isolation:isolate;overflow:hidden;padding:clamp(1.15rem,3vw,1.75rem)}.game-profile::after{position:absolute;z-index:-1;right:-5rem;bottom:-8rem;width:18rem;height:18rem;border-radius:999px;background:radial-gradient(circle,rgba(196,181,253,.25),transparent 68%);content:""}.game-tier-chip{display:inline-flex;min-height:2rem;align-items:center;border:1px solid rgba(186,230,253,.9);border-radius:999px;background:#f0f9ff;padding:.35rem .65rem;color:#0369a1;font-size:.72rem;font-weight:900}.game-profile__main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,2.25rem);margin-top:1.5rem}.game-level-orbit{position:relative;display:grid;width:8.75rem;height:8.75rem;flex:0 0 auto;place-items:center}.game-level-orbit.has-halo::before{position:absolute;inset:-.35rem;border:1px solid rgba(139,92,246,.34);border-radius:999px;background:conic-gradient(from 90deg,transparent,rgba(56,189,248,.34),rgba(167,139,250,.4),transparent 78%);content:"";filter:blur(.5px)}.game-level-orbit.has-motion::before{animation:game-orbit 8s linear infinite}.game-level-radial{--value:0;position:relative;display:grid;width:7.75rem;height:7.75rem;place-content:center;border-radius:999px;background:radial-gradient(circle at center,#fff 0 61%,transparent 62%),conic-gradient(#0ea5e9 calc(var(--value) * 1%),#e0e7ff 0);box-shadow:0 18px 38px -24px rgba(2,132,199,.62);text-align:center}.game-level-radial strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.4rem;font-weight:950}.game-level-radial span{display:block;margin-top:.15rem;color:#64748b;font-size:.7rem;font-weight:850}.game-profile__progress{min-width:0}.game-progress-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#64748b;font-size:.75rem;font-weight:750}.game-progress-label strong{color:#334155;text-align:right}.game-progress{width:100%;height:.55rem;overflow:hidden;border:0;border-radius:999px;background:#e8eef7;color:#0ea5e9;vertical-align:middle}.game-progress::-webkit-progress-bar{border-radius:999px;background:#e8eef7}.game-progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#38bdf8,#8b5cf6)}.game-progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#38bdf8,#8b5cf6)}.game-profile__progress > .game-progress{height:.72rem;margin-top:.65rem}.game-profile__tier-copy,.game-profile__rank{margin:.55rem 0 0;color:#64748b;font-size:.72rem;font-weight:750}.game-profile__metrics{display:grid;grid-template-columns:.65fr .65fr 1.25fr;gap:.65rem;margin-top:1.35rem}.game-profile__metrics > div{min-width:0;border:1px solid rgba(226,232,240,.88);border-radius:.95rem;background:rgba(248,250,252,.78);padding:.85rem}.game-profile__metrics dt{color:#64748b;font-size:.68rem;font-weight:800}.game-profile__metrics dd{overflow:hidden;margin:.25rem 0 0;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:900;text-overflow:ellipsis}.game-profile__next dd{color:#6d28d9}.game-profile__next p{margin:.2rem 0 0;color:#64748b;font-size:.68rem;font-weight:650;line-height:1.45}.game-inline-alert{display:flex;align-items:center;gap:.5rem;margin-top:1rem;border:1px solid rgba(186,230,253,.86);border-radius:.8rem;background:#f0f9ff;padding:.7rem .8rem;color:#075985;font-size:.78rem;font-weight:750}.game-guest-card{display:grid;min-height:19rem;place-items:center;align-content:center;gap:1rem;text-align:center}.game-guest-card__icon{display:grid;width:4rem;height:4rem;place-items:center;border:1px solid rgba(196,181,253,.8);border-radius:1.25rem;background:linear-gradient(145deg,#f0f9ff,#f5f3ff);color:#6d28d9}.game-guest-card__icon .game-icon{width:1.65rem;height:1.65rem}.game-guest-card .prose h2,.game-guest-card .prose p{margin-inline:auto}.game-reward-stack{display:grid;gap:1rem}.game-reward-card,.game-boost-card{padding:1.15rem}.game-reward-card > p,.game-boost-card p{margin:.8rem 0 0;color:#64748b;font-size:.78rem;font-weight:650;line-height:1.6}.game-reward-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:1rem}.game-reward-card__stats div{min-width:0;border-radius:.75rem;background:#f8fafc;padding:.65rem .55rem;text-align:center}.game-reward-card__stats dt{color:#64748b;font-size:.62rem;font-weight:750}.game-reward-card__stats dd{overflow:hidden;margin:.2rem 0 0;color:#0f172a;font-size:.78rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.game-boost-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem}.game-section{margin-top:clamp(2rem,5vw,3.5rem)}.game-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.game-section-title h2{margin:.22rem 0 0;color:#0f172a;font-size:clamp(1.4rem,3vw,2rem);font-weight:950;letter-spacing:-.035em}.game-section-title > p{max-width:27rem;margin:0;color:#64748b;font-size:.8rem;font-weight:650;text-align:right}.game-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.game-mode-card{position:relative;display:flex;min-width:0;min-height:15rem;flex-direction:column;overflow:hidden;border:1px solid rgba(186,230,253,.86);border-radius:1.25rem;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,249,255,.76));padding:1.2rem;box-shadow:0 22px 52px -44px rgba(2,132,199,.5);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-mode-card:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.82);box-shadow:0 28px 58px -40px rgba(2,132,199,.58)}.game-mode-card.is-violet{border-color:rgba(221,214,254,.95);background:linear-gradient(145deg,#fff,rgba(245,243,255,.84))}.game-mode-card.is-violet .game-icon-box{border-color:rgba(196,181,253,.82);background:#f5f3ff;color:#6d28d9}.game-mode-card.is-mint{border-color:rgba(167,243,208,.9);background:linear-gradient(145deg,#fff,rgba(236,253,245,.8))}.game-mode-card.is-mint .game-icon-box{border-color:rgba(167,243,208,.9);background:#ecfdf5;color:#047857}.game-mode-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.game-mode-card__meta{overflow:hidden;border-radius:999px;background:rgba(255,255,255,.78);padding:.35rem .6rem;color:#526279;font-size:.66rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.game-mode-card .prose{margin-top:1.15rem}.game-mode-card .prose h3{margin:0;color:#0f172a;font-size:1.15rem;font-weight:900}.game-mode-card .prose p{margin:.55rem 0 0;color:#64748b;font-size:.8rem;font-weight:650;line-height:1.65}.game-mode-card__action{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:1.1rem;color:#0369a1;font-size:.8rem;font-weight:900}.game-community-grid{margin-top:clamp(2rem,5vw,3.5rem)}.game-ranking,.game-roadmap{padding:1.15rem}.game-rank-list{display:grid;gap:.35rem;margin-top:1rem}.game-rank-row{display:grid;grid-template-columns:5.2rem minmax(0,1fr) minmax(8rem,.65fr);align-items:center;gap:.8rem;min-height:3.8rem;border:1px solid transparent;border-radius:.85rem;padding:.55rem .65rem}.game-rank-row:nth-child(odd){background:#f8fafc}.game-rank-row.is-me{border-color:rgba(125,211,252,.82);background:linear-gradient(90deg,#f0f9ff,#f5f3ff)}.game-rank-badge{display:inline-flex;width:fit-content;min-height:1.8rem;align-items:center;gap:.3rem;border:1px solid #e2e8f0;border-radius:.6rem;background:#fff;padding:.3rem .45rem;color:#475569;font-size:.68rem;font-weight:900}.game-rank-badge .game-icon{width:.9rem;height:.9rem}.game-rank-badge.is-gold{border-color:#fde68a;background:#fffbeb;color:#a16207}.game-rank-badge.is-silver{border-color:#cbd5e1;background:#f8fafc;color:#475569}.game-rank-badge.is-bronze{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.game-rank-user,.game-rank-xp{min-width:0}.game-rank-user strong,.game-rank-xp strong{display:block;overflow:hidden;color:#0f172a;font-size:.78rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.game-rank-user span{display:block;margin-top:.12rem;color:#64748b;font-size:.66rem;font-weight:750}.game-rank-xp strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:right}.game-rank-xp .game-progress{display:block;height:.35rem;margin-top:.35rem}.game-my-rank{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.55rem;margin-top:.8rem;border:1px solid rgba(125,211,252,.82);border-radius:.85rem;background:#f0f9ff;padding:.75rem}.game-my-rank span{color:#0369a1;font-size:.7rem;font-weight:850}.game-my-rank strong{color:#0c4a6e;font-size:.85rem;font-weight:950}.game-my-rank p{overflow:hidden;margin:0;color:#526279;font-size:.7rem;font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}.game-empty-state{display:grid;min-height:14rem;place-items:center;align-content:center;gap:.45rem;color:#64748b;text-align:center}.game-empty-state .game-icon{width:2rem;height:2rem;color:#94a3b8}.game-empty-state strong{color:#334155;font-size:.9rem}.game-empty-state p{margin:0;font-size:.75rem}.game-roadmap__list{display:grid;gap:.55rem;margin-top:1rem}.game-roadmap__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:3.3rem;border:1px solid #e2e8f0;border-radius:.85rem;padding:.55rem .65rem}.game-roadmap__item.is-active{border-color:rgba(139,92,246,.44);background:linear-gradient(90deg,#f0f9ff,#f5f3ff);box-shadow:0 10px 24px -20px rgba(109,40,217,.64)}.game-roadmap__dot{width:.65rem;height:.65rem;border:2px solid #cbd5e1;border-radius:999px;background:#fff}.game-roadmap__item.is-active .game-roadmap__dot{border-color:#7c3aed;background:#a78bfa;box-shadow:0 0 0 4px rgba(196,181,253,.35)}.game-roadmap__item strong,.game-roadmap__item span{display:block}.game-roadmap__item strong{color:#0f172a;font-size:.78rem;font-weight:900}.game-roadmap__item span,.game-roadmap__item small{color:#64748b;font-size:.64rem;font-weight:700}.game-toast{position:fixed;z-index:2500;top:calc(var(--header-height,68px) + 1rem);right:1rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;width:min(calc(100% - 2rem),26rem);align-items:center;gap:.65rem;border:1px solid rgba(186,230,253,.9);border-radius:1rem;background:rgba(255,255,255,.96);padding:.75rem;box-shadow:0 20px 50px -25px rgba(15,23,42,.46);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-toast.hidden{display:none}.game-toast.is-error{border-color:#fecaca}.game-toast__icon{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.7rem;background:#ecfdf5;color:#047857}.game-toast.is-error .game-toast__icon{background:#fff1f2;color:#be123c}.game-toast__message{margin:0;color:#334155;font-size:.76rem;font-weight:750;line-height:1.45}.game-toast__retry,.game-toast__close{min-width:2.75rem;min-height:2.75rem;border:0;border-radius:.7rem;background:transparent;color:#475569;font-size:.72rem;font-weight:850}.game-toast__retry:hover,.game-toast__close:hover{background:#f1f5f9}.game-toast__close{min-width:2rem;font-size:1.25rem}.game-toast__retry.hidden{display:none}}@keyframes game-orbit{to{transform:rotate(360deg)}}@keyframes game-spin{to{transform:rotate(360deg)}}@media (max-width:960px){.game-hero,.game-dashboard-grid,.game-community-grid{grid-template-columns:minmax(0,1fr)}.game-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.game-hero__stats > div{display:block}.game-hero__stats dd{margin-top:.25rem}}@media (max-width:720px){.game-shell{width:min(100% - 1rem,1280px);padding-top:.65rem}.game-hero{border-radius:1.25rem;padding:1.15rem}.game-hero__actions,.game-button{width:100%}.game-hero__stats{gap:.45rem}.game-hero__stats > div{padding:.7rem}.game-hero__stats dt{font-size:.65rem}.game-hero__stats dd{font-size:.9rem}.game-profile__main{grid-template-columns:minmax(0,1fr)}.game-level-orbit{justify-self:center}.game-profile__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.game-profile__next{grid-column:1 / -1}.game-section-title{display:block}.game-section-title > p{margin-top:.5rem;text-align:left}.game-mode-grid{grid-template-columns:minmax(0,1fr)}.game-mode-card{min-height:13.5rem}.game-rank-row{grid-template-columns:4.6rem minmax(0,1fr)}.game-rank-xp{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem}.game-rank-xp strong{text-align:left}.game-rank-xp .game-progress{margin-top:0}}@media (max-width:420px){.game-hero__stats{grid-template-columns:minmax(0,1fr)}.game-hero__stats > div{display:flex}.game-hero__stats dd{margin-top:0}.game-progress-label{display:grid;gap:.25rem}.game-progress-label strong{text-align:left}.game-reward-card__stats{grid-template-columns:minmax(0,1fr)}.game-reward-card__stats div{display:flex;align-items:center;justify-content:space-between;text-align:left}.game-my-rank{grid-template-columns:auto 1fr}.game-my-rank p{grid-column:1 / -1;text-align:left}.game-toast{top:auto;right:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom,0px));width:calc(100% - 1rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media (forced-colors:active){.game-progress,.game-level-radial{forced-color-adjust:auto}}