*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg:#121316;--surface:#1a1b1f;--surface-alt:#232429;--text:#f2f3f5;--text-muted:#9a9eaa;--primary:#e94b6a;--primary-hover:#ff6b85;--primary-soft:#3a1a24;--accent:#ff8a4c;--accent-soft:#3a2418;--border:#2c2e36;--radius:14px;--radius-sm:10px;--shadow-sm:0 2px 8px rgba(0,0,0,0.28);--shadow-md:0 12px 28px rgba(0,0,0,0.36);--shadow-lg:0 22px 48px rgba(0,0,0,0.48)}@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#eceef2;--surface:#ffffff;--surface-alt:#f3f4f7;--text:#1a1b1f;--text-muted:#6b7080;--primary:#d63d5c;--primary-hover:#c2304f;--primary-soft:#fde8ec;--accent:#e07a35;--accent-soft:#fff0e6;--border:#d8dbe3;--shadow-sm:0 2px 8px rgba(18,19,22,0.06);--shadow-md:0 10px 28px rgba(18,19,22,0.1);--shadow-lg:0 20px 48px rgba(18,19,22,0.16)}}html{-webkit-text-size-adjust:100%}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;transition:background-color .2s ease,color .2s ease;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(640px 420px at 8% -10%,color-mix(in srgb,var(--primary-soft) 55%,transparent) 0,transparent 70%),radial-gradient(520px 360px at 100% 0,color-mix(in srgb,var(--accent-soft) 40%,transparent) 0,transparent 65%),var(--bg)}.display-font{font-family:var(--font-display),"Pretendard Variable",sans-serif;letter-spacing:.01em}main{flex:1 1;width:100%;padding:24px 16px 64px}.container{max-width:1120px;margin:0 auto;width:100%}.home-shell{display:flex;flex-direction:column;gap:8px}.container.container-wide{max-width:1440px}.site-header{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.logo{font-family:var(--font-display),"Pretendard Variable",sans-serif;display:inline-flex;align-items:center;gap:8px;font-size:1.35rem;color:var(--text);text-decoration:none;letter-spacing:.01em}.logo-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:0;overflow:visible;background:transparent;box-shadow:none;transition:transform .2s ease}.logo-mark-img{width:100%;height:100%;object-fit:contain;display:block}.logo:hover .logo-mark{transform:scale(1.06)}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 0}.nav a{color:var(--text-muted);text-decoration:none;font-weight:600;margin-left:16px;transition:color .15s}.nav a:hover{color:var(--text)}@media (max-width:520px){.nav a{margin-left:10px;font-size:.88rem}}.site-footer{border-top:1px solid var(--border);padding:24px 16px;color:var(--text-muted);font-size:.875rem;text-align:center}.page-title{font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:.01em;margin:8px 0 4px}.page-desc{color:var(--text-muted);margin-bottom:24px}.section-title{font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:1.35rem;letter-spacing:.01em;margin:40px 0 14px}.featured-banner{position:relative;border-radius:var(--radius);overflow:hidden;min-height:clamp(280px,42vw,420px);display:flex;align-items:flex-end;background-size:cover;background-position:50%;box-shadow:var(--shadow-lg);border:1px solid var(--border);margin-bottom:8px}.featured-banner-shade{position:absolute;inset:0;background:linear-gradient(105deg,rgba(10,11,14,.92),rgba(10,11,14,.72) 42%,rgba(10,11,14,.28) 72%,rgba(10,11,14,.12))}.featured-banner-body{position:relative;z-index:1;max-width:560px;padding:clamp(24px,4vw,44px);color:#fff}.featured-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.featured-tags span{font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.88)}.featured-kicker{font-size:.8rem;font-weight:700;color:var(--primary-hover);margin-bottom:6px}.featured-title{font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:clamp(1.85rem,4vw,2.6rem);line-height:1.15;letter-spacing:.01em;margin-bottom:12px;color:#fff}.featured-desc{color:rgba(255,255,255,.78);font-size:.98rem;line-height:1.55;margin-bottom:22px;max-width:44ch}.featured-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-accent{background:linear-gradient(135deg,#ff6b85,#e94b6a 48%,#d63d5c);border-radius:12px;border-color:transparent;padding:12px 26px;font-size:.98rem}.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:12px 22px;font-size:.95rem;box-shadow:none}.btn-ghost:before{display:none}.btn-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);filter:none}.section-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:18px}.section-row .section-title{margin:0 0 4px}.section-lead{color:var(--text-muted);margin:0;font-size:.95rem}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px;margin-top:16px}.poster-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}a.poster-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.poster-card-soon{opacity:.7;filter:grayscale(.2)}.poster-art{aspect-ratio:3/4;background-size:cover;background-position:50%;background-color:var(--surface-alt)}.poster-body{display:flex;flex-direction:column;gap:4px;padding:14px 14px 16px}.poster-kicker{font-size:.72rem;font-weight:800;letter-spacing:.02em}.poster-title{font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:1.2rem;letter-spacing:.01em;line-height:1.25}.poster-meta{font-size:.84rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-cta{align-self:flex-start;margin-top:10px;font-size:.78rem;font-weight:800;color:#fff;background:var(--primary);padding:6px 12px;border-radius:8px}.poster-cta-muted{background:color-mix(in srgb,var(--text-muted) 55%,#555)}@media (max-width:640px){.featured-banner{min-height:340px}.section-row{flex-direction:column;align-items:flex-start}}.games-lobby-foot{margin-top:28px;color:var(--text-muted);font-size:.92rem}.inline-link{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}.home-notices-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px}.home-notices-head .section-title{margin-bottom:0}.section-more{font-size:.9rem;font-weight:700;color:var(--primary);text-decoration:none}.section-more:hover{text-decoration:underline}.home-notice-list{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}.home-notice-item{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px 14px;gap:10px 14px;align-items:center;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.home-notice-item:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));box-shadow:var(--shadow-sm)}.home-notice-title{font-weight:700;font-size:.95rem}.home-notice-item time{font-size:.8rem;color:var(--text-muted);white-space:nowrap}@media (max-width:560px){.home-notice-item{grid-template-columns:1fr;gap:6px}}.notice-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.notice-tab{padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:700;transition:background .15s ease,color .15s ease,border-color .15s ease}.notice-tab:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));color:var(--text)}.notice-tab-active{background:var(--primary);border-color:var(--primary);color:#fff}.notice-filter-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:20px}.notice-empty{color:var(--text-muted);padding:32px 0}.notice-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.notice-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm)}.notice-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.notice-card-meta time{font-size:.8rem;color:var(--text-muted)}.notice-cat{display:inline-block;font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:8px;color:#fff;background:#6b7280}.notice-cat-survivors{background:#e94b6a}.notice-cat-puzzles{background:#3d8bfd}.notice-cat-site{background:#2f9e6e}.notice-card-title{font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:1.25rem;margin:0 0 8px}.notice-card-summary{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0 0 12px}.notice-changes{margin:0;padding-left:1.15rem;color:var(--text);font-size:.92rem;line-height:1.55}.notice-changes li+li{margin-top:4px}.btn{font-family:var(--font-display),"Pretendard Variable",sans-serif;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 100%,white 8%),var(--primary) 55%,var(--primary-hover));color:#fff;padding:13px 32px;border-radius:12px;text-decoration:none;border:1px solid color-mix(in srgb,var(--primary-hover) 70%,black 10%);font-size:1.05rem;letter-spacing:.01em;cursor:pointer;isolation:isolate;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -2px 6px rgba(0,0,0,.12) inset,var(--shadow-md);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 32%);opacity:.8}.btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 -2px 6px rgba(0,0,0,.14) inset,var(--shadow-lg)}.btn:active{transform:translateY(0);filter:brightness(.97)}.btn-secondary{background:linear-gradient(180deg,var(--surface),var(--surface-alt));color:var(--text);border:1px solid var(--border);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,var(--shadow-sm)}.btn-secondary:before{display:none}.btn-secondary:hover{background:linear-gradient(180deg,var(--surface-alt),var(--surface-alt));border-color:var(--primary);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,var(--shadow-md)}.category-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.category-chip{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:7px 18px;text-decoration:none;color:var(--text);font-weight:600;font-size:.9rem;transition:all .15s ease}.category-chip:hover{color:var(--chip-color,var(--primary));transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--chip-color,var(--primary)) 25%,transparent)}.category-chip.active,.category-chip:hover{border-color:var(--chip-color,var(--primary))}.category-chip.active{background:linear-gradient(180deg,color-mix(in srgb,var(--chip-color,var(--primary)) 100%,white 12%),var(--chip-color,var(--primary)));color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,var(--shadow-sm)}.puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px}.puzzle-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--text);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.puzzle-card:before{content:"";display:block;height:4px;background:var(--card-accent,var(--primary))}.puzzle-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px color-mix(in srgb,var(--card-accent,var(--primary)) 22%,transparent),var(--shadow-lg);border-color:var(--card-accent,var(--primary))}.puzzle-card-media{position:relative;overflow:hidden}.puzzle-card img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .35s ease}.puzzle-card:hover img{transform:scale(1.06)}.puzzle-card-badge{position:absolute;top:10px;left:10px;color:#fff;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:999px;box-shadow:var(--shadow-sm)}.puzzle-card-body{padding:14px 16px}.puzzle-card-title{font-weight:700;font-size:.95rem}.puzzle-card-meta{color:var(--text-muted);font-size:.8rem;margin-top:3px}.piece-count-picker{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.piece-count-picker button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:7px 15px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .15s ease}.piece-count-picker button:hover{border-color:var(--primary);color:var(--primary)}.piece-count-picker button.active{background:var(--primary);border-color:var(--primary);color:#fff}.player-canvas-wrap{position:relative;touch-action:none;min-height:60vh}@media (max-width:640px){.player-canvas-wrap{min-height:480px}}.player-canvas-wrap:-webkit-full-screen{width:100%;height:100%;border:none;border-radius:0}.player-canvas-wrap:fullscreen{width:100%;height:100%;border:none;border-radius:0}.player-canvas-wrap canvas{display:block;width:100%;height:auto}.player-preview-img{max-width:min(56%,340px);max-height:42vh;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.puzzle-hud{position:absolute;top:0;left:0;right:0;justify-content:space-between;gap:12px;padding:10px 12px}.puzzle-hud,.puzzle-hud-left{display:flex;align-items:center;pointer-events:none}.puzzle-hud-left{gap:8px}.puzzle-hud-left .icon-btn{pointer-events:auto}.puzzle-hud-stats{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;font-weight:700;font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.puzzle-hud-stats .hud-time{color:var(--accent)}.puzzle-hud-stats .hud-progress{color:var(--text-muted)}.puzzle-hud-actions{display:flex;gap:6px;pointer-events:auto}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text);font-size:.95rem;line-height:1;cursor:pointer;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.icon-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.icon-btn[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.puzzle-meta{margin-top:18px}.puzzle-meta .page-title{font-size:1.35rem;margin-bottom:2px}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:center;padding:24px;overflow-y:auto}.player-overlay h2{font-size:1.7rem;letter-spacing:.01em}.player-overlay .time,.player-overlay h2{font-family:var(--font-display),"Pretendard Variable",sans-serif}.player-overlay .time{font-size:2.5rem;color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-overlay .actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.best-record{color:var(--text-muted);font-size:.9rem}.ad-slot-result{min-height:0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px}.game-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;text-decoration:none;color:var(--text);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.game-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:var(--radius) var(--radius) 0 0;background:var(--card-accent,var(--primary))}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--card-accent,var(--primary))}.game-card-disabled{opacity:.55;cursor:default;pointer-events:none}.game-card-emoji{font-size:2rem}.game-card-title{font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:1.15rem;letter-spacing:.01em}.game-card-tagline{color:var(--text-muted);font-size:.875rem}.game-card-badge{margin-top:4px;background:var(--surface-alt);color:var(--text-muted);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px}body:has(.game-shell-compact) main{padding:8px 12px}body:has(.game-shell-compact) .site-footer{padding:6px 16px;font-size:.75rem}.game-shell-compact .page-title{font-size:clamp(1.15rem,2.4vw,1.5rem);margin:0 0 2px}.game-shell-compact .page-desc{margin-bottom:8px;font-size:.85rem}.game-shell-immersive.container{max-width:1100px}.survivor-page{width:100%}.survivor-canvas-wrap{--sv-bg:#120d20;--sv-panel:rgba(28,22,48,0.82);--sv-panel-border:rgba(156,133,255,0.32);--sv-glow:#9c85ff;--sv-moon:#e4defb;--sv-gold:#ffd166;--sv-hp:#e0524f;--sv-xp:#7b6cff;background:var(--sv-bg)}.survivor-canvas-wrap .player-overlay{color:#f3effa}.survivor-canvas-wrap .key-hint{color:rgba(243,239,250,.62)}.survivor-canvas-wrap .best-record{color:var(--sv-gold,#ffd166)}.survivor-idle-bg{background:linear-gradient(180deg,rgba(10,7,20,.35),rgba(10,7,20,.82)),url(/images/survivors/backgrounds/bg-atmosphere.png);background-size:cover;background-position:center 38%}.survivor-idle-overlay{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-end;padding-bottom:4%;gap:0}.survivor-idle-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:460px;width:min(92vw,460px);padding:28px 28px 26px;border-radius:22px;background:linear-gradient(180deg,rgba(18,13,32,.62),rgba(14,10,28,.88));border:1px solid rgba(156,133,255,.28);box-shadow:0 24px 56px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center}.survivor-brand{margin:0;font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:clamp(1.55rem,3.5vw,2rem);letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px rgba(156,133,255,.45)}.survivor-idle-title{margin:0;font-size:1rem;font-weight:600;color:rgba(255,255,255,.88);text-shadow:0 2px 12px rgba(0,0,0,.5)}.survivor-idle-lead{margin:0;max-width:34em;font-size:.92rem;line-height:1.55;color:rgba(255,255,255,.78)}.survivor-idle-overlay .best-record{margin:0;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.survivor-start-btn{min-width:180px;margin-top:4px}.survivor-controls{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.survivor-controls li{font-size:.78rem;color:rgba(255,255,255,.68);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 10px}.survivor-controls kbd{font-family:inherit;font-weight:700;color:var(--sv-moon,#e4defb)}.survivor-loading-overlay{background:rgba(12,8,24,.72)}.survivor-loading-card{display:flex;flex-direction:column;align-items:center;gap:14px}.survivor-loading-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(156,133,255,.25);border-top:3px solid var(--sv-glow,#9c85ff);animation:survivor-spin .8s linear infinite}@keyframes survivor-spin{to{transform:rotate(1turn)}}.survivor-result-time{font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:clamp(2.2rem,6vw,3rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#fff;line-height:1;text-shadow:0 4px 20px rgba(0,0,0,.45)}.survivor-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;width:100%;margin:4px 0 2px}.survivor-result-stats>div{display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.survivor-result-stat-label{font-size:.7rem;color:rgba(255,255,255,.55);font-weight:700}.survivor-result-stat-value{font-size:1.05rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#fff}.game-shell-compact .player-canvas-wrap{min-height:360px}.survivor-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%}.survivor-hud-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;pointer-events:none;padding:10px 12px 12px;gap:8px;background:linear-gradient(180deg,rgba(10,7,20,.55),rgba(10,7,20,.08) 28%,transparent 42%)}.survivor-hud-overlay .loadout-chip,.survivor-hud-overlay .survivor-mute-btn{pointer-events:auto}.survivor-hud-top{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding-right:40px}.survivor-stat-pill{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--sv-moon,#e4defb);background:rgba(10,8,20,.62);border:1px solid rgba(156,133,255,.28);border-radius:999px;padding:5px 12px;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.survivor-mute-btn{position:absolute;top:0;right:0;flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(10,8,20,.62);border:1px solid rgba(156,133,255,.3);border-radius:999px;cursor:pointer;font-size:.85rem;line-height:1;padding:0;transition:border-color .15s ease,transform .15s ease}.survivor-hud-main{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;max-width:100%}.survivor-hud-vitals{display:flex;flex-direction:column;gap:6px;max-width:360px;min-width:min(220px,100%);flex:1 1 220px}.survivor-vital{display:flex;align-items:center;gap:8px}.survivor-vital-label{flex:0 0 auto;min-width:42px;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:rgba(243,239,250,.85);text-shadow:0 1px 3px rgba(0,0,0,.55)}.survivor-bar{position:relative;flex:1 1;height:18px;background:rgba(10,8,20,.65);border:1px solid rgba(156,133,255,.28);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}.survivor-bar-fill{position:absolute;inset:0 auto 0 0;transition:width .15s ease}.hp-bar .survivor-bar-fill{background:linear-gradient(90deg,#b8322f,#ff7a70);box-shadow:0 0 10px rgba(224,82,79,.55)}.xp-bar .survivor-bar-fill{background:linear-gradient(90deg,#5a3fd4,#b29dff);box-shadow:0 0 10px rgba(156,133,255,.55)}.survivor-bar-label{position:relative;z-index:1;display:flex;height:100%;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#f3effa;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.65)}.survivor-mute-btn:hover{border-color:var(--sv-glow,#9c85ff);transform:translateY(-1px)}.survivor-loadout{display:flex;gap:6px;flex-wrap:wrap;align-self:flex-start;padding:6px;border-radius:14px;background:rgba(10,8,20,.45);border:1px solid rgba(156,133,255,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.loadout-chip{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(18,14,36,.85);border:1px solid rgba(156,133,255,.32);border-radius:10px}.loadout-chip-evolved{border-color:var(--sv-gold,#ffd166);box-shadow:0 0 10px rgba(255,209,102,.5);animation:loadout-evolve-pop .6s ease}@keyframes loadout-evolve-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.loadout-chip-icon{width:22px;height:22px;object-fit:contain}.loadout-chip-level{right:-4px;bottom:-4px;font-size:.62rem;color:#1a1430;background:var(--sv-moon,#e4defb);min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.boss-warning-banner,.loadout-chip-level{position:absolute;font-weight:800;border-radius:999px}.boss-warning-banner{top:52px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#7a1f1f,#e0524f);color:#fff;font-size:.85rem;letter-spacing:.02em;padding:8px 20px;box-shadow:0 0 20px rgba(224,82,79,.65);z-index:3;animation:boss-warning-pulse .7s ease-in-out infinite alternate;pointer-events:none}@keyframes boss-warning-pulse{0%{opacity:.82;transform:translateX(-50%) scale(1)}to{opacity:1;transform:translateX(-50%) scale(1.045)}}.levelup-overlay{gap:18px;background:color-mix(in srgb,var(--sv-bg,#120d20) 78%,transparent);z-index:4;animation:levelup-overlay-in .32s ease}.levelup-overlay-dim{background:color-mix(in srgb,var(--sv-bg,#120d20) 55%,transparent)}@keyframes levelup-overlay-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.levelup-header{text-align:center}.levelup-kicker{margin:0 0 4px;font-size:.75rem;font-weight:800;letter-spacing:.12em;color:var(--sv-gold,#ffd166)}.levelup-header h2{margin:0;font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:1.45rem}.levelup-level-badge{margin:8px 0 0;display:inline-block;font-weight:800;font-size:.85rem;color:#1a1430;background:linear-gradient(90deg,#ffd166,#c9a6ff);padding:4px 12px;border-radius:999px}.upgrade-choices{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.upgrade-card{position:relative;display:flex;flex-direction:column;gap:4px;width:180px;background:linear-gradient(160deg,rgba(38,30,62,.95),rgba(24,18,42,.95));border:2px solid rgba(156,133,255,.22);border-radius:var(--radius-sm);padding:16px;cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .15s ease,filter .15s ease;font-family:inherit;color:#f3effa}.upgrade-card:hover{border-color:rgba(255,230,160,.65);transform:translateY(-3px)}.upgrade-card-dim{opacity:.48;filter:saturate(.7) brightness(.82);transform:scale(.96)}.upgrade-card-dim:hover{opacity:.72;filter:saturate(.85) brightness(.92)}.upgrade-card.selected{opacity:1;filter:none;z-index:2;border-color:#ffe29a;border-width:3px;background:linear-gradient(160deg,rgba(58,46,28,.98),rgba(36,26,48,.98));box-shadow:0 0 0 3px rgba(255,209,102,.55),0 12px 28px rgba(0,0,0,.55),0 0 36px rgba(255,209,102,.35);transform:translateY(-8px) scale(1.08);animation:upgrade-selected-pulse 1.1s ease-in-out infinite alternate}@keyframes upgrade-selected-pulse{0%{box-shadow:0 0 0 3px rgba(255,209,102,.45),0 12px 28px rgba(0,0,0,.55),0 0 28px rgba(255,209,102,.28)}to{box-shadow:0 0 0 4px rgba(255,230,160,.75),0 14px 32px rgba(0,0,0,.6),0 0 42px rgba(255,209,102,.5)}}.upgrade-card-focus-label{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#1a1430;background:linear-gradient(90deg,#ffe7a8,#ffd166);padding:3px 10px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.35);pointer-events:none}.upgrade-card.selected .upgrade-card-icon{filter:drop-shadow(0 0 10px rgba(255,209,102,.7));transform:scale(1.08)}.upgrade-card.selected .upgrade-card-title{color:#ffe7a8}.upgrade-card-icon{align-self:center;width:56px;height:56px;object-fit:contain;margin-bottom:2px;filter:drop-shadow(0 0 6px rgba(156,133,255,.35));transition:transform .15s ease,filter .15s ease}.upgrade-card-title{font-weight:700}.upgrade-card-level{font-size:.75rem;color:var(--sv-gold,#ffd166);font-weight:700}.upgrade-card-desc{font-size:.82rem;color:#b6adcf}.upgrade-card-badge{align-self:flex-start;font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:999px;color:#fff}.upgrade-card-badge-weapon{background:#e0524f}.upgrade-card-badge-magic{background:#6c4fe0}.upgrade-card-badge-passive{background:#2f9e6e}.upgrade-card-synergy{border-color:rgba(255,209,102,.55);box-shadow:0 0 14px rgba(255,209,102,.22)}.upgrade-card-evolve-ready{border-color:var(--sv-gold,#ffd166);box-shadow:0 0 22px rgba(255,209,102,.55);animation:evolve-ready-pulse 1s ease-in-out infinite alternate}.upgrade-card.selected.upgrade-card-evolve-ready,.upgrade-card.selected.upgrade-card-synergy{border-color:#ffe29a;animation:upgrade-selected-pulse 1.1s ease-in-out infinite alternate}@keyframes evolve-ready-pulse{0%{box-shadow:0 0 16px rgba(255,209,102,.4)}to{box-shadow:0 0 28px rgba(255,209,102,.75)}}.upgrade-card-synergy-tag{align-self:flex-start;font-size:.66rem;font-weight:800;color:#1a1430;background:rgba(255,209,102,.85);padding:2px 8px;border-radius:999px;margin-bottom:2px}.upgrade-card-synergy-tag-evolve{background:linear-gradient(90deg,#ffd166,#ff9d5c)}@media (max-width:480px){.upgrade-card{width:132px;padding:10px;gap:2px}.upgrade-card-icon{width:40px;height:40px}.upgrade-choices{gap:8px}.levelup-overlay{padding:14px 10px;gap:10px}}.key-hint{color:var(--text-muted);font-size:.78rem}.evolve-toast{top:14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#6c4fe0,#ffb066);color:#fff;font-weight:700;font-size:.85rem;padding:8px 18px;border-radius:999px;z-index:5;box-shadow:0 0 18px rgba(255,176,102,.5);animation:evolve-toast-in .25s ease}.evolve-celebration,.evolve-toast{position:absolute;pointer-events:none}.evolve-celebration{inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at center,rgba(255,209,102,.22) 0,rgba(18,13,32,.35) 55%,transparent 75%);animation:evolve-celebration-in .4s ease}.evolve-celebration-kicker{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.18em;color:#ffd166;text-transform:uppercase}.evolve-celebration-title{margin:0;font-family:var(--font-display),"Pretendard Variable",sans-serif;font-size:clamp(1.8rem,5vw,2.6rem);color:#fff;text-shadow:0 0 24px rgba(255,209,102,.7),0 4px 20px rgba(0,0,0,.5);animation:evolve-title-pop .55s ease}.evolve-celebration-sub{margin:0;font-size:.95rem;font-weight:700;color:rgba(255,246,200,.9)}@keyframes evolve-celebration-in{0%{opacity:0}to{opacity:1}}@keyframes evolve-title-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes evolve-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.evolve-flash-screen{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at center,rgba(255,230,150,.55) 0,rgba(201,166,255,.25) 40%,transparent 70%);animation:evolve-flash-fade 1.4s ease-out forwards}@keyframes evolve-flash-fade{0%{opacity:1}35%{opacity:.85}to{opacity:0}}.survivor-bar-pulse{animation:survivor-bar-pulse .55s ease;box-shadow:0 0 14px rgba(178,157,255,.7)}@keyframes survivor-bar-pulse{0%{transform:scaleY(1)}40%{transform:scaleY(1.18)}to{transform:scaleY(1)}}.stage-toast{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#b3401f,#ff9d5c);color:#fff;font-weight:800;font-size:.9rem;letter-spacing:.02em;padding:10px 22px;border-radius:999px;box-shadow:0 0 26px rgba(255,138,76,.6);z-index:5;animation:evolve-toast-in .3s ease}