/* WINSL LIFE: English-only shell. Korean pages do not load this file. */
:root{--wg-bg:#0b0f14;--wg-panel:#111820;--wg-raised:#17202b;--wg-line:#293440;--wg-text:#e5e7eb;--wg-muted:#9ba8b7;--wg-accent:#e7b773;--wg-header-height:76px}
html[data-wins-global],html:has(.wg-home){--site-header-offset:var(--wg-header-height);color-scheme:dark;scroll-padding-top:calc(var(--wg-header-height) + 16px)}
body:has(.wg-header){margin:0;padding-top:var(--wg-header-height);font-family:Pretendard,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}
body:has(.wg-header):not(.light){background:var(--bg-main,var(--wg-bg));color:var(--text-main,var(--wg-text))}
body:has(.wg-header)::after{display:none}
.wg-header,.wg-footer,.wg-home-main,.wg-skip{box-sizing:border-box}
.wg-header *,.wg-footer *,.wg-home-main *{box-sizing:border-box}
.wg-header a,.wg-footer a,.wg-home-main a{color:inherit;text-decoration:none}
.wg-header a:focus-visible,.wg-header summary:focus-visible,.wg-footer a:focus-visible,.wg-home-main a:focus-visible{outline:2px solid var(--wg-accent);outline-offset:4px}
.wg-header{color:var(--wg-text);position:fixed;top:0;left:0;right:0;z-index:80;background:#0d1117;border-bottom:1px solid var(--wg-line)}
.wg-header-inner{max-width:1184px;margin:auto;padding:0 32px;min-height:76px;display:flex;align-items:center;gap:46px}
.wg-brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;line-height:1}
.wg-brand img{width:58px;height:52px;object-fit:contain}
.wg-brand>span{font-size:25px;font-weight:850;letter-spacing:-1px;display:flex;align-items:baseline;gap:8px}
.wg-brand .wg-brand-global{font-size:10px;letter-spacing:1.4px;font-weight:650;color:var(--wg-muted)}
.wg-nav{display:flex;align-self:stretch;gap:28px;align-items:stretch}
.wg-menu{position:relative;display:flex;align-content:center}
.wg-menu summary{display:flex;align-items:center;gap:10px;min-height:76px;list-style:none;font-weight:650;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;padding-top:2px;color:#bcc6d2;user-select:none}
.wg-menu summary::-webkit-details-marker{display:none}
.wg-menu summary>span{color:#8f9bab;font-size:15px;line-height:1}
.wg-menu[open] summary,.wg-menu summary:hover,.wg-menu.wg-current summary{color:var(--wg-text);border-bottom-color:var(--wg-accent)}
.wg-menu-panel{position:absolute;top:100%;left:-16px;width:254px;padding:8px;background:#151d27;border:1px solid #374352;box-shadow:0 10px 20px #0005;border-radius:0 0 4px 4px}
.wg-menu-panel a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;font-size:13px;border-radius:2px}
.wg-menu-panel a:hover,.wg-menu-panel a[aria-current]{background:#25303c;color:#fff}
.wg-menu-panel a[aria-current]{box-shadow:inset 2px 0 var(--wg-accent)}
.wg-menu-panel small{color:#c9af86;font-size:10px}
.wg-menu-note{padding:12px 12px 4px;margin-top:6px;border-top:1px solid var(--wg-line);font-size:10px;letter-spacing:1px;color:var(--wg-muted);text-transform:uppercase}
.wg-language{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:#b8c3ce!important;min-height:44px;white-space:nowrap}
.wg-language>span:first-child{border:1px solid #4b5661;width:22px;height:22px;display:grid;place-items:center;font-size:12px;border-radius:3px}
.wg-language:hover{color:#fff!important}
.wg-skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--wg-accent);color:#161b21;padding:12px 20px;font-weight:700}
.wg-skip:focus{top:8px}
#global-content:focus{outline:none}
.wg-footer{border-top:1px solid var(--wg-line);margin-top:44px;color:#9ba8b7;font-size:11px}
.wg-footer-inner{max-width:1184px;margin:auto;padding:24px 32px 30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.wg-footer strong{color:#c8d1dd;font-weight:700}
.wg-footer-dot{margin:0 9px;color:#627180}
.wg-footer nav{display:flex;gap:22px}
.wg-footer a:hover{color:var(--wg-accent)}
/* The existing translation script stays loaded; only its duplicate floating switch is hidden. */
html[data-wins-global] #siteLanguageSwitch{display:none!important}
/* Keep internal page controls and data styling intact. Only the top presentation is aligned. */
html[data-wins-global] body{font-family:Pretendard,system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-wins-global] body:not(.wg-home) main>section:first-child:not(.sticky-nav),html[data-wins-global] .combat-hero,html[data-wins-global] .tips-hero,html[data-wins-global] .skill-page>.top{background:#111820;border-color:var(--wg-line);box-shadow:none;border-radius:6px}
html[data-wins-global] .sticky-nav{top:calc(var(--wg-header-height) + 8px)}
html[data-wins-global] .en-hero{background:#111820;border-color:var(--wg-line);border-radius:6px;box-shadow:none}
html[data-wins-global] .en-card{background:#111820;border-color:var(--wg-line);border-radius:6px;box-shadow:none}
html[data-wins-global] .en-card:before{display:none}
html[data-wins-global] .en-card:hover{transform:none;border-color:#7d8b9b;box-shadow:none}
/* Home */
.wg-home{font-size:15px;line-height:1.5}
.wg-home-main{max-width:1184px;margin:auto;padding:0 32px}
.wg-home h1,.wg-home h2,.wg-home h3,.wg-home p{margin:0}
.wg-intro{display:flex;align-items:center;justify-content:space-between;padding:36px 0 30px;gap:24px}
.wg-kicker{font-size:10px;letter-spacing:1.9px;font-weight:650;color:var(--wg-accent)}
.wg-intro h1{font-size:38px;line-height:1.12;letter-spacing:-1.2px;font-weight:750;margin:12px 0 12px}
.wg-intro-description{font-size:13px;color:var(--wg-muted)}
.wg-intro-art{position:relative;display:flex;justify-content:center;align-items:end;gap:11px;width:300px;padding-bottom:25px;padding-top:12px;align-self:center}
.wg-intro-art img{object-fit:contain;image-rendering:pixelated;max-height:100px;filter:drop-shadow(0 6px 0 #0004)}
.wg-intro-art>span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#a6b3bf}
.wg-intro-art>span>span{color:var(--wg-accent);margin-left:10px}
.wg-intro-art:hover>span{color:var(--wg-text)}
.wg-jump{display:flex;border-top:1px solid var(--wg-line);border-bottom:1px solid var(--wg-line);gap:30px;margin-bottom:28px}
.wg-jump a{padding:12px 0;font-size:12px;font-weight:650;display:flex;gap:22px}
.wg-jump a:first-child{color:var(--wg-accent)}
.wg-jump a:hover{color:var(--wg-accent)}
.wg-jump span{font-size:9px;color:#7c8b9b;font-variant-numeric:tabular-nums}
.wg-portal{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px 40px}
.wg-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px}
.wg-section-heading h2{font-size:18px;letter-spacing:-.4px;font-weight:750}
.wg-section-heading>span,.wg-section-heading>a{font-size:11px;color:var(--wg-muted)}
.wg-section-heading>a:hover{color:var(--wg-accent)}
.wg-tools{border:1px solid var(--wg-line);border-radius:5px;overflow:hidden;background:var(--wg-panel)}
.wg-tool{display:flex;align-items:center;gap:20px;padding:19px 22px;border-bottom:1px solid var(--wg-line);min-height:100px;position:relative}
.wg-tool:last-child{border:0}
.wg-tool-primary{background:#192129;box-shadow:inset 3px 0 var(--wg-accent);min-height:118px}
.wg-tool:hover{background:#202b36}
.wg-tool-art{width:58px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wg-tool-art img{max-height:64px;max-width:58px;object-fit:contain;image-rendering:pixelated}
.wg-tool-label{display:block;font-size:9px;letter-spacing:1.3px;color:var(--wg-accent);font-weight:650;margin-bottom:6px}
.wg-tool-copy{min-width:0}
.wg-tool h3{font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.3px}
.wg-tool p{font-size:12px;color:var(--wg-muted);margin-top:6px}
.wg-open{margin-left:auto;font-size:23px;color:#8292a1;font-weight:400}
.wg-tool-primary .wg-open{color:var(--wg-accent)}
.wg-korean-tools{margin-top:18px}
.wg-korean-heading{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.wg-korean-heading h3{font-size:11px;font-weight:600;color:var(--wg-muted)}
.wg-korean-heading>span{font-size:10px;color:#c3ac8b;border-left:1px solid #65523a;padding-left:10px}
.wg-korean-tools>div:last-child{display:flex;gap:20px;flex-wrap:wrap}
.wg-korean-tools a{display:inline-flex;gap:10px;align-items:center;font-size:12px;min-height:36px;color:#c6d0da}
.wg-korean-tools a>span{color:#8996a3}
.wg-korean-tools a:hover{color:var(--wg-accent)}
.wg-db-list{border-top:1px solid var(--wg-line)}
.wg-db-list>a{display:flex;align-items:center;gap:15px;padding:17px 8px;border-bottom:1px solid var(--wg-line);min-height:81px}
.wg-db-list>a:hover{background:#151e28}
.wg-db-art{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}
.wg-db-art img{object-fit:contain;image-rendering:pixelated;max-width:44px;max-height:44px}
.wg-db-list h3{font-size:14px;font-weight:650;line-height:1.4}
.wg-db-list p{font-size:11px;color:var(--wg-muted);margin-top:4px}
.wg-db-arrow{color:#8292a1;margin-left:auto;font-size:17px}
.wg-db-note{font-size:11px;color:#8f9cab;margin-top:15px!important}
.wg-guides{grid-column:1/-1;border-top:1px solid var(--wg-line);padding-top:22px}
.wg-guide-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wg-guide-list>a{display:flex;align-items:center;gap:17px;padding:17px 20px;background:var(--wg-panel);border:1px solid var(--wg-line);border-radius:4px;min-height:80px}
.wg-guide-list>a:hover{border-color:#647587;background:#18232e}
.wg-guide-list img{image-rendering:pixelated;object-fit:contain}
.wg-guide-list h3{font-size:14px;font-weight:650}
.wg-guide-list p{font-size:11px;color:var(--wg-muted);margin-top:3px}
.wg-guide-list>a>span:last-child{margin-left:auto;color:var(--wg-accent)}
.wg-guide-number{width:32px;color:#aab9c9;font:700 10px ui-monospace,monospace;text-align:center;letter-spacing:1px;flex-shrink:0}
.wg-server-note{border-top:1px solid var(--wg-line);margin-top:27px!important;padding-top:16px;font-size:11px;color:#8e9baa}
.wg-home .wg-footer{margin-top:28px}
@media(max-width:850px){
 .wg-header-inner{gap:24px;padding:0 22px}.wg-nav{gap:18px}.wg-brand>span{font-size:22px}.wg-brand .wg-brand-global{font-size:9px;letter-spacing:1px}
 .wg-home-main{padding:0 22px}.wg-portal{gap:24px}.wg-tool{gap:13px;padding:18px 16px}.wg-tool h3{font-size:16px}.wg-tool p{font-size:11px}.wg-section-heading>span{display:none}.wg-db-list>a{gap:8px;padding:17px 0}.wg-db-list h3{font-size:13px}.wg-db-list p{font-size:10px}.wg-intro-art{width:230px;gap:4px}.wg-intro h1{font-size:34px}
}
@media(max-width:620px){
 :root{--wg-header-height:112px}
 .wg-header-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:64px 47px;padding:0 20px;gap:0}
 .wg-brand{gap:8px}.wg-brand img{width:47px;height:44px}.wg-brand>span{font-size:22px;gap:7px}.wg-brand .wg-brand-global{font-size:9px}
 .wg-nav{grid-column:1/-1;grid-row:2;gap:0;justify-content:space-between;border-top:1px solid #222c37}
 .wg-menu{position:static;flex:1}.wg-menu summary{min-height:47px;font-size:12px;justify-content:center;gap:9px;padding-top:0}
 .wg-menu:first-child summary{justify-content:flex-start}.wg-menu:last-child summary{justify-content:flex-end}
 .wg-menu-panel{left:12px;right:12px;width:auto;top:100%;border-top:0;padding:8px;max-height:calc(100dvh - 130px);overflow-y:auto}
 .wg-menu-panel a{min-height:44px;font-size:14px}.wg-language{grid-row:1;grid-column:2;font-size:11px}
 .wg-home-main{padding:0 20px}.wg-intro{padding:27px 0 23px;gap:10px;align-items:start}.wg-intro h1{font-size:30px;letter-spacing:-1px;line-height:1.12;margin:10px 0}.wg-kicker{font-size:8px;letter-spacing:1.3px}
 .wg-intro-description{font-size:11px;max-width:225px;line-height:1.7}.wg-intro-art{width:68px;padding:0;align-self:center}.wg-intro-art img{width:64px;height:78px;max-height:78px}.wg-intro-art img:first-child,.wg-intro-art img:nth-child(3),.wg-intro-art>span{display:none}
 .wg-jump{gap:0;justify-content:space-between;margin-bottom:24px}.wg-jump a{font-size:11px;gap:15px;padding:11px 0}.wg-jump span{font-size:8px}
 .wg-portal{grid-template-columns:1fr;gap:29px}.wg-section-heading{margin-bottom:11px}.wg-section-heading h2{font-size:17px}.wg-section-heading>span{display:block;font-size:10px}.wg-section-heading>a{font-size:10px}
 .wg-tool{padding:16px;gap:15px;min-height:93px}.wg-tool-primary{min-height:105px}.wg-tool h3{font-size:16px}.wg-tool p{font-size:11px;line-height:1.5}.wg-tool-art{width:43px;height:54px}.wg-tool-art img{max-width:43px;max-height:54px}.wg-open{font-size:19px}
 .wg-korean-tools{margin-top:14px}.wg-korean-tools>div:last-child{gap:5px 21px}.wg-korean-tools a{font-size:11px;gap:8px;min-height:38px}
 .wg-db-list>a{padding:14px 6px;gap:14px;min-height:77px}.wg-db-list h3{font-size:14px}.wg-db-list p{font-size:11px}.wg-db-note{font-size:10px}
 .wg-guides{grid-column:auto;padding-top:0;border:0}.wg-guide-list{grid-template-columns:1fr;gap:10px}.wg-guide-list>a{padding:16px;min-height:79px}
 .wg-server-note{font-size:10px;line-height:1.8;margin-top:25px!important}.wg-footer-inner{padding:22px 20px 28px;gap:15px;font-size:10px}.wg-footer nav{gap:20px}
 html[data-wins-global] .sticky-nav{top:calc(var(--wg-header-height) + 4px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wg-header *, .wg-home-main *{transition:none!important;animation:none!important}}