:root{--paper:#f8f7f2;--ink:#263f49;--muted:#61767e;--blue:#347e9c;--line:#d8e0df;--gold:#b38a4e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Leelawadee UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:26px;font-weight:bold;letter-spacing:1px}.brand small{font:10px Tahoma,sans-serif;letter-spacing:2px;margin-left:7px;color:var(--gold)}nav{display:flex;gap:30px;font-size:13px}nav a:hover,footer a:hover{color:var(--blue)}.nav-play{font-size:13px;border-bottom:1px solid var(--ink);padding:7px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:580px;align-items:center;gap:30px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:bold;color:var(--gold);margin:0 0 22px}h1{font:94px/1 Georgia,serif;letter-spacing:-3px;margin:0 0 26px}h1 span{display:inline-block;font:14px Tahoma,sans-serif;letter-spacing:3px;margin-left:15px;color:var(--gold)}.hero-title{font-size:27px;line-height:1.6;margin:0 0 16px}.intro{font-size:14px;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;padding:13px 23px;border:1px solid var(--blue);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:bold;border-radius:3px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.primary:hover{background:#28647d}.secondary{color:var(--blue)}.secondary:hover{background:#e7eff0}.status{display:flex;align-items:center;gap:8px;margin-top:23px;color:var(--muted);font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#adab9a;flex-shrink:0}.status-dot.online{background:#49a57b}.status-dot.offline{background:#c87761}.test-tag{border-left:1px solid var(--line);padding-left:12px}.hero-art{height:465px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;max-height:440px;position:relative;z-index:1}.orbit{position:absolute;width:350px;height:350px;border:1px solid #d8e6e9;border-radius:50%;background:radial-gradient(circle,#e4eff0,#eef2ee 58%,transparent 72%)}.art-label{position:absolute;bottom:4px;left:48px;font-size:8px;letter-spacing:3px;color:var(--muted)}.art-number{position:absolute;bottom:15px;right:20px;font:56px Georgia,serif;color:#d7dfd9}.rates{display:grid;grid-template-columns:repeat(4,1fr);padding-top:29px;padding-bottom:26px;border-block:1px solid var(--line)}.rates>div{padding:0 25px;border-right:1px solid var(--line)}.rates>div:first-child{padding-left:0}.rates>div:last-child{border:0}.rates span{font-size:9px;font-weight:bold;letter-spacing:2px;color:var(--muted)}.rates strong{display:block;font:46px Georgia,serif;margin:3px 0}.rates small{font-size:23px;color:var(--gold);margin-left:5px}.rates p{font-size:11px;color:var(--muted);margin:0}.updates{padding-top:65px;padding-bottom:60px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}.section-head .eyebrow{margin-bottom:9px}h2{font-size:25px;margin:0;line-height:1.5}.section-head>p{font-size:11px;color:var(--muted);text-align:right;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{padding:28px;border:1px solid var(--line);background:#fcfbf7;border-radius:4px}.card-icon{font:35px Georgia,serif;color:var(--blue)}.card-tag{font-size:8px;letter-spacing:2px;color:var(--gold);margin:16px 0 5px}h3{font-size:18px;margin:0 0 12px}.cards article>p:not(.card-tag){font-size:12px;line-height:1.9;color:var(--muted);margin:0;min-height:90px}.card-foot{display:block;margin-top:20px;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:var(--blue)}.news-strip{margin-top:25px;display:flex;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.news-strip>span{font-size:10px;color:var(--gold);white-space:nowrap}.news-strip p{font-size:11px;color:var(--muted);margin:0}.download{padding-top:42px;padding-bottom:58px;background:#edf3f2;border-block:1px solid var(--line);border-radius:4px}.download .eyebrow{margin-bottom:10px}.download>p:not(.eyebrow){font-size:12px;color:var(--muted)}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:35px}.platform{font-size:9px;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:12px}.download-options p{font-size:12px;color:var(--muted);line-height:1.9}.download-options>div+div{border-left:1px solid var(--line);padding-left:40px}.download-options .button{margin-top:10px}details{font-size:11px;color:var(--muted);margin-top:15px}summary{cursor:pointer}details ol{padding-left:20px;max-width:420px}footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:20px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}.skip{position:absolute;left:10px;top:-100px;background:white;padding:8px;z-index:20}.skip:focus{top:8px}@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}header{height:80px}nav{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:42px;padding-bottom:20px;min-height:0}.hero-art{height:300px;max-width:440px;width:100%;margin:auto}.hero-art img{max-height:290px}.orbit{width:260px;height:260px}.art-label{left:25px;bottom:3px}.art-number{font-size:40px;bottom:3px}.hero-copy{text-align:center}h1{font-size:78px}.hero-title{font-size:23px}.eyebrow{font-size:9px}.hero-actions,.status{justify-content:center}.rates{grid-template-columns:1fr 1fr;row-gap:25px}.rates>div,.rates>div:first-child{padding:0 18px}.rates>div:nth-child(2){border:0}.rates strong{font-size:38px}.cards{grid-template-columns:1fr}.cards article>p:not(.card-tag){min-height:0}.section-head{align-items:start}.section-head>p{white-space:nowrap;font-size:9px}h2{font-size:22px}.updates{padding-top:42px;padding-bottom:35px}.download-options{grid-template-columns:1fr;gap:30px}.download-options>div+div{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}footer{flex-wrap:wrap;padding-block:25px}footer p{width:100%;order:3;margin:0}.news-strip{align-items:start;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

.population{display:flex;gap:24px;margin:18px 0 24px;padding-top:14px;border-top:1px solid var(--line)}.population>div{display:flex;flex-direction:column}.population strong{font:26px Georgia,serif;color:var(--blue)}.population span{font-size:11px;color:var(--muted)}@media(max-width:800px){.population{justify-content:center;gap:22px}}

/* Ragnarok artwork shared with the Windows launcher. */
.hero{min-height:720px;padding-top:42px;padding-bottom:42px;gap:60px}
.hero-art{height:620px;overflow:hidden;border-radius:120px 120px 16px 16px;background:#233e54;box-shadow:0 22px 50px #233e541c;border:1px solid #d6c6a9}
.hero-art:after{content:"";position:absolute;inset:12px;border:1px solid #fff8df70;border-radius:110px 110px 8px 8px;z-index:2;pointer-events:none}
.hero-art img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 54%;display:block}
.art-caption{position:absolute;inset:auto 0 0;padding:78px 30px 35px;background:linear-gradient(transparent,#112d43e8);color:#fff5dc;z-index:2;text-align:center}
.art-caption span,.art-caption small{display:block;font-size:9px;letter-spacing:3px;color:#edd4a4}
.art-caption strong{display:block;font-size:23px;margin:7px 0}
.brand img{object-fit:contain}.cards article{border-radius:12px;box-shadow:0 8px 28px #233e5407;border-top:3px solid #c6a064}.card-icon{color:var(--gold)}
.download{border-radius:16px;background:linear-gradient(120deg,#e8f0ef,#f5f4eb)}
@media(max-width:800px){.hero{padding-top:36px;padding-bottom:36px;gap:26px;min-height:0}.hero-art{height:480px;max-width:360px;border-radius:90px 90px 14px 14px}.hero-art:after{border-radius:80px 80px 8px 8px}.hero-art img{max-height:none}.art-caption{padding:65px 20px 26px}.art-caption strong{font-size:20px}}
@media(max-width:400px){.hero-art{height:420px}.hero-title{font-size:21px}.hero h1{font-size:68px}.hero{gap:22px}}

/* Soft sky, parchment and a faint fantasy backdrop. */
body{position:relative;isolation:isolate;background:radial-gradient(ellipse at 9% 18%,#f4e6ce90,transparent 36%),radial-gradient(ellipse at 92% 30%,#d9e9ec90,transparent 38%),linear-gradient(180deg,#fbf8f0,#f5f5ed 55%,#ecf2ef);background-attachment:fixed}
body:before{content:"";position:absolute;z-index:-1;inset:100px 0 auto;height:850px;background:linear-gradient(90deg,#f8f7f2e8 0%,#f8f7f2cc 40%,#f8f7f299 100%),url('wkro-ragnarok.webp') center 35%/cover no-repeat;opacity:.28;pointer-events:none;mask-image:linear-gradient(transparent,#000 14%,#000 65%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 65%,transparent)}
header{background:#fbf9f180}.hero-copy{position:relative}.hero-copy:before{content:"✦";position:absolute;top:-50px;left:-28px;font:42px Georgia,serif;color:#b38a4e30;pointer-events:none}.hero-copy:after{content:"✧";position:absolute;right:35px;bottom:-12px;font:68px Georgia,serif;color:#347e9c20;pointer-events:none}
.rates{background:#fbfaf5c9;backdrop-filter:blur(8px)}.cards article{background:#fffdf7e8}.updates{position:relative}.download{background:radial-gradient(ellipse at 100% 0,#d6e6e480,transparent 60%),linear-gradient(120deg,#e8f0efee,#f5f0e4ee);box-shadow:0 12px 38px #263f4908}
@media(max-width:800px){body{background-attachment:scroll}body:before{height:1100px;background-position:center;background-size:auto 1100px;opacity:.18}.hero-copy:before{left:0;top:-24px;font-size:28px}.hero-copy:after{right:0;font-size:44px}}

/* Server guide, 20 October 2026. */
.server-info{padding-top:48px;padding-bottom:48px;scroll-margin-top:24px}.server-info h2{font-size:clamp(25px,3vw,36px);line-height:1.4}.info-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.info-links a{padding:9px 16px;border:1px solid #c9d8d4;border-radius:30px;background:#fffdf7;color:#286174;text-decoration:none}.info-links a:hover,.info-links a:focus-visible{background:#e2eeeb;outline:2px solid #347e9c;outline-offset:2px}.info-panel{margin-top:22px;background:#fffdf8;border:1px solid #d9dfd7;border-radius:14px;overflow:hidden;scroll-margin-top:24px;box-shadow:0 8px 28px #233e5407}.info-panel h3{margin:0;padding:20px 24px;color:#294c53;background:#edf2ec;font-size:21px}.info-scroll{overflow-x:auto}.info-panel table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.7;text-align:left}.info-panel th{background:#f6f4eb;color:#53625c;font-weight:600}.info-panel th,.info-panel td{padding:14px 24px;border-bottom:1px solid #e8e9df;vertical-align:top}.info-panel td:first-child{font-weight:600;width:28%}.info-panel td b{color:#21647a}.info-panel tbody tr:last-child td{border-bottom:0}.info-note{margin:0;padding:17px 24px;background:#f8f5ea;color:#625e50;font-size:14px;line-height:1.8}.rates>div span{overflow-wrap:anywhere}
@media(max-width:600px){.server-info{padding-top:30px;padding-bottom:30px}.server-info .section-head{display:block}.info-panel h3{padding:16px;font-size:19px}.info-panel th,.info-panel td{padding:12px 10px;font-size:13px;overflow-wrap:anywhere}.info-panel td:first-child{width:29%}.info-note{padding:14px;font-size:13px}.info-links a{padding:8px 12px;font-size:13px}}

.option-catalog{margin-top:28px}.option-catalog>h3{font-size:24px;color:#294c53}.option-intro{font-size:15px;line-height:1.9;color:#53625c;max-width:900px}.option-group{margin:12px 0;background:#fffdf8;border:1px solid #d9dfd7;border-radius:12px;overflow:hidden}.option-group summary{cursor:pointer;padding:19px 22px;font-weight:700;color:#294c53;background:#edf2ec}.option-group summary span{font-weight:400;font-size:13px;margin-left:12px;color:#63766c}.option-group summary:focus-visible{outline:3px solid #347e9c;outline-offset:-3px}.option-table{width:100%;border-collapse:collapse;line-height:1.6;font-size:14px;text-align:left}.option-table th,.option-table td{padding:12px 18px;border-bottom:1px solid #e8e9df}.option-table thead th{background:#f6f4eb;white-space:nowrap}.option-table th small{display:block;font-weight:400;font-size:12px;color:#63766c}.option-table tbody th{font-weight:500;width:38%}.option-table td{color:#21647a;font-weight:600;white-space:nowrap}.option-table tbody tr:last-child>*{border-bottom:0}@media(max-width:600px){.option-catalog>h3{font-size:21px}.option-intro{font-size:13px}.option-group summary{padding:16px}.option-group summary span{display:block;margin:5px 0 0 16px}.option-table{min-width:550px;font-size:13px}.option-table th,.option-table td{padding:11px 12px}.option-catalog:before{content:'บนมือถือ เลื่อนตารางซ้าย–ขวาเพื่อดูครบทุกระดับ';display:block;font-size:12px;color:#63766c;margin-bottom:15px}}

/* Active signed option tables, 21 October 2026. */
.signed-range-table{min-width:1040px}.signed-range-table td{white-space:nowrap}.signed-range-table th:first-child{min-width:190px}.range-positive{color:#1c6650}.range-negative{color:#9b3131}.signed-range-table small{display:block}