@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Montserrat:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;900&display=swap');

:root{--navy:#153b50;--navy-2:#0c2b3c;--sky:#51cce5;--sky-pale:#e8f9f8;--cream:#fff8e8;--paper:#fffdf7;--coral:#ff765d;--green:#71c95a;--line:rgba(21,59,80,.14);--shadow:0 18px 50px rgba(20,74,94,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--cream);color:var(--navy);font-family:'Noto Sans KR',sans-serif}body::before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 18% 40%,rgba(81,204,229,.08),transparent 32%),radial-gradient(circle at 85% 75%,rgba(113,201,90,.07),transparent 26%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-noise{position:fixed;z-index:99;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{height:82px;position:fixed;z-index:50;top:0;left:0;right:0;padding:0 max(3vw,24px);display:flex;align-items:center;gap:42px;background:rgba(255,253,247,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:11px;flex:none}.logo__symbol{width:46px;height:46px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--sky),#279ebd);border:3px solid white;border-radius:50% 46% 52% 45%;box-shadow:0 3px 0 #21677d;font:400 18px 'Black Han Sans',sans-serif;transform:rotate(-4deg)}.logo>span:last-child{display:flex;flex-direction:column}.logo strong{font-size:19px;line-height:1.05;letter-spacing:-.06em}.logo small{margin-top:4px;font:700 7px 'Montserrat',sans-serif;letter-spacing:.15em;color:#6f929f}.topnav{display:flex;align-self:stretch;gap:30px;margin-left:2vw}.topnav a{position:relative;display:flex;align-items:center;font-size:13px;font-weight:700;color:#557583}.topnav a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;border-radius:4px 4px 0 0;background:var(--coral);transition:.25s}.topnav a:hover,.topnav a.is-active{color:var(--navy)}.topnav a.is-active::after{left:0;right:0}.server-pill{margin-left:auto;display:grid;grid-template-columns:8px auto;column-gap:8px;align-items:center}.server-pill i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#f2ae42;box-shadow:0 0 0 5px rgba(242,174,66,.15)}.server-pill span{font:800 7px 'Montserrat',sans-serif;letter-spacing:.13em;color:#8aa0a8}.server-pill strong{font-size:11px}.menu-button{display:none;margin-left:auto;border:0;background:none;padding:10px}.menu-button span{display:block;width:22px;height:2px;margin:5px;background:var(--navy)}
main{padding-top:82px}.hero{min-height:680px;position:relative;isolation:isolate;display:flex;align-items:center;padding:72px max(7vw,60px) 108px;overflow:hidden;background:linear-gradient(90deg,rgba(19,69,88,.76) 0%,rgba(29,105,125,.52) 32%,rgba(33,129,153,.07) 64%),url('./assets/damworld-hero.png') 57% center/cover no-repeat}.hero::after{content:"";position:absolute;inset:auto 0 -1px;height:75px;background:var(--cream);clip-path:polygon(0 67%,100% 0,100% 100%,0 100%);z-index:2}.hero__content{position:relative;z-index:3;color:white}.season-chip{display:inline-block;padding:8px 13px;border:1px solid rgba(255,255,255,.55);border-radius:99px;background:rgba(255,255,255,.13);backdrop-filter:blur(7px);font:700 9px 'Montserrat',sans-serif;letter-spacing:.13em}.hero__kicker{margin:25px 0 8px;font-size:15px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.15)}.hero h1{margin:0;font:400 clamp(64px,7.6vw,116px)/.92 'Black Han Sans',sans-serif;letter-spacing:-.07em;text-shadow:0 6px 25px rgba(9,47,63,.18)}.hero h1 em{font-style:normal;color:#f9e77b}.hero__description{margin:27px 0 32px;line-height:1.8;font-size:14px;font-weight:500}.hero__actions{display:flex;gap:10px}.button{min-width:156px;height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:9px;font-size:12px;font-weight:800}.button--primary{color:var(--navy);background:#f9e77b;box-shadow:0 8px 22px rgba(10,51,66,.18)}.button--primary span{font-size:18px}.button--glass{color:white;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.12);backdrop-filter:blur(6px)}.hero__quick{position:absolute;z-index:4;right:max(5vw,40px);bottom:75px;display:flex;padding:19px 12px;border:1px solid rgba(255,255,255,.35);border-radius:17px;background:rgba(15,58,75,.63);box-shadow:0 15px 40px rgba(6,40,54,.16);backdrop-filter:blur(10px);color:white}.hero__quick>div{width:120px;padding:0 20px;border-right:1px solid rgba(255,255,255,.2)}.hero__quick>div:last-child{border:0}.hero__quick span{display:block;font:700 7px 'Montserrat',sans-serif;letter-spacing:.12em;color:#9eeaf4}.hero__quick strong{display:block;margin:5px 0 2px;font:800 30px 'Montserrat',sans-serif}.hero__quick small{font-size:9px;color:rgba(255,255,255,.7)}.hero__credit{position:absolute;z-index:4;right:5vw;top:35px;color:rgba(255,255,255,.67);font:700 7px 'Montserrat',sans-serif;letter-spacing:.13em}
.wiki-shell{width:min(1320px,91%);margin:0 auto;display:grid;grid-template-columns:190px minmax(0,1fr);gap:58px;padding:60px 0 130px}.side-index{position:sticky;top:115px;height:max-content;padding-top:11px}.side-index>p{margin:0 0 19px;font:800 9px 'Montserrat',sans-serif;letter-spacing:.17em;color:#91a9b1}.side-index>a{display:flex;align-items:center;gap:13px;padding:12px 5px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:#607b86}.side-index>a:hover{padding-left:10px;color:var(--coral)}.side-index>a span{font:700 8px 'Montserrat',sans-serif;color:var(--coral)}.side-index__note{margin-top:28px;padding:15px;border-radius:12px;background:#edf8f5;display:flex;gap:10px;align-items:flex-start}.side-index__note b{width:19px;height:19px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;font:700 11px serif}.side-index__note span{font-size:9px;line-height:1.6;color:#69848e}.wiki-content{min-width:0}.wiki-section{padding:48px 0 64px;border-bottom:1px solid var(--line)}.wiki-section:first-child{padding-top:0}.section-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:25px;margin-bottom:28px}.section-heading>div>span{display:block;margin-bottom:7px;color:var(--coral);font:800 9px 'Montserrat',sans-serif;letter-spacing:.16em}.section-heading h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1;letter-spacing:-.06em}.section-heading>p{margin:0 0 3px;font-size:11px;color:#718994}.sample-badge{padding:7px 10px;border-radius:99px;background:#eaf6f3;color:#5b9282;font-size:9px;font-weight:800}.text-link{font-size:11px;font-weight:800;color:#6f8a94}
.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.live-card{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden;transition:.25s}.live-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.live-card__visual{height:157px;position:relative;display:grid;place-items:center;overflow:hidden}.live-card__visual::before,.live-card__visual::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.32);border-radius:50%}.live-card__visual::before{width:180px;height:180px}.live-card__visual::after{width:120px;height:120px}.visual--mint{background:linear-gradient(145deg,#6ed5c2,#3aafae)}.visual--blue{background:linear-gradient(145deg,#70cbed,#318ac3)}.visual--coral{background:linear-gradient(145deg,#ff9a78,#ef665e)}.avatar{position:relative;z-index:2;width:84px;height:84px;display:grid;place-items:center;border:6px solid rgba(255,255,255,.75);border-radius:50% 45% 52% 47%;background:rgba(255,255,255,.3);color:white;font:400 34px 'Black Han Sans',sans-serif;text-shadow:0 3px 0 rgba(0,0,0,.08);transform:rotate(-3deg)}.live-card__visual b{position:absolute;z-index:3;top:13px;left:13px;padding:6px 9px;border-radius:6px;color:white;background:#f14848;font:800 8px 'Montserrat',sans-serif;letter-spacing:.08em}.live-card__visual b i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:white}.live-card__visual small{position:absolute;z-index:3;bottom:10px;right:12px;color:white;font:800 7px 'Montserrat',sans-serif;letter-spacing:.13em}.live-card__body{padding:17px 18px 19px}.live-card__body strong{font-size:16px}.live-card__body p{margin:5px 0 15px;font-size:10px;color:#718994}.live-card__body span{font-size:9px;font-weight:800;color:var(--coral)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.team-card{position:relative;min-height:205px;padding:22px;border:1px solid rgba(21,59,80,.1);border-radius:17px;overflow:hidden;background:var(--paper);transition:.25s}.team-card::after{content:"";position:absolute;right:-28px;bottom:-28px;width:90px;height:90px;border:25px solid currentColor;border-radius:50%;opacity:.12}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.team-card header{display:flex;align-items:center;justify-content:space-between}.team-card header span{font:800 8px 'Montserrat',sans-serif;letter-spacing:.13em;color:#71909c}.team-card header b{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:white;background:currentColor;font-size:14px}.team-card h3{margin:18px 0 13px;font-size:20px;letter-spacing:-.05em}.team-card ul{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none}.team-card li{font-size:11px;color:#607a85}.team-card li::before{content:"·";margin-right:5px;color:currentColor}.team-card--yellow{color:#e7ad26;background:#fff9e7}.team-card--pink{color:#e77fa0;background:#fff1f6}.team-card--blue{color:#479dc9;background:#eef8ff}.team-card--green{color:#72b753;background:#f1faec}.team-card--purple{color:#8c77c5;background:#f5f1ff}.team-card--orange{color:#e5864c;background:#fff4ea}.team-card h3,.team-card li{color:var(--navy)}
.section-heading--people{align-items:center}.search-box{justify-self:end;width:min(290px,100%);height:43px;padding:0 14px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.search-box span{font-size:19px;color:#79929c}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:11px;color:var(--navy)}.filter-tabs{display:flex;gap:7px;margin-bottom:18px;overflow:auto;padding-bottom:3px}.filter-tabs button{flex:none;padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:transparent;color:#718994;font-size:10px;font-weight:700;cursor:pointer}.filter-tabs button.is-active{border-color:var(--navy);background:var(--navy);color:white}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.person-card{min-height:85px;padding:13px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;background:var(--paper);transition:.2s}.person-card:hover{border-color:rgba(81,204,229,.8);box-shadow:0 8px 25px rgba(34,113,137,.08)}.person-card[hidden]{display:none}.person-card__avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:50% 45% 53% 46%;font:400 19px 'Black Han Sans',sans-serif;color:white}.avatar--yellow{background:#e4b842}.avatar--pink{background:#dd82a1}.avatar--blue{background:#5aa8ce}.avatar--green{background:#76b75d}.avatar--purple{background:#8a7ac0}.avatar--orange{background:#df8953}.avatar--coral{background:#ef7563}.person-card h3{margin:0 0 5px;font-size:13px}.person-card p{margin:0;font-size:9px;color:#78909a}.person-card>a{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px}.empty-result{padding:35px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:#78909a;font-size:12px}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.guide-grid>a{min-height:105px;padding:18px;display:grid;grid-template-columns:24px 48px 1fr auto;align-items:center;gap:13px;border:1px solid var(--line);border-radius:13px;background:var(--paper);transition:.2s}.guide-grid>a:hover{border-color:var(--sky);transform:translateX(4px)}.guide-grid>a>b{align-self:start;font:800 8px 'Montserrat',sans-serif;color:var(--coral)}.guide-grid__icon{font-size:31px}.guide-grid h3{margin:0 0 6px;font-size:14px}.guide-grid p{margin:0;font-size:9px;color:#78909a}.guide-grid i{font-style:normal}.notice-list{border-top:2px solid var(--navy)}.notice-list>a{min-height:67px;padding:0 12px;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.notice-list__tag{width:max-content;padding:5px 8px;border-radius:5px;background:#fff0eb;color:#e4614a;font-size:9px;font-weight:800}.tag--event{background:#edf8e8;color:#5e9c48}.tag--update{background:#e9f6fb;color:#408fb1}.notice-list strong{font-size:12px}.notice-list time{font:600 9px 'Montserrat',sans-serif;color:#8ba0a8}
footer{min-height:200px;padding:50px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--navy-2);color:white}.logo--footer .logo__symbol{width:39px;height:39px;font-size:14px}.logo--footer strong{color:white}.logo--footer small{color:#6f9bac}footer>p{font-size:9px;color:#7395a2}footer>a:last-child{font:700 9px 'Montserrat',sans-serif;letter-spacing:.1em}
@media(max-width:1050px){.topbar{gap:20px}.topnav{gap:18px}.server-pill{display:none}.wiki-shell{grid-template-columns:150px minmax(0,1fr);gap:35px}.team-grid,.people-grid{grid-template-columns:1fr 1fr}.hero__quick{right:30px}.hero__quick>div{width:100px;padding:0 14px}}
@media(max-width:760px){html{scroll-padding-top:70px}.topbar{height:70px}.topnav{position:absolute;top:70px;left:0;right:0;margin:0;padding:25px;display:none;flex-direction:column;gap:0;background:var(--paper);box-shadow:0 15px 30px rgba(15,59,76,.12)}.topnav.is-open{display:flex}.topnav a{padding:13px;border-bottom:1px solid var(--line)}.topnav a::after{display:none}.menu-button{display:block}.logo__symbol{width:39px;height:39px;font-size:15px}.logo strong{font-size:17px}main{padding-top:70px}.hero{min-height:700px;padding:80px 7vw 195px;align-items:flex-start;background:linear-gradient(180deg,rgba(17,67,87,.42),rgba(15,57,73,.15)),url('./assets/damworld-hero.png') 65% center/cover}.hero__kicker{margin-top:22px}.hero h1{font-size:clamp(56px,15vw,86px)}.hero__description{font-size:12px}.hero__quick{left:6vw;right:6vw;bottom:76px;justify-content:center}.hero__quick>div{flex:1;text-align:center}.hero__credit{display:none}.wiki-shell{width:88%;display:block;padding-top:25px}.side-index{display:none}.wiki-section{padding:50px 0}.section-heading{grid-template-columns:1fr auto;gap:12px}.section-heading>p{grid-column:1/3;grid-row:2}.live-grid{grid-template-columns:1fr}.live-card{display:grid;grid-template-columns:42% 1fr}.live-card__visual{height:145px}.team-grid{grid-template-columns:1fr 1fr}.people-grid{grid-template-columns:1fr 1fr}.section-heading--people{display:grid}.search-box{grid-column:1/3;grid-row:2;width:100%;justify-self:stretch}.guide-grid{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.hero{min-height:670px}.hero__actions{flex-direction:column;align-items:flex-start}.button{width:170px}.hero__quick{padding:16px 5px}.hero__quick>div{padding:0 7px}.hero__quick strong{font-size:23px}.hero__quick small{font-size:8px}.section-heading h2{font-size:27px}.team-grid,.people-grid{grid-template-columns:1fr}.live-card{grid-template-columns:1fr}.live-card__visual{height:150px}.guide-grid>a{grid-template-columns:20px 40px 1fr auto}.notice-list>a{grid-template-columns:65px 1fr;padding:13px 5px}.notice-list time{grid-column:2}.team-card{min-height:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-card,.team-card,.person-card,.guide-grid>a{transition:none}}