:root{--stone: #d9cfc0;--stone-dark: #b8ab99;--stone-light: #ece4d6;--leather: #7a4b2a;--leather-dark: #4f2f1a;--bone: #f2e9d8;--ink: #3b2a1e;--ink-dim: #6e5a49;--line: #cfc3b1;--gold: #c99a3a;--sky: #0d1118;--red: #b8412f;--purple: #6b4e8a;--pink: #b8567f;--orange: #c2731c;--green: #4c8a4a;--terra: #b07a3c;--aqua: #3f8fc4;--ignis: #d9532b;--aero: #5fb39a;--radius: 16px}*{box-sizing:border-box}html{scroll-behavior:smooth}[id]{scroll-margin-top:88px}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bone);color:var(--ink);font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;line-height:1.65;background-image:radial-gradient(rgba(122,75,42,.07) 1px,transparent 1px);background-size:14px 14px}main{flex:1;padding-bottom:56px;position:relative;z-index:1}a{color:var(--leather)}a:hover{color:var(--leather-dark)}img{max-width:100%;height:auto}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}.decor{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.decor img{position:absolute;opacity:.55;filter:drop-shadow(0 4px 3px rgba(0,0,0,.15));animation:sway var(--d, 6s) ease-in-out infinite;animation-delay:var(--o, 0s)}@keyframes sway{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-6px) rotate(1.5deg)}}@media(max-width:1400px){.decor img.side{display:none}}header,footer{position:relative;z-index:1}.top{position:sticky;top:0;z-index:20;background:var(--leather);border-bottom:4px solid var(--leather-dark);box-shadow:0 3px 10px #00000040}.top .wrap{display:flex;align-items:center;height:64px;gap:28px}.top .brand img{height:36px;width:auto;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));transition:transform .15s}.top .brand:hover img{transform:scale(1.04)}.top nav.menu{display:flex;gap:24px;flex:1}.top nav.menu a{color:var(--bone);font-weight:600;text-decoration:none;position:relative;padding:6px 0}.top nav.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--gold);transition:right .2s}.top nav.menu a:hover:after{right:0}.top .right{display:flex;align-items:center;gap:10px}.top .pill{background:var(--gold);color:var(--ink);padding:8px 16px;border-radius:10px;font-weight:700;text-decoration:none;box-shadow:0 3px #8a6520;transition:transform .12s,box-shadow .12s}.top .pill:hover{transform:translateY(1px);box-shadow:0 2px #8a6520;color:var(--ink)}.top .lang{color:var(--bone);border:1px solid rgba(242,233,216,.5);border-radius:10px;padding:7px 12px;font-size:.9rem;font-weight:600;text-decoration:none}.top .lang:hover{border-color:var(--bone);color:var(--bone)}.top .lang .on{color:var(--gold)}.top .lang .sep{opacity:.5;margin:0 6px}.banner{position:relative;margin:26px auto 0;border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 1;background:var(--sky);border:4px solid var(--leather);box-shadow:0 6px 0 var(--leather-dark),0 14px 30px #00000040}.banner .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background:center/cover no-repeat;pointer-events:none}.banner .slide.on{opacity:1;pointer-events:auto;z-index:1}.banner .arrow,.banner .dots{z-index:2}.banner .slide .text{position:absolute;left:6%;top:50%;transform:translateY(-50%);color:#fff;max-width:46%;text-shadow:0 2px 10px rgba(0,0,0,.75)}.banner .slide .text small{display:inline-block;background:#00000073;border:1px solid rgba(255,255,255,.35);padding:3px 10px;border-radius:999px;font-size:.8rem;margin-bottom:10px}.banner .slide .text h2{margin:0 0 6px;font-size:clamp(1.3rem,2.8vw,2.3rem)}.banner .slide .text p{margin:0 0 14px;font-size:clamp(.9rem,1.3vw,1.08rem);opacity:.95}.banner .slide.on .text>*{animation:rise .7s ease-out both}.banner .slide.on .text h2{animation-delay:.1s}.banner .slide.on .text p{animation-delay:.2s}.banner .slide.on .text .btns{animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.banner .arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:2px solid var(--leather-dark);background:var(--stone);color:var(--ink);font-size:1.2rem;cursor:pointer;display:grid;place-items:center;opacity:.85;transition:opacity .15s,transform .15s}.banner .arrow:hover{opacity:1;transform:translateY(-50%) scale(1.06)}.banner .arrow.l{left:14px}.banner .arrow.r{right:14px}.banner .dots{position:absolute;right:18px;bottom:14px;display:flex;gap:6px}.banner .dots b{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:1px solid rgba(0,0,0,.3);cursor:pointer;transition:transform .15s,background .15s}.banner .dots b.on{background:var(--gold);transform:scale(1.25)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin:4px 6px 4px 0;border-radius:10px;font-weight:700;text-decoration:none;background:linear-gradient(var(--stone-light),var(--stone-dark));color:var(--ink);border:2px solid var(--leather-dark);box-shadow:0 3px 0 var(--leather-dark),0 6px 14px #00000040;transition:transform .08s,box-shadow .08s}.btn:hover{transform:translateY(1px);box-shadow:0 2px 0 var(--leather-dark),0 4px 10px #00000040;color:var(--ink)}.btn.gold{background:linear-gradient(#e2b455,var(--gold))}.btn.soon{opacity:.65;pointer-events:none}.btn.soon:after{content:attr(data-soon);font-size:.7rem;font-weight:500;background:var(--leather);color:var(--bone);padding:1px 6px;border-radius:6px}.more{font-size:.82rem;background:var(--leather);color:var(--bone);padding:5px 12px;border-radius:8px;font-weight:600;text-decoration:none}.more:hover{background:var(--leather-dark);color:var(--bone)}.panel{background:var(--stone);border:3px solid var(--leather);border-radius:var(--radius);padding:26px 28px;margin:26px auto 0;box-shadow:inset 0 0 0 2px var(--bone),0 5px 0 var(--leather-dark);position:relative}.panel h2.sec{font-size:1.5rem;margin:0 0 4px}.panel p.lead{margin:0 0 18px;color:var(--ink-dim)}.panel .corner{position:absolute;width:64px;opacity:.9;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.2))}.panel .corner.tl{left:-22px;top:-26px;transform:rotate(-12deg)}.panel .corner.tr{right:-18px;top:-28px;transform:rotate(12deg)}.panel .corner.br{right:-20px;bottom:-22px;transform:rotate(10deg)}.panel .corner.bl{left:-22px;bottom:-20px;transform:rotate(-8deg)}.boards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.board{background:var(--stone-light);border:2px solid var(--leather);border-radius:12px;padding:16px 18px;transition:transform .15s,box-shadow .15s}.board:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000026}.board .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.board .head h3{margin:0;font-size:1.1rem}.board ul{list-style:none;margin:0;padding:0}.board li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:.93rem}.board li:last-child{border-bottom:0}.board li a{color:var(--ink);text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board li a:hover{text-decoration:underline}.board li.empty{color:var(--ink-dim)}.tag{display:inline-block;min-width:60px;text-align:center;font-size:.76rem;font-weight:700;color:var(--bone);padding:3px 9px;border-radius:7px;background:var(--purple);flex:none}.tag.패치,.tag.Patch{background:var(--orange)}.tag.이벤트,.tag.Event{background:var(--green)}.tag.점검,.tag.Maintenance{background:var(--pink)}.tag.필독,.tag.Important{background:var(--red)}.tag.제재,.tag.Ban{background:#8f2c1f}.new{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--red);color:#fff;font-size:.68rem;font-weight:800;flex:none;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.grid{display:grid;gap:16px}.grid.c4{grid-template-columns:repeat(4,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c2{grid-template-columns:repeat(2,1fr)}.card{background:var(--stone-light);border:2px solid var(--leather);border-radius:12px;padding:20px 22px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 22px #00000029}.card h3{margin:8px 0 6px;font-size:1.1rem}.card p{margin:0;color:var(--ink-dim);font-size:.95rem}.icon{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.dim{color:var(--ink-dim)}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shots figure{margin:0;border:3px solid var(--leather);border-radius:10px;overflow:hidden;background:var(--sky);cursor:zoom-in;box-shadow:0 4px 0 var(--leather-dark);transition:transform .15s}.shots figure:hover{transform:translateY(-3px)}.shots img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.shots figcaption{padding:8px 12px;font-size:.9rem;background:var(--stone-light)}dialog.light{border:4px solid var(--leather);border-radius:12px;padding:0;max-width:min(1200px,94vw);background:var(--sky)}dialog.light::backdrop{background:#000000c7}dialog.light img{display:block;width:100%}dialog.light .cap{padding:10px 14px;background:var(--stone);display:flex;justify-content:space-between;align-items:center}dialog.light button{background:var(--leather);color:var(--bone);border:0;border-radius:8px;padding:6px 12px;cursor:pointer}.pet{text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column}.pet p{min-height:3.4em}.pet .bars{margin-top:auto;min-height:42px}.pet .sprite{height:150px;display:grid;place-items:end center;margin-bottom:6px}.pet .sprite img{max-height:150px;width:auto;filter:drop-shadow(0 8px 6px rgba(0,0,0,.28));animation:bob 3s ease-in-out infinite}.pet:nth-child(2) .sprite img{animation-delay:.7s}.pet:nth-child(3) .sprite img{animation-delay:1.4s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pet .starter{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--ink);font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:6px}.bars{display:grid;gap:5px;margin-top:10px;text-align:left}.bar{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;font-size:.85rem}.bar i{display:block;height:10px;border-radius:5px;background:var(--stone-dark);overflow:hidden}.bar i b{display:block;height:100%;border-radius:5px;width:0;transition:width 1s ease-out}.in .bar i b{width:var(--w)}.bar.terra i b{background:var(--terra)}.bar.aqua i b{background:var(--aqua)}.bar.ignis i b{background:var(--ignis)}.bar.aero i b{background:var(--aero)}.soon-mark{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;border:3px dashed var(--stone-dark);color:var(--stone-dark);font-size:3rem;font-weight:800;margin-bottom:10px}.ladder{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ladder .step{background:var(--stone-light);border:2px solid var(--leather);border-radius:10px;padding:10px 12px;box-shadow:0 3px 0 var(--leather-dark);transition:transform .12s}.ladder .step:hover{transform:translateY(-2px)}.ladder .step b{display:block;color:var(--leather);font-size:.8rem}.ladder .step span{font-weight:700}.ladder .step small{display:block;color:var(--ink-dim)}.ladder .step.deep{background:#cfc3b1}.threads{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.threads blockquote{margin:0;padding:16px 18px;background:var(--stone-light);border-left:5px solid var(--gold);border-radius:8px;font-style:italic}.threads blockquote small{display:block;font-style:normal;color:var(--ink-dim);margin-top:8px}details{border:2px solid var(--leather);border-radius:10px;background:var(--stone-light);margin-bottom:10px;box-shadow:0 3px 0 var(--leather-dark)}details summary{cursor:pointer;font-weight:700;padding:12px 16px;list-style:none}details summary:before{content:"▸ ";color:var(--leather)}details[open] summary:before{content:"▾ "}details p{margin:0;padding:0 16px 14px;color:var(--ink-dim)}.band{background:var(--leather);color:var(--bone);text-align:center;padding:40px 20px;border-top:4px solid var(--leather-dark);margin-top:28px}.band h2{margin:0 0 6px}.band p{margin:0 0 16px;opacity:.9}footer{padding:34px 0 26px;text-align:center;background:var(--leather-dark);color:var(--stone);font-size:.9rem;border-top:4px solid var(--leather)}footer img{height:44px;width:auto;margin-bottom:8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}footer .line{max-width:800px;margin:14px auto;border-top:1px solid rgba(242,233,216,.2)}footer nav a{color:var(--stone);margin:0 10px}footer .copy{margin-top:10px;color:var(--stone-dark)}.tabs{display:flex;gap:8px;justify-content:flex-end;margin-bottom:14px}.tabs a{padding:8px 14px;border-radius:8px;font-weight:700;color:var(--bone);background:var(--purple);text-decoration:none}.tabs a.o{background:var(--orange)}.tabs a.g{background:var(--green)}.tabs a.all{background:var(--leather)}.tabs a:hover{filter:brightness(1.08);color:var(--bone)}table.list{width:100%;border-collapse:collapse;background:var(--stone-light);border:2px solid var(--leather);border-radius:10px;overflow:hidden}table.list th{text-align:left;background:var(--stone);padding:12px 14px;font-size:.95rem}table.list td{padding:13px 14px;border-top:1px solid var(--line);vertical-align:middle}table.list tr:hover td{background:#f6efe1}table.list .t{display:flex;align-items:center;gap:10px}table.list .t a{color:var(--ink);text-decoration:none;font-weight:500}table.list .t a:hover{text-decoration:underline}table.list .r{text-align:right;color:var(--ink-dim);white-space:nowrap}.prose h1{text-align:center;font-size:1.9rem;margin:6px 0 18px}.prose h2{text-align:center;font-size:1.35rem;margin:40px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--stone-dark)}.prose h3{color:var(--leather);margin:26px 0 8px}.prose ul{padding-left:22px}.prose li{margin:4px 0}.prose table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:.95rem;background:var(--stone-light)}.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}.prose th{background:var(--stone);white-space:nowrap}.prose .note{background:var(--stone-light);border-left:4px solid var(--gold);padding:10px 14px;border-radius:8px;color:var(--ink-dim);font-size:.92rem}.effective{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:2px solid var(--leather);border-radius:12px;padding:12px 16px;margin:0 auto 8px;background:var(--stone-light)}.effective b{color:var(--ink-dim)}.effective .chip{background:var(--stone);color:var(--leather);padding:4px 12px;border-radius:999px;font-weight:600}.toc{background:var(--stone-light);border:2px solid var(--leather);border-radius:12px;padding:14px 18px 14px 40px;margin:18px 0 8px}.toc b{display:block;margin-left:-22px;margin-bottom:4px}.meta{display:flex;align-items:center;gap:10px;margin:6px 0 4px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.grid.c4{grid-template-columns:repeat(2,1fr)}.shots,.boards,.threads{grid-template-columns:1fr}.top nav.menu{display:none}.banner .slide .text{max-width:70%}}@media(max-width:640px){.grid.c4,.grid.c3,.grid.c2{grid-template-columns:1fr}.banner{aspect-ratio:16/9}.panel{padding:18px}.panel .corner{display:none}}