:root{--ivory:#f5f1e8;--meadow:#e8f0dd;--leaf:#4d6b46;--forest:#294a35;--gold:#c9a24d;--sky:#b7d7e8;--ink:#26392d;--muted:#718176;--line:#d9e1d4;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI','Noto Sans KR',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1180px;margin:auto;padding-left:34px;padding-right:34px}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;color:#fff;transition:.3s;background:linear-gradient(180deg,#1c3d2ab8,transparent)}.site-header.scrolled{background:#f5f1eef2;color:var(--ink);box-shadow:0 1px 0 #26392d12;backdrop-filter:blur(14px)}.header-inner{max-width:1280px;height:82px;margin:auto;padding:0 34px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.16em}.brand b{display:block;font-size:16px;line-height:1}.brand small{display:block;margin-top:7px;color:currentColor;opacity:.68;font-size:8px;letter-spacing:.2em;white-space:nowrap}.brand-glyph{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:17px}.nav{display:flex;gap:25px;margin-left:auto;font-size:12px}.nav a{opacity:.77;position:relative;white-space:nowrap}.nav a:hover,.nav a.active{opacity:1}.nav a.active:after{content:'';position:absolute;left:50%;bottom:-12px;width:5px;height:5px;background:var(--gold);transform:translateX(-50%);box-shadow:2px 0 var(--gold),0 2px var(--gold)}.header-cta{padding:10px 15px;background:var(--gold);color:#fff;font-size:11px;font-weight:700;white-space:nowrap}.header-cta span{margin-left:13px;font-size:16px}.menu-toggle{display:none;color:inherit;background:none;border:0;font-size:22px}.hero-world{height:780px;min-height:690px;position:relative;overflow:hidden;background:linear-gradient(#9bcfe5 0%,#d8ebdd 55%,#7f9e6a 55%,#527654 100%);isolation:isolate}.hero-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1538289c,transparent 68%),linear-gradient(0deg,#153828aa,transparent 48%);z-index:2;pointer-events:none}.hero-glow{position:absolute;top:112px;right:18%;width:165px;height:165px;background:#ffeaa6;border-radius:50%;box-shadow:0 0 90px #fff2af}.cloud{position:absolute;background:#eef8f1a3;width:150px;height:24px;border-radius:50%;filter:blur(1px)}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%}.cloud:before{width:55px;height:55px;left:26px;bottom:0}.cloud:after{width:75px;height:75px;right:19px;bottom:0}.cloud-a{top:190px;left:8%;transform:scale(.8)}.cloud-b{top:130px;right:7%;transform:scale(.55)}.hero-terrain{position:absolute;bottom:0;left:-5%;width:110%;height:44%;clip-path:polygon(0 35%,8% 21%,16% 31%,24% 8%,31% 26%,41% 12%,51% 28%,60% 6%,68% 25%,78% 12%,87% 32%,100% 7%,100% 100%,0 100%)}.terrain-back{height:45%;background:#789a73;opacity:.8}.terrain-mid{height:36%;background:#5f805b;clip-path:polygon(0 28%,9% 13%,18% 30%,27% 0,35% 24%,44% 10%,54% 30%,62% 4%,72% 25%,82% 8%,91% 29%,100% 12%,100% 100%,0 100%)}.terrain-front{height:24%;background:#456a4b;clip-path:polygon(0 30%,12% 15%,23% 27%,34% 8%,45% 32%,57% 12%,70% 30%,81% 7%,92% 26%,100% 18%,100% 100%,0 100%)}.hero-trees{position:absolute;z-index:1;bottom:19%;left:0;right:0;height:210px}.hero-trees i{position:absolute;bottom:0;width:0;height:0;border-left:31px solid transparent;border-right:31px solid transparent;border-bottom:100px solid #315c45}.hero-trees i:after{content:'';position:absolute;top:35px;left:-25px;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:82px solid #254936}.hero-trees i:nth-child(1){left:6%;transform:scale(.7)}.hero-trees i:nth-child(2){left:17%;transform:scale(1.2)}.hero-trees i:nth-child(3){left:76%;transform:scale(1.1)}.hero-trees i:nth-child(4){left:88%;transform:scale(.8)}.hero-trees i:nth-child(5){left:47%;transform:scale(.55)}.hero-village{position:absolute;z-index:1;bottom:20%;left:55%;height:145px;width:240px}.house{position:absolute;bottom:0;width:80px;height:63px;background:#d3b37a;border:4px solid #7a6248;box-shadow:0 9px #456a4b}.house:before{content:'';position:absolute;top:-39px;left:-10px;border-left:48px solid transparent;border-right:48px solid transparent;border-bottom:43px solid #7c4e3b}.h1{left:10px}.h2{right:10px;transform:scale(.7);transform-origin:bottom}.tower{position:absolute;bottom:0;left:104px;height:130px;width:34px;background:#b9aa85;border:4px solid #756c58}.tower:before{content:'';position:absolute;top:-20px;left:-12px;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid #6c5545}.hero-content{position:relative;z-index:3;padding-top:175px;color:#fff}.world-stamp{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.2em;color:#f2d58a;font-weight:700}.compass{display:grid;place-items:center;width:28px;height:28px;border:1px solid #f2d58a;border-radius:50%;font-size:18px}.hero-content h1{font-size:clamp(44px,6vw,78px);line-height:1.14;letter-spacing:-.07em;margin:28px 0 23px}.hero-content h1 em,.section h2 em,.final-portal h2 em{font-family:var(--serif);font-weight:400;color:#ead092;letter-spacing:-.05em}.hero-content p{font-size:15px;color:#eef4e9e8;line-height:2}.hero-actions{display:flex;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:22px;padding:13px 19px;font-size:12px;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn span{font-size:18px;line-height:1}.btn-gold{background:var(--gold);color:#fff;box-shadow:0 7px 0 #85682f}.btn-gold:hover{box-shadow:0 10px 0 #85682f}.btn-ghost{border:1px solid #fff8;color:#fff}.btn-ghost:hover{background:#ffffff18}.hero-note{display:flex;align-items:center;gap:10px;margin-top:65px;color:#d9e6d9c7;font:italic 13px var(--serif)}.note-line{width:35px;height:1px;background:var(--gold)}.hero-sign{position:absolute;z-index:3;right:7%;bottom:20%;color:#ffffffcc;text-align:right;font:700 22px/1.25 var(--serif);letter-spacing:.14em}.hero-sign small{font:9px var(--sans);letter-spacing:.25em;color:#f0d790}.scroll-cue{position:absolute;z-index:3;right:5%;bottom:33px;color:#dce9dc;font-size:9px;letter-spacing:.19em}.scroll-cue span{margin-left:15px;color:#f0d790;font-size:18px}.section{padding-top:115px;padding-bottom:115px}.section-kicker{color:var(--leaf);font-size:10px;font-weight:800;letter-spacing:.22em}.pixel-dot{display:inline-block;width:7px;height:7px;background:var(--gold);margin-right:9px;box-shadow:4px 0 var(--gold),0 4px var(--gold)}.section-intro{padding-top:125px;padding-bottom:125px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:37px}.section h2{font-size:44px;line-height:1.2;letter-spacing:-.07em;margin:0}.section-intro h2 em,.world-copy h2 em{color:var(--leaf)}.intro-grid p{color:var(--muted);font-size:14px;max-width:480px}.intro-grid .lead{font-size:17px;color:var(--ink);line-height:1.9}.under-link{display:inline-block;margin-top:25px;padding-bottom:6px;border-bottom:1px solid var(--gold);font-size:12px;font-weight:700}.under-link span{margin-left:17px;color:var(--gold);font-size:17px}.features-section{background:var(--meadow);padding-top:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:25px 0 45px}.section-heading p{max-width:300px;margin:0;color:var(--muted);font-size:12px}.feature-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-tile{min-height:385px;padding:25px 22px;position:relative;border:1px solid #fff8;transition:.25s}.feature-tile:hover,.news-preview-card:hover,.journey-grid article:hover{transform:translateY(-6px);box-shadow:0 16px 30px #294a3512}.tile-green{background:#d1e3cb}.tile-gold{background:#efe3bf}.tile-sky{background:#d0e6ec}.tile-forest{background:#bfd5bb}.tile-number{font-size:10px;color:var(--leaf);font-weight:800;letter-spacing:.12em}.tile-art{height:135px;display:grid;place-items:center;font-size:88px;font-family:var(--serif);color:#ffffff99;text-shadow:4px 5px #4d6b4615}.art-sword{color:#a47c3199}.art-portal{color:#fff;text-shadow:0 0 30px #fff}.feature-tile h3{font-size:18px;margin:3px 0 8px;letter-spacing:-.04em}.feature-tile p{font-size:12px;color:#59705d;line-height:1.7;margin:0}.tile-link{position:absolute;left:22px;bottom:24px;font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--leaf)}.tile-link b{margin-left:13px;color:var(--gold);font-size:16px}.development-badge{position:absolute;right:14px;top:23px;background:#ffffff80;color:var(--forest);font-size:9px;padding:3px 7px}.world-map{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.world-copy h2{margin:24px 0}.world-copy p{font-size:13px;color:var(--muted);max-width:365px}.map-card{height:405px;position:relative;overflow:hidden;background:#cbdcb7;border:10px solid #e8e2ce;box-shadow:inset 0 0 0 1px #af9d71}.map-card:before{content:'';position:absolute;inset:16px;border:1px dashed #4d6b4655}.map-river{position:absolute;top:-30px;right:23%;width:120px;height:490px;background:#a9d0dc;transform:rotate(22deg);border:10px solid #dbebddaa}.map-mountain{position:absolute;left:9%;bottom:15%;border-left:115px solid transparent;border-right:115px solid transparent;border-bottom:145px solid #8da989}.map-forest{position:absolute;right:8%;bottom:15%;width:190px;height:110px;background:repeating-linear-gradient(135deg,#3f704c 0 18px,#547f55 18px 33px);clip-path:polygon(0 100%,10% 30%,20% 60%,34% 3%,48% 53%,62% 16%,76% 55%,88% 20%,100% 100%)}.map-village{position:absolute;left:35%;top:48%;display:grid;place-items:center;color:#7c5940}.map-village span{font-size:47px}.map-village small{font-size:8px;letter-spacing:.18em}.map-marker{position:absolute;font-size:23px;color:var(--gold);text-shadow:0 2px #fff}.marker-1{top:22%;left:28%}.marker-2{bottom:31%;right:26%}.map-label{position:absolute;font:italic 15px var(--serif);color:#4d6b46}.label-1{top:24%;left:38%}.label-2{bottom:24%;right:8%}.map-legend{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;color:#4d6b46;letter-spacing:.12em}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-green{background:var(--leaf)}.legend-gold{background:var(--gold)}.styles-section{background:#fff;padding-top:105px}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:40px}.journey-grid article{padding:30px 25px 27px;border-right:1px solid var(--line);transition:.25s}.journey-grid article:last-child{border:0}.journey-icon{display:block;font:30px var(--serif);color:var(--gold);margin-bottom:15px}.journey-grid b{font-size:16px}.journey-grid p{font-size:12px;color:var(--muted);line-height:1.7}.fine-print{font-size:10px;color:#98a29a;margin-top:18px}.gallery-section{padding-top:125px}.gallery-section .section-heading{align-items:center}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:200px 200px;gap:12px}.gallery-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;padding:23px;color:#fff;background:#51765b}.gallery-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17352ccc,transparent 75%)}.gallery-card>*{position:relative;z-index:1}.gallery-card b{font-size:17px}.gallery-card small{font-size:8px;letter-spacing:.15em;color:#e0ead7}.gallery-symbol{position:absolute!important;top:26px;right:25px;font:45px var(--serif);color:#f1d28b}.gallery-meadow{grid-row:span 2;background:linear-gradient(145deg,#a7c8b2,#5a8a60 50%,#31553e)}.gallery-nature{background:linear-gradient(140deg,#c5e0c4,#6d9971)}.gallery-growth{background:linear-gradient(140deg,#d6c68d,#8c7048)}.gallery-dungeon{background:linear-gradient(140deg,#7795a1,#34535a)}.start-section{background:var(--forest);color:#fff;padding-top:100px;padding-bottom:110px}.start-wrap{position:relative}.start-section .section-kicker{color:#d7c17d}.start-section h2{margin:22px 0}.start-section h2 em{color:#ead092}.start-section>div>p{color:#c4d3c2;font-size:13px}.start-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:53px 0 40px;padding-top:22px;border-top:1px solid #ffffff2b}.start-steps div{position:relative}.start-steps span{display:block;color:#d6bb6d;font:22px var(--serif);margin-bottom:17px}.start-steps b{display:block;font-size:13px}.start-steps small{display:block;color:#aac0aa;font-size:10px;line-height:1.7;margin-top:6px}.news-preview{padding-top:110px;padding-bottom:125px}.news-heading{display:flex;justify-content:space-between;align-items:end;margin:22px 0 40px}.news-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.news-preview-card{position:relative;background:#fff;padding:25px 26px 27px;min-height:225px;border:1px solid var(--line);transition:.25s}.news-preview-card time{font:20px var(--serif);color:var(--leaf)}.news-tag{display:inline-block;margin-left:15px;padding:3px 7px;background:var(--meadow);font-size:8px;font-weight:800;letter-spacing:.12em;color:var(--leaf)}.gold-tag{background:#f1e6c6;color:#987628}.sky-tag{background:#d5e9ed;color:#477b83}.news-preview-card h3{font-size:16px;line-height:1.4;margin:25px 0 7px}.news-preview-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.news-preview-card>b{position:absolute;right:25px;bottom:21px;color:var(--gold);font-size:19px}.final-portal{position:relative;min-height:420px;overflow:hidden;background:linear-gradient(120deg,#284c36,#6f9268 55%,#c3d9b0);color:#fff}.final-portal:before,.final-portal:after{content:'';position:absolute;bottom:-180px;width:70%;height:340px;border-radius:50%;background:#ffffff14}.final-portal:before{left:-20%}.final-portal:after{right:-20%;background:#17382936}.portal-ring{position:absolute;right:16%;top:50%;width:250px;height:250px;border:2px solid #e6d28c66;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 18px #e6d28c18,0 0 0 38px #e6d28c10}.portal-content{position:relative;z-index:1;padding-top:78px}.portal-content .section-kicker{color:#f0d890}.portal-content h2{font-size:46px;margin:17px 0}.portal-content p{color:#e5eee0;font-size:13px}.light-ghost{margin-left:13px}.site-footer{background:#f0ede4;padding-top:65px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-bottom:60px}.footer-brand p{color:var(--muted);font-size:11px;margin-top:24px}.footer-nav{display:flex;flex-direction:column;gap:8px;font-size:11px}.footer-nav>b{color:var(--leaf);font-size:9px;letter-spacing:.18em;margin-bottom:8px}.footer-nav a:hover{color:var(--gold)}.footer-nav .muted{color:#9aa39c;font-size:10px;margin-top:6px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding-top:20px;padding-bottom:22px;color:#8b978c;font-size:9px}.footer-bottom p{margin:0;max-width:760px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header-inner{gap:18px;padding:0 22px}.nav{gap:14px}.header-cta{display:none}.wrap{padding-left:24px;padding-right:24px}.feature-tiles{grid-template-columns:1fr 1fr}.world-map{gap:35px}.journey-grid{grid-template-columns:1fr 1fr}.journey-grid article:nth-child(2){border-right:0}.journey-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.start-steps{grid-template-columns:1fr 1fr;row-gap:32px}.footer-grid{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:650px){.header-inner{height:70px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:70px;background:#f5f1eff5;color:var(--ink);padding:18px 24px;flex-direction:column;gap:13px;box-shadow:0 12px 25px #26392d14}.nav.open{display:flex}.nav a.active:after{display:none}.hero-world{height:710px}.hero-content{padding-top:145px}.hero-content h1{font-size:43px}.hero-content p{font-size:13px}.hero-sign{bottom:18%;right:24px;font-size:17px}.scroll-cue{right:24px}.intro-grid,.world-map{display:block}.section{padding-top:78px;padding-bottom:78px}.section-intro{padding-top:80px}.intro-grid{margin-top:28px}.intro-grid h2,.section h2{font-size:37px}.intro-grid>div{margin-top:30px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:18px}.feature-tiles{grid-template-columns:1fr}.feature-tile{min-height:300px}.world-copy{margin-bottom:35px}.map-card{height:325px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px}.gallery-meadow{grid-row:auto;grid-column:span 2}.start-steps{grid-template-columns:1fr}.news-row{grid-template-columns:1fr}.news-preview-card{min-height:185px}.final-portal{min-height:475px}.portal-ring{right:-85px;top:55%}.portal-content h2{font-size:40px}.light-ghost{margin:22px 0 0}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:14px}.hero-actions{flex-wrap:wrap}.hero-note{margin-top:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.feature-tile,.news-preview-card,.journey-grid article,.btn{transition:none}}
.inner-header{background:#f5f1e9;color:var(--ink);box-shadow:0 1px 0 #26392d12}.inner-hero{padding:170px 0 90px;background:linear-gradient(135deg,#e8f0dd,#f5f1e8 65%);position:relative;overflow:hidden}.inner-hero:after{content:'✦';position:absolute;right:12%;top:110px;color:#c9a24d33;font:170px var(--serif)}.inner-hero h1{position:relative;z-index:1;font-size:clamp(43px,5vw,66px);line-height:1.18;letter-spacing:-.07em;margin:23px 0}.inner-hero h1 em{color:var(--leaf);font-weight:400}.inner-hero p{position:relative;z-index:1;max-width:560px;color:var(--muted);font-size:14px}.launcher-overview{display:grid;grid-template-columns:260px 1fr;gap:85px;align-items:center;padding-top:95px;padding-bottom:75px}.launcher-emblem{height:220px;width:220px;display:grid;place-items:center;border:1px solid #c9a24d88;border-radius:50%;color:var(--gold);font:68px var(--serif);box-shadow:0 0 0 18px #c9a24d12,0 0 0 36px #c9a24d08}.launcher-emblem small{font:8px/1.5 var(--sans);letter-spacing:.22em;text-align:center;color:var(--leaf)}.launcher-overview h2{font-size:42px;line-height:1.2;letter-spacing:-.06em;margin:18px 0}.launcher-overview h2 em,.launcher-cards h2 em{color:var(--leaf);font-family:var(--serif);font-weight:400}.launcher-overview p{max-width:530px;color:var(--muted);font-size:14px}.launcher-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-bottom:35px}.launcher-cards article{min-height:370px;padding:26px;background:#fff;border:1px solid var(--line);position:relative}.launcher-cards article:nth-child(2){background:var(--meadow)}.launcher-cards article:nth-child(3){background:#f1e7c9}.card-index{color:var(--gold);font:22px var(--serif)}.card-icon{height:90px;display:grid;place-items:center;font:55px var(--serif);color:#4d6b4688}.launcher-cards h2{font-size:19px;margin:3px 0 12px;letter-spacing:-.04em}.launcher-cards p{font-size:12px;color:var(--muted);line-height:1.75}.state-note{border-left:3px solid var(--gold);padding:8px 12px;background:#fff8;margin-top:20px;font-size:10px}.state-note b,.state-note span{display:block}.state-note b{color:var(--gold);margin-bottom:3px}.check-list{display:grid;gap:8px;margin-top:22px;color:var(--leaf);font-size:11px}.release-box{display:flex;justify-content:space-between;align-items:center;background:var(--forest);color:#fff;padding-top:31px;padding-bottom:31px;margin-bottom:18px}.release-box h2{font-size:24px;margin:8px 0 2px}.release-box p{font-size:11px;color:#b9cdb8;margin:0}.disabled-btn{display:inline-flex;padding:12px 16px;background:#617663;color:#dae3d3;font-size:11px}.status-table{padding-bottom:105px}.status-table div{display:grid;grid-template-columns:150px 1fr;padding:17px 0;border-top:1px solid var(--line);font-size:12px}.status-table b{color:var(--leaf)}.status-table span{color:var(--muted)}.guide-steps{padding-top:25px;padding-bottom:85px}.guide-step{display:grid;grid-template-columns:95px 1fr;gap:25px;border-top:1px solid var(--line);padding:25px 0}.guide-step>span{font:27px var(--serif);color:var(--gold)}.guide-step h2{font-size:20px;margin:0 0 4px}.guide-step p{font-size:12px;color:var(--muted);margin:0}.guide-systems{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;background:#fff;padding-top:75px;padding-bottom:75px}.guide-systems h2{font-size:38px;line-height:1.25;margin:20px 0}.system-rows{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.system-rows div{padding:18px 18px 15px 0;border-bottom:1px solid var(--line)}.system-rows b{display:block;font-size:14px}.system-rows span{font-size:11px;color:var(--muted)}.faq-section{max-width:800px;padding-top:95px;padding-bottom:110px}.faq-section details{border-top:1px solid var(--line);padding:18px 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;font-weight:700;font-size:13px}.faq-section details p{font-size:12px;color:var(--muted);max-width:650px}.news-list-page{padding-top:15px;padding-bottom:50px}.news-detail{display:grid;grid-template-columns:155px 1fr 35px;gap:25px;padding:32px 0;border-top:1px solid var(--line)}.news-detail h2{font-size:22px;margin:10px 0 15px;letter-spacing:-.05em}.news-detail p{max-width:680px;color:var(--muted);font-size:12px;margin:7px 0}.news-meta time{display:block;font:20px var(--serif);color:var(--leaf)}.news-arrow{font-size:23px;color:var(--gold)}.news-notice{display:flex;gap:18px;align-items:center;padding:22px 25px;background:var(--meadow);margin-bottom:110px}.notice-symbol{font-size:35px;color:var(--gold)}.news-notice b{font-size:14px}.news-notice p{font-size:11px;color:var(--muted);margin:2px 0}.policy-doc{display:grid;grid-template-columns:220px 1fr;gap:70px;padding-top:25px;padding-bottom:110px}.policy-aside{height:max-content;position:sticky;top:105px;padding:22px;background:var(--forest);color:#fff}.policy-aside span{font-size:10px;letter-spacing:.2em;color:#ebd48e}.policy-aside b{display:block;margin-top:22px;font:23px/1.25 var(--serif)}.policy-aside small{display:block;margin-top:65px;color:#aec4ae;font-size:9px;line-height:1.7}.policy-body{max-width:690px}.policy-body section{border-top:1px solid var(--line);padding:25px 0}.policy-body h2{font-size:18px;margin:0 0 9px}.policy-body p{color:var(--muted);font-size:12px;margin:0;line-height:1.9}.policy-callout{background:var(--meadow);padding:25px!important;border:0!important;margin-top:18px}.policy-callout h2{color:var(--leaf)}
@media(max-width:650px){.inner-hero{padding-top:130px;padding-bottom:65px}.inner-hero:after{font-size:100px;top:90px}.launcher-overview{display:block;padding-top:65px}.launcher-emblem{width:150px;height:150px;margin-bottom:38px;font-size:44px}.launcher-emblem small{font-size:7px}.launcher-overview h2{font-size:36px}.launcher-cards{grid-template-columns:1fr}.launcher-cards article{min-height:300px}.release-box{display:block}.release-box .disabled-btn{margin-top:18px}.status-table div{grid-template-columns:1fr;gap:4px}.guide-steps{padding-bottom:55px}.guide-step{grid-template-columns:55px 1fr;gap:12px}.guide-step h2{font-size:16px}.guide-systems{display:block;padding-top:55px}.system-rows{margin-top:35px}.news-detail{grid-template-columns:1fr 22px;gap:8px}.news-meta{grid-column:1/-1}.news-detail h2{font-size:18px}.policy-doc{display:block;padding-bottom:70px}.policy-aside{position:static;margin-bottom:35px}.policy-aside small{margin-top:25px}}
.hero-world{height:820px;min-height:720px;background:#315c45}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:0}.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#122d21d9 0%,#122d2166 38%,transparent 72%),linear-gradient(0deg,#122d2199,transparent 42%)}.hero-content{z-index:3}.rpg-button{display:inline-flex;align-items:center;gap:14px;padding:13px 19px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;position:relative;transition:.25s;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}.rpg-button.primary{background:linear-gradient(#d9b867,#ac8435);border:1px solid #ffe9a7;box-shadow:inset 0 0 0 2px #6b4f25,0 5px 0 #49351e}.rpg-button.secondary{background:#1c3b2ed9;border:1px solid #d7bd6b;box-shadow:inset 0 0 0 2px #203d2f}.rpg-button:hover{transform:translateY(-3px);filter:brightness(1.1)}.rpg-button b{font-size:17px;color:#f7dd8c}.button-gem{font-size:9px;color:#f8e7a8}.hero-world .hero-note{margin-top:50px}.world-intro{padding-top:125px;padding-bottom:125px}.world-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;margin-top:35px}.world-copy h2{font-size:55px;line-height:1.1;margin:20px 0}.world-copy h2 em{font-family:var(--serif);font-weight:400;color:var(--leaf)}.world-copy p{font-size:13px;color:var(--muted);max-width:390px}.world-copy .lead{font-size:17px;color:var(--ink);line-height:1.9}.world-art-frame{position:relative;background:#c8ba88;padding:15px;box-shadow:10px 10px 0 #294a3520,0 0 0 1px #957c4e}.world-art-frame img{display:block;width:100%;height:340px;object-fit:cover}.map-caption{display:block;color:#fff6d4;font-size:9px;letter-spacing:.17em;padding:10px 2px 0}.feature-tile{background:#eee6cc;overflow:hidden;min-height:410px;border:2px solid #fff8;box-shadow:inset 0 0 0 1px #8d7443}.tile-green{background:#d4e5cc}.tile-gold{background:#efe0af}.tile-sky{background:#d5e8eb}.tile-forest{background:#c0d6bd}.feature-tile img{display:block;width:145px;height:145px;object-fit:contain;margin:16px auto 4px;filter:drop-shadow(7px 9px 0 #294a3524);transition:.25s}.feature-tile:hover img{transform:translateY(-6px) rotate(-2deg)}.feature-tile h3{font-size:19px}.feature-tile p{font-size:12px;max-width:210px}.showcase-section{background:#dfe9d5;padding-top:105px;padding-bottom:120px}.showcase-head{display:flex;justify-content:space-between;align-items:end;margin:22px 0 37px}.showcase-head h2{font-size:44px}.showcase-head p{font-size:12px;color:var(--muted);max-width:360px}.showcase-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;grid-template-rows:385px;gap:12px}.showcase-grid figure{position:relative;overflow:hidden;margin:0;background:#294a35;border:4px solid #a68b50;box-shadow:inset 0 0 0 2px #f3df9a}.showcase-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.showcase-grid figure:hover img{transform:scale(1.04)}.showcase-grid figcaption{position:absolute;left:18px;right:18px;bottom:15px;color:#fff;z-index:1}.showcase-grid figcaption:before{content:'';position:absolute;inset:-35px -18px -15px;background:linear-gradient(transparent,#173829d9);z-index:-1}.showcase-grid figcaption b{display:block;font-size:17px}.showcase-grid figcaption span{font-size:9px;color:#ead390;letter-spacing:.12em}.art-note{font-size:10px;color:#7a887a;margin:13px 0 0}.final-portal{min-height:500px}.final-portal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.8)}.portal-shade{position:absolute;inset:0;background:linear-gradient(90deg,#122d21e8,#122d2175 55%,#122d2170)}.portal-content{z-index:2}.light-ghost{margin-left:13px}.news-preview-card{border:0;background:#f5ecd0;box-shadow:4px 5px 0 #92764822;clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px))}.quest-card:before{content:'QUEST';position:absolute;right:22px;top:17px;color:#a68237;font-size:9px;letter-spacing:.2em}.inner-header .nav a.active:after{display:block}
@media(max-width:900px){.world-intro-grid{gap:35px}.showcase-grid{grid-template-columns:1.2fr .8fr;grid-template-rows:280px 280px}.showcase-main{grid-row:span 2}.feature-tile img{width:125px;height:125px}}
@media(max-width:650px){.hero-world{height:760px;min-height:700px}.hero-art{object-position:62% bottom}.hero-shade{background:linear-gradient(90deg,#122d21e6 0%,#122d2170 76%),linear-gradient(0deg,#122d21bb,transparent 56%)}.hero-content{padding-top:140px}.hero-content h1{font-size:45px}.hero-content p{font-size:13px}.world-intro{padding-top:85px}.world-intro-grid{display:block}.world-copy h2{font-size:44px}.world-art-frame{margin-top:35px}.world-art-frame img{height:250px}.showcase-head{display:block}.showcase-head p{margin-top:18px}.showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 210px}.showcase-main{grid-column:span 2;grid-row:auto}.showcase-grid figure:nth-child(2),.showcase-grid figure:nth-child(3){grid-row:2}.showcase-grid figcaption b{font-size:13px}.rpg-button{font-size:11px}.light-ghost{margin:20px 0 0}.final-portal{min-height:520px}}
.hero-world{background:#142b2c;border-bottom:5px solid #b28a43}.hero-art{filter:brightness(.78) saturate(1.28) contrast(1.12)}.hero-world:before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 74% 24%,#f8d68b4d 0 4%,transparent 22%),linear-gradient(115deg,transparent 35%,#d4b2601c 52%,transparent 67%);mix-blend-mode:screen;pointer-events:none}.hero-shade{background:linear-gradient(90deg,#071817e8 0%,#0b201db5 30%,#0b201d2e 68%,#0b201d66 100%),linear-gradient(0deg,#071817c9 0%,transparent 48%)}.hero-content h1{font-size:clamp(50px,6.5vw,90px);text-shadow:0 3px 0 #0a211e,0 10px 30px #06131288}.hero-content h1 em{color:#f0cb74}.world-stamp{color:#e4c46e}.hero-sign{font-size:25px;text-shadow:0 2px 0 #102520,0 0 22px #f0c86a55}.scroll-cue{color:#e4d8b5}.world-intro{background:#e9e0cf;position:relative}.world-intro:before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#2f5b4e 0 24px,#d0aa5a 24px 27px,#2f5b4e 27px 49px)}.world-copy h2,.showcase-head h2,.section h2{font-family:var(--sans);font-weight:800}.world-copy h2 em,.showcase-head h2 em{color:#2b6655;text-shadow:1px 1px #fff5}.world-art-frame{background:#253d3a;border:8px solid #9c783d;box-shadow:0 0 0 3px #e5c875,12px 14px 0 #162a2926}.world-art-frame img{filter:saturate(1.22) contrast(1.08)}.map-caption{color:#e8cb7c}.features-section{background:#162d2c;position:relative;color:#f5efdf}.features-section:before{content:'';position:absolute;inset:0;opacity:.23;background:linear-gradient(135deg,transparent 25%,#d1a958 25.2%,transparent 25.6%,transparent 74%,#d1a958 74.2%,transparent 74.6%),linear-gradient(45deg,transparent 25%,#d1a958 25.2%,transparent 25.6%,transparent 74%,#d1a958 74.2%,transparent 74.6%);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent 76%)}.features-section>.wrap{position:relative;z-index:1}.features-section .section-kicker{color:#d9b968}.features-section .section-heading p{color:#bdc9bb}.features-section .section h2 em,.features-section h2 em{color:#e5c56d}.feature-tiles{gap:17px}.feature-tile{background:linear-gradient(145deg,#284c43,#193330);border:1px solid #d2ae5c;box-shadow:inset 0 0 0 3px #162c2a,inset 0 0 0 4px #8b6a36,0 13px 0 #091917;min-height:420px}.tile-gold{background:linear-gradient(145deg,#51472f,#2a3327)}.tile-sky{background:linear-gradient(145deg,#24505a,#193331)}.tile-forest{background:linear-gradient(145deg,#355542,#1d3931)}.feature-tile:after{content:'';position:absolute;inset:9px;border:1px solid #f1d68555;pointer-events:none}.feature-tile img{width:175px;height:170px;filter:drop-shadow(0 10px 0 #08191788) drop-shadow(0 0 18px #d5ae5266)}.tile-number{color:#e6c76e;position:relative;z-index:1}.feature-tile h3{color:#fff2cf;font-size:21px;position:relative;z-index:1}.feature-tile p{color:#c4d2c5;position:relative;z-index:1}.tile-link{color:#e7c66b;z-index:1}.development-badge{background:#d0a74e;color:#1b2e29;z-index:2;font-weight:800}.showcase-section{background:#203b38;color:#f6efdc;position:relative}.showcase-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,#d1ad5a1e,transparent 30%),linear-gradient(90deg,transparent 49%,#d1ad5a22 50%,transparent 51%);background-size:auto,48px 48px;pointer-events:none}.showcase-section>.wrap{position:relative;z-index:1}.showcase-section .section-kicker{color:#d9b968}.showcase-head p{color:#b9c8bc}.showcase-grid figure{border:5px solid #b68b45;box-shadow:inset 0 0 0 2px #ebce7b,0 12px 0 #0c211f}.showcase-grid img{filter:brightness(.78) saturate(1.25) contrast(1.1)}.showcase-grid figcaption b{color:#fff2c9}.art-note{color:#afc0b0}.start-section{background:radial-gradient(circle at 78% 0%,#4c6c4a,#162a2a 45%,#0d1c1d 100%);border-top:5px solid #b58c46;border-bottom:5px solid #b58c46}.start-section .section-kicker{color:#ddbf68}.start-section h2 em{color:#edcc72}.start-steps{border-top-color:#d6b56088}.start-steps span{color:#e4c471}.start-steps b{color:#f8efd3}.start-steps small{color:#b6c9b6}.news-preview{background:#e9e0cf;max-width:none;padding-left:max(34px,calc((100% - 1112px)/2));padding-right:max(34px,calc((100% - 1112px)/2));margin:0}.news-preview-card{background:#e6d4aa;border:2px solid #876937;box-shadow:inset 0 0 0 3px #f3e4bc,5px 7px 0 #57462c33}.news-preview-card h3{color:#243b32}.news-preview-card p{color:#586b5b}.news-preview-card:hover{box-shadow:inset 0 0 0 3px #f3e4bc,5px 13px 0 #57462c33}.final-portal{border-top:5px solid #d4b05e}.final-portal>img{filter:brightness(.62) saturate(1.35) contrast(1.1)}.portal-shade{background:linear-gradient(90deg,#071a18ed,#0c2521a8 56%,#0c252155),radial-gradient(circle at 74% 42%,#d7ad5d55,transparent 28%)}.portal-content h2{font-size:58px;text-shadow:0 3px #0b201e}.site-footer{background:#101f20;color:#d7ddcf;border-top:6px solid #a77d38}.site-footer .brand small,.site-footer .footer-brand p,.site-footer .footer-nav .muted,.footer-bottom{color:#9eb1a4}.site-footer .footer-nav>b{color:#d7b65f}.site-footer .footer-nav a:hover{color:#ebc873}.site-footer .footer-bottom{border-top-color:#d2ab5a55}.inner-header{background:#152b2b;color:#f0ead9;border-bottom:2px solid #b68c45}.inner-hero{background:linear-gradient(115deg,#152e2d,#334f43 58%,#d0b06c);color:#fff}.inner-hero:before{content:'';position:absolute;inset:0;background:url('assets/arviren-meadow.svg') center/cover;opacity:.22;mix-blend-mode:luminosity}.inner-hero .wrap{position:relative;z-index:1}.inner-hero h1{color:#fff;text-shadow:0 3px #142a28}.inner-hero h1 em{color:#efd078}.launcher-cards article{border-color:#a78142;box-shadow:inset 0 0 0 3px #f4e8bd}.release-box{background:#142c2b;border-top:2px solid #d1ac59;border-bottom:2px solid #d1ac59}.rpg-button.secondary.light-ghost{background:#102322d9}.faq-section details,.guide-step{border-color:#b29a68}.policy-aside{background:#152d2c;border:2px solid #b58c46}
/* cinematic 3D assets */
/* Generated 3D RPG key art replaces the placeholder vector scenes in the visual layers. */
.hero-world{background-image:url('assets/hero-arviren-world.jpg');background-size:cover;background-position:center bottom}.hero-world .hero-art{display:none}.final-portal{background-image:url('assets/arviren-dungeon.jpg');background-size:cover;background-position:center}.final-portal>img{display:none}.showcase-main img{content:url('assets/hero-arviren-world.jpg')}.showcase-grid figure:nth-child(2) img{content:url('assets/arviren-relics.jpg')}.showcase-grid figure:nth-child(3) img{content:url('assets/arviren-dungeon.jpg')}.feature-tile img{width:calc(100% + 40px);height:180px;margin:-10px -20px 16px;object-fit:cover;filter:brightness(.76) saturate(1.16) contrast(1.08);border-bottom:2px solid #d3ae5b}.feature-tile:nth-child(1) img{content:url('assets/arviren-dungeon.jpg');object-position:center}.feature-tile:nth-child(2) img{content:url('assets/arviren-relics.jpg');object-position:center}.feature-tile:nth-child(3) img{content:url('assets/hero-arviren-world.jpg');object-position:center bottom}.feature-tile:nth-child(4) img{content:url('assets/arviren-dungeon.jpg');object-position:right center}
/* Final cinematic hero art pass. */
.hero-world{background-image:url('assets/hero-arviren-legend.jpg');background-position:center center}.hero-world .hero-shade{background:linear-gradient(90deg,#071516e8 0%,#071516b8 24%,#0715163b 48%,transparent 72%),linear-gradient(0deg,#071516b5 0%,transparent 45%)}.hero-world:before{background:radial-gradient(circle at 76% 20%,#ffe0a355 0 5%,transparent 25%),linear-gradient(110deg,transparent 28%,#f0c96f1c 52%,transparent 66%)}.hero-content h1{font-size:clamp(54px,7vw,102px);line-height:1.06;max-width:740px;letter-spacing:-.08em}.hero-content p{font-size:16px;color:#f4f1e6;line-height:1.9}.hero-sign{right:5%;bottom:17%;font-size:29px}.showcase-main img{content:url('assets/hero-arviren-legend.jpg')}
.server-hero .hero-content h1{font-size:clamp(48px,6vw,84px)}.server-hero .hero-content h1 em{color:#e9c56b}.hero-server-ui{position:absolute;z-index:3;right:5%;top:125px;display:grid;gap:4px;padding:14px 16px;border-left:2px solid #d1a958;background:#071a18b8;color:#ead28b;font-size:9px;letter-spacing:.18em}.hero-server-ui b{color:#fff;font-size:14px;letter-spacing:.08em}.hero-server-ui small{color:#b8c9bb;font-size:8px}.hero-badge-panel{position:absolute;z-index:3;right:5%;bottom:22%;padding:18px 21px;min-width:165px;border:1px solid #d2ae5c;background:#0b201dd9;box-shadow:inset 0 0 0 3px #183b33;color:#d6b967}.hero-badge-panel span,.hero-badge-panel i{display:block;font-size:8px;letter-spacing:.16em;font-style:normal}.hero-badge-panel b{display:block;color:#fff4d5;font-size:16px;line-height:1.25;margin:9px 0}.hero-badge-panel i{color:#a8c3ad;letter-spacing:0}.server-overview{padding-top:105px;padding-bottom:105px}.server-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:32px;align-items:center}.server-overview h2{font-size:47px;line-height:1.15;margin:10px 0 25px}.server-overview h2 em{color:var(--leaf);font-family:var(--serif);font-weight:400}.server-overview p{max-width:500px;font-size:13px;color:var(--muted)}.server-overview .lead{font-size:17px;color:var(--ink);line-height:1.85}.server-spec-panel{background:#192f2d;color:#f6ecd0;border:2px solid #aa823e;box-shadow:inset 0 0 0 4px #0d211f;padding:12px}.server-spec-panel div{display:grid;grid-template-columns:100px 1fr;padding:16px 12px;border-bottom:1px solid #d4b05b55}.server-spec-panel div:last-child{border:0}.server-spec-panel span{font-size:9px;letter-spacing:.14em;color:#d6b868}.server-spec-panel b{font-size:13px}.server-spec-panel .status-warn{color:#e5bb63}.gameplay-flow{background:#e7dfcd;border-top:7px solid #2c574b;border-bottom:1px solid #a27d43}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #9e875c;margin-top:38px}.flow-grid div{min-height:185px;padding:25px 22px;border-right:1px solid #b7a377;position:relative}.flow-grid div:last-child{border:0}.flow-grid span{font:27px var(--serif);color:#ae8437}.flow-grid b{display:block;margin-top:21px;font-size:15px}.flow-grid p{font-size:11px;color:#6a796a;line-height:1.7}.access-section{background:#142c2b;color:#fff;border-top:2px solid #d3ae5c;border-bottom:2px solid #d3ae5c}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.access-section h2{font-size:46px;margin:18px 0}.access-section h2 em{color:#e7c570}.access-section p{color:#b9c9b8;font-size:13px;max-width:430px;margin-bottom:28px}.access-status{border:1px solid #b58b43;background:#0c201e;box-shadow:inset 0 0 0 4px #173b34}.access-status div{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;padding:19px 18px;border-bottom:1px solid #d1aa5a4d}.access-status div:last-child{border:0}.access-status span{font-size:9px;color:#d2b25f;letter-spacing:.15em}.access-status b{font-size:12px}.access-status i{font-size:8px;color:#91bc9c;font-style:normal;letter-spacing:.12em}.access-status i.pending{color:#d8b66d}.server-hero .hero-note{font-family:var(--sans);font-style:normal}.server-hero .hero-art{display:none}
@media(max-width:900px){.server-overview-grid,.access-grid{gap:35px}.flow-grid{grid-template-columns:1fr 1fr}.flow-grid div:nth-child(2){border-right:0}.flow-grid div:nth-child(-n+2){border-bottom:1px solid #b7a377}}
@media(max-width:650px){.hero-server-ui{top:90px;right:20px}.hero-badge-panel{right:20px;bottom:14%;transform:scale(.85);transform-origin:right bottom}.server-overview-grid,.access-grid{display:block}.server-overview h2,.access-section h2{font-size:38px}.server-spec-panel{margin-top:30px}.flow-grid{grid-template-columns:1fr}.flow-grid div{border-right:0!important;border-bottom:1px solid #b7a377!important;min-height:150px}.flow-grid div:last-child{border-bottom:0!important}.access-status{margin-top:35px}.access-status div{grid-template-columns:75px 1fr;gap:7px}.access-status i{grid-column:2}}
.server-hero{background-image:url('assets/hero-arviren-world.jpg')}.server-hero:after{content:'';position:absolute;z-index:2;right:1%;bottom:-5%;width:36%;height:91%;background:url('assets/arviren-hero-character.png') center bottom/contain no-repeat;mix-blend-mode:screen;filter:drop-shadow(0 0 25px #16d4d055) drop-shadow(0 18px 18px #05100ecc);pointer-events:none}.server-hero .hero-content{z-index:4}.server-hero .hero-badge-panel,.server-hero .hero-server-ui,.server-hero .scroll-cue{z-index:5}.server-hero .hero-badge-panel{right:4%;bottom:16%}.server-hero .hero-server-ui{right:4%}
@media(max-width:650px){.server-hero:after{right:-13%;bottom:0;width:64%;height:58%;opacity:.93}.server-hero .hero-badge-panel{right:18px;bottom:16%;transform:scale(.78);transform-origin:right bottom}.server-hero .hero-content{padding-top:135px}.server-hero .hero-content h1{font-size:42px;max-width:310px}.server-hero .hero-content p{max-width:275px;font-size:12px}.server-hero .hero-server-ui{right:18px;top:90px;transform:scale(.85);transform-origin:right top}}
.feature-tiles{grid-template-columns:1fr 1fr;gap:20px}.feature-tile{min-height:485px;padding:25px 26px;background:#101e20;border-color:#d0a64f}.feature-tile:nth-child(1){background:linear-gradient(150deg,#121c2d,#182d38)}.feature-tile:nth-child(2){background:linear-gradient(150deg,#271d18,#3b2b1d)}.feature-tile:nth-child(3){background:linear-gradient(150deg,#16202c,#1c3e48)}.feature-tile:nth-child(4){background:linear-gradient(150deg,#211629,#36202f)}.feature-tile img{width:calc(100% + 48px);height:260px;margin:-11px -24px 20px;object-fit:cover;filter:brightness(.82) saturate(1.35) contrast(1.1);border-bottom:2px solid #e4bf68}.feature-tile:nth-child(1) img{content:url('assets/activity-mine.jpg');object-position:center}.feature-tile:nth-child(2) img{content:url('assets/activity-forge.jpg');object-position:center}.feature-tile:nth-child(3) img{content:url('assets/hero-arviren-legend.jpg');object-position:center bottom}.feature-tile:nth-child(4) img{content:url('assets/activity-raid.jpg');object-position:center}.feature-tile h3{font-size:24px;color:#fff0c7}.feature-tile p{font-size:13px;color:#c6d0cf;max-width:400px}.feature-tile .tile-number{color:#e6c16b}.feature-tile .tile-link{bottom:25px;color:#e8c56e}.gameplay-flow{background:radial-gradient(circle at 15% 30%,#1c5b70 0,transparent 28%),radial-gradient(circle at 85% 70%,#782c6d 0,transparent 30%),#101c27;color:#fff0d0;border-top:3px solid #54d5df;border-bottom:3px solid #d455bc}.gameplay-flow .section-kicker{color:#64e2e5}.gameplay-flow .section-heading p{color:#a9c2c5}.gameplay-flow h2 em{color:#e9a1ed}.flow-grid{border-color:#7fdde055}.flow-grid div{border-color:#7fdde055}.flow-grid span{color:#55d7e1;text-shadow:0 0 18px #55d7e188}.flow-grid b{color:#fff2d0}.flow-grid p{color:#b7cbd0}.showcase-section{background:#101b24}.showcase-main img{content:url('assets/activity-raid.jpg')}.showcase-grid figure:nth-child(2) img{content:url('assets/activity-mine.jpg')}.showcase-grid figure:nth-child(3) img{content:url('assets/activity-forge.jpg')}.showcase-grid figure{border-color:#cda54f;box-shadow:inset 0 0 0 2px #67e0e5,0 12px 0 #08151a}.showcase-grid figcaption span{color:#72e2e6}.server-overview{background:linear-gradient(135deg,#f0dfbb,#d2e0d4);max-width:none;padding-left:max(34px,calc((100% - 1112px)/2));padding-right:max(34px,calc((100% - 1112px)/2));border-top:3px solid #caa14d}.server-spec-panel{box-shadow:0 13px 0 #23423b33,0 0 0 3px #e7ca7b}.access-section{background:radial-gradient(circle at 82% 30%,#cc4c9c55,transparent 25%),radial-gradient(circle at 18% 80%,#22bad155,transparent 30%),#141d2a}
@media(max-width:900px){.feature-tiles{grid-template-columns:1fr 1fr}.feature-tile img{height:210px}}
@media(max-width:650px){.feature-tiles{grid-template-columns:1fr}.feature-tile{min-height:430px}.feature-tile img{height:230px}.feature-tile h3{font-size:22px}}

/* Premium visual polish: typography, HUD framing, glow and safe responsive spacing. */
:root{--display:"Bahnschrift","Arial Narrow","Segoe UI","Noto Sans KR","Malgun Gothic",sans-serif;--sans:"Noto Sans KR","Malgun Gothic","Segoe UI",Arial,sans-serif;--serif:"Cambria","Times New Roman",serif}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,p{overflow-wrap:keep-all;word-break:keep-all}
h1,h2,h3{font-family:var(--display)}
.hero-content h1,.section h2,.portal-content h2,.inner-hero h1{letter-spacing:-.035em}
.hero-content h1 em,.section h2 em,.final-portal h2 em,.inner-hero h1 em{letter-spacing:-.02em}
.site-header{border-bottom:1px solid #f6d67524;box-shadow:0 8px 32px #050f1420}
.site-header:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#f2ca68 22%,#64e3e8 50%,#e15bc4 78%,transparent);opacity:.75}
.brand{font-family:var(--display);text-shadow:0 0 18px #f1c65a33}
.brand b{font-size:18px;letter-spacing:.22em}
.brand-glyph{box-shadow:0 0 0 3px #d2a74b22,0 0 18px #e0ba5c55}
.nav a{font-family:var(--display);font-weight:700;letter-spacing:.02em}
.header-cta{border:1px solid #ffe8a2;box-shadow:inset 0 0 0 2px #826429,0 4px 0 #5a431f;transition:.2s}
.header-cta:hover{transform:translateY(-2px);filter:brightness(1.12)}
.server-hero{border-bottom:3px solid #d3a94f}
.server-hero:before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 77% 36%,#4ce5ed2b,transparent 17%),radial-gradient(circle at 90% 62%,#e851cf20,transparent 21%),linear-gradient(118deg,transparent 37%,#f6c95814 49%,transparent 60%);mix-blend-mode:screen}
.server-hero:after{filter:drop-shadow(0 0 22px #38dce577) drop-shadow(0 0 60px #c33cbd33) drop-shadow(0 18px 18px #05100ecc)}
.hero-content h1{font-family:var(--display);font-weight:900;text-shadow:0 3px 0 #071517,0 0 16px #d2a84933,0 12px 34px #000b}
.hero-content h1 em{background:linear-gradient(105deg,#fff0a6 0%,#f2c45f 36%,#ff8fd6 72%,#7debf1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero-content p{max-width:560px;text-shadow:0 2px 10px #061413}
.hero-actions{gap:18px;flex-wrap:wrap}
.rpg-button{min-height:48px;padding:14px 21px;border-radius:2px;letter-spacing:.01em;text-shadow:0 1px #37271a;box-shadow:inset 0 0 0 1px #fff7,0 5px 0 #3e2c1b,0 0 18px #f0c45a1c}
.rpg-button:focus-visible,.header-cta:focus-visible,.nav a:focus-visible,.menu-toggle:focus-visible{outline:3px solid #70e8ee;outline-offset:4px}
.rpg-button.primary{background:linear-gradient(110deg,#9b6c25,#e1bd57 47%,#b47d2c);box-shadow:inset 0 0 0 2px #60431f,0 5px 0 #3d2c1d,0 0 26px #e7b94d44}
.rpg-button.primary:hover{box-shadow:inset 0 0 0 2px #ffe8a1,0 8px 0 #3d2c1d,0 0 32px #f1c55b88}
.rpg-button.secondary{background:linear-gradient(110deg,#12252aee,#203f4aee);box-shadow:inset 0 0 0 1px #74e2e8,0 5px 0 #081417,0 0 20px #51d8e833}
.hero-server-ui{border:1px solid #b89143;border-left:3px solid #60e4e8;box-shadow:inset 0 0 0 3px #102b2d,0 10px 30px #040b0d66,0 0 20px #49dce933}
.hero-server-ui b{font-family:var(--display);text-shadow:0 0 15px #5ce5eb66}
.hero-badge-panel{border-color:#e0bd60;box-shadow:inset 0 0 0 3px #173b36,inset 0 0 20px #ca4db326,0 12px 30px #02090c77}
.hero-badge-panel:before{content:'';position:absolute;inset:7px;border:1px solid #65dfe466;pointer-events:none}
.hero-badge-panel b{font-family:var(--display);text-shadow:0 0 15px #f0c96855}
.hero-note{font-size:12px;letter-spacing:.03em;text-shadow:0 1px 8px #071412}
.scroll-cue{font-family:var(--display);font-weight:800;text-shadow:0 0 12px #63e1e877}
.section-kicker{font-family:var(--display);font-weight:900}
.section-heading h2,.server-overview h2,.showcase-head h2,.access-section h2{font-weight:900;text-shadow:0 2px 0 #00000012}
.server-overview{position:relative;overflow:hidden}
.server-overview:after{content:'ARVIREN // SERVER DATA';position:absolute;right:5%;top:28px;color:#31544855;font:700 9px var(--display);letter-spacing:.22em;transform:rotate(90deg);transform-origin:right top}
.server-spec-panel{position:relative;overflow:hidden}
.server-spec-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,#62dce51a 50%,transparent 62%);pointer-events:none}
.server-spec-panel div{position:relative;z-index:1}
.features-section:after,.showcase-section:after,.gameplay-flow:after{content:'✦  ◆  ◈  ◆  ✦';position:absolute;right:4%;top:26px;color:#f0c65d44;font-size:18px;letter-spacing:.55em;transform:rotate(-8deg);pointer-events:none}
.feature-tile{border-radius:2px;isolation:isolate;transition:transform .28s,box-shadow .28s,filter .28s}
.feature-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#ffffff10,transparent 34%,#ed4fcf0d 70%,#59e8ef12);z-index:0;pointer-events:none}
.feature-tile:after{inset:10px;border-color:#f7d87588;box-shadow:0 0 24px #60dfe833}
.feature-tile:hover{transform:translateY(-10px) scale(1.012);filter:saturate(1.16);box-shadow:inset 0 0 0 3px #162c2a,inset 0 0 0 4px #d6ad50,0 19px 0 #091917,0 0 28px #55dbe344}
.feature-tile img{position:relative;z-index:1;filter:brightness(.86) saturate(1.55) contrast(1.12);transition:transform .4s,filter .4s}
.feature-tile:hover img{transform:scale(1.045);filter:brightness(.96) saturate(1.7) contrast(1.14)}
.feature-tile h3{font-family:var(--display);letter-spacing:-.025em}
.feature-tile p{line-height:1.8}
.tile-link{font-family:var(--display);font-weight:900}
.gameplay-flow{position:relative;overflow:hidden}
.gameplay-flow .section-heading h2{color:#fff4d8}
.flow-grid{position:relative;border:1px solid #66dae355;box-shadow:0 0 24px #42cbd522,inset 0 0 24px #050d161c}
.flow-grid div{background:#07151b2b;transition:background .25s,transform .25s}
.flow-grid div:hover{background:#5adce518;transform:translateY(-4px)}
.flow-grid b{font-family:var(--display);letter-spacing:-.02em}
.showcase-section{overflow:hidden}
.showcase-grid figure{transition:transform .3s,box-shadow .3s}
.showcase-grid figure:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 2px #83f0f3,0 18px 0 #08151a,0 0 26px #e0ba5a55}
.showcase-grid img{filter:brightness(.82) saturate(1.45) contrast(1.12)}
.showcase-grid figcaption b{font-family:var(--display);letter-spacing:-.02em;text-shadow:0 2px 8px #000}
.access-section{position:relative;overflow:hidden}
.access-section:before{content:'ACCESS // PREPARE YOUR LOADOUT';position:absolute;right:4%;top:26px;color:#6fe8ee38;font:800 9px var(--display);letter-spacing:.18em}
.access-status div{transition:background .2s,transform .2s}
.access-status div:hover{background:#55dce512;transform:translateX(5px)}
.access-status b{font-family:var(--display);letter-spacing:-.02em}
.news-preview{position:relative;overflow:hidden}
.news-preview-card{transition:transform .25s,box-shadow .25s,filter .25s}
.news-preview-card:hover{filter:saturate(1.15);box-shadow:inset 0 0 0 3px #f3e4bc,5px 13px 0 #57462c33,0 0 22px #e4b85b55}
.news-preview-card h3{font-family:var(--display);letter-spacing:-.025em}
.final-portal{position:relative}
.final-portal:after{content:'PORTAL GATE // ARVIREN';position:absolute;right:7%;top:30px;color:#ead17d99;font:800 10px var(--display);letter-spacing:.24em;writing-mode:vertical-rl}
.portal-content h2{font-family:var(--display);font-weight:900}
.portal-content h2 em{background:linear-gradient(100deg,#f4d572,#ff91d7,#76edf1);-webkit-background-clip:text;background-clip:text;color:transparent}
.portal-content h2{font-family:"Noto Serif KR","Batang","Malgun Gothic",Georgia,serif;font-weight:600;letter-spacing:-.025em;text-shadow:0 2px 14px #02090caa}
.portal-content h2 em{font-weight:600;letter-spacing:-.02em;text-shadow:none}
.site-footer .brand b{letter-spacing:.24em}
.site-footer .footer-nav a,.site-footer .footer-nav span{line-height:1.75}

@media(max-width:1100px){.header-inner{gap:20px}.nav{gap:15px}.feature-tile h3{font-size:22px}.feature-tile p{font-size:12px}.hero-badge-panel{right:3%}}
@media(max-width:900px){.hero-content h1{font-size:clamp(48px,8vw,74px)}.hero-server-ui{right:3%}.hero-badge-panel{right:3%;bottom:15%}.server-overview:after,.access-section:before{display:none}.feature-tiles{gap:17px}.feature-tile{min-height:470px}.feature-tile img{height:210px}.section-heading h2,.showcase-head h2{font-size:42px}}
@media(max-width:650px){
  .wrap{padding-left:20px;padding-right:20px}
  .site-header{background:#0b1d20ee}
  .site-header.scrolled{background:#101f20f5;color:#f5efdf}
  .header-inner{padding:0 20px;height:70px}
  .brand b{font-size:16px}.brand small{font-size:7px;letter-spacing:.14em}
  .nav{top:70px;padding:19px 20px;background:#101f20f8;color:#f5efdf;border-top:1px solid #d6ae5a}
  .nav a{padding:4px 0;font-size:13px}
  .server-hero{height:760px;min-height:760px}
  .server-hero .hero-content{padding-top:142px}
  .server-hero .hero-content h1{font-size:clamp(40px,11vw,54px);line-height:1.13;max-width:305px}
  .server-hero .hero-content p{max-width:280px;font-size:12px;line-height:1.85}
  .server-hero .hero-actions{gap:11px;margin-top:26px}
  .server-hero .rpg-button{min-height:45px;padding:12px 14px;font-size:11px}
  .server-hero .hero-server-ui{top:91px;right:18px;transform:none;padding:10px 12px;max-width:156px}
  .server-hero .hero-badge-panel{right:18px;bottom:8%;transform:none;min-width:148px;padding:13px 15px}
  .server-hero .hero-badge-panel b{font-size:14px}
  .server-hero:after{right:-17%;bottom:-1%;width:68%;height:53%;opacity:.88}
  .server-hero .hero-note{margin-top:27px;font-size:10px}
  .scroll-cue{bottom:19px;right:20px;font-size:8px}
  .section h2,.server-overview h2,.access-section h2,.showcase-head h2{font-size:36px;line-height:1.18}
  .section-heading{margin-top:19px}
  .feature-tile{min-height:430px;padding:22px 22px}
  .feature-tile img{width:calc(100% + 40px);height:220px;margin:-10px -20px 18px}
  .feature-tile h3{font-size:22px}
  .feature-tile p{font-size:12px;line-height:1.8}
  .gameplay-flow .section-heading p{max-width:280px}
  .flow-grid div{min-height:145px;padding:22px 18px}
  .showcase-grid{gap:9px}.showcase-grid figure{border-width:3px}
  .showcase-grid figcaption{left:12px;right:12px;bottom:11px}.showcase-grid figcaption b{font-size:12px}.showcase-grid figcaption span{font-size:7px}
  .access-status div{padding:17px 14px}.access-status b{font-size:11px;line-height:1.45}
  .final-portal:after{right:18px;top:22px;font-size:7px}.portal-content h2{font-size:40px}
  .portal-content .rpg-button{font-size:11px}.portal-content>div:last-child{display:flex;flex-wrap:wrap;gap:10px}.light-ghost{margin:0}
}

@media(prefers-reduced-motion:reduce){.feature-tile:hover,.showcase-grid figure:hover,.flow-grid div:hover,.access-status div:hover{transform:none}.feature-tile,.showcase-grid figure,.flow-grid div,.access-status div{transition:none}}
.anchor-alias{position:absolute;top:-92px;left:0;width:1px;height:1px;pointer-events:none}
.feature-tile:nth-child(5){grid-column:span 2;background:linear-gradient(120deg,#24182d,#46264b 48%,#173f4d)}
.feature-tile:nth-child(5) img{object-position:center 58%;filter:brightness(.8) saturate(1.6) contrast(1.12)}
.feature-tile:nth-child(5) .tile-link{color:#ff9bdd}
@media(max-width:650px){.feature-tile:nth-child(5){grid-column:auto}}
.server-overview h2{letter-spacing:0;line-height:1.3}
.server-overview h2 em{letter-spacing:0}
.server-overview h2 .heading-tail{display:inline-block;margin-left:.06em;white-space:nowrap}
.server-hero .hero-content h1{letter-spacing:-.015em}
.server-hero .hero-content h1,.server-hero .hero-content h1 em{paint-order:stroke fill;-webkit-text-stroke:.35px #071517}
.server-hero .hero-content h1 em{-webkit-text-stroke:.45px #071517;text-shadow:0 0 14px #000b,0 3px 0 #071517}
.server-overview h2 em{-webkit-text-stroke:1px #152b2b;text-shadow:-1px -1px 0 #f7e7b1,1px -1px 0 #f7e7b1,-1px 1px 0 #f7e7b1,1px 1px 0 #f7e7b1,0 0 12px #173b3466}
.server-overview h2{-webkit-text-stroke:.35px #152b2b;text-shadow:0 2px 0 #fff8,0 4px 14px #173b3444}
.server-hero .hero-content p{color:#fffdf1;text-shadow:-1px -1px 0 #071517,1px -1px 0 #071517,-1px 1px 0 #071517,1px 1px 0 #071517,0 3px 16px #000d}
.server-hero .hero-content h1{-webkit-text-stroke:1px #061315;text-shadow:-1px -1px 0 #061315,1px -1px 0 #061315,-1px 1px 0 #061315,1px 1px 0 #061315,0 4px 18px #000e}
.server-hero .hero-content h1 em{-webkit-text-stroke:1.1px #061315;text-shadow:-1px -1px 0 #061315,1px -1px 0 #061315,-1px 1px 0 #061315,1px 1px 0 #061315,0 0 16px #000e}
.server-hero .hero-content p{-webkit-text-stroke:.45px #061315}
.server-hero .world-stamp{ text-shadow:-1px -1px 0 #071517,1px -1px 0 #071517,-1px 1px 0 #071517,1px 1px 0 #071517,0 0 14px #000b}
.server-hero .hero-note{ text-shadow:-1px -1px 0 #071517,1px -1px 0 #071517,-1px 1px 0 #071517,1px 1px 0 #071517}
.brand-glyph,.compass{font-size:0;border-color:#e7c566;background:radial-gradient(circle,#f6d77c22 0 42%,transparent 44%);box-shadow:0 0 0 3px #d5aa4b22,0 0 16px #e4bd5a44}
.brand-glyph:before,.compass:before{content:'◆';font-size:15px;line-height:1;color:#f4d274;text-shadow:0 0 10px #f4d27499}
.compass:before{font-size:14px}
.brand-glyph,.compass{width:32px;height:32px;min-width:32px;border:1px solid #e7c566;border-radius:50%;display:grid;place-items:center;box-sizing:border-box}
.brand-glyph:before,.compass:before{font-size:14px;margin:0;transform:none}
.server-hero .hero-content{isolation:isolate}
.server-hero .hero-content:before{content:'';position:absolute;z-index:-1;left:0;top:105px;width:min(700px,82vw);height:380px;background:radial-gradient(ellipse at 18% 42%,#061315dc 0%,#061315aa 39%,#06131545 63%,transparent 80%);filter:blur(7px);pointer-events:none}
.server-hero .hero-content h1,.server-hero .hero-content h1 em{ -webkit-text-stroke:0; text-shadow:0 2px 0 #061315,0 5px 20px #000e,0 0 28px #000b}
.server-hero .hero-content p{ -webkit-text-stroke:0; text-shadow:0 2px 0 #061315,0 4px 14px #000e}
.feature-tile{min-height:500px;padding:24px 25px}
.feature-tile img,.feature-tile:nth-child(n) img{width:100%;height:220px;margin:0 0 20px;object-fit:cover;border:1px solid #f0cb6e88;border-bottom:2px solid #e5bd5d;box-shadow:0 8px 18px #02080c55}
.feature-tile p{padding-bottom:34px}
.feature-tile .tile-link{left:25px;bottom:22px}
@media(max-width:900px){.feature-tile{min-height:475px}.feature-tile img,.feature-tile:nth-child(n) img{height:205px}}
@media(max-width:650px){.server-overview h2{line-height:1.35}.feature-tile{min-height:445px;padding:21px 21px}.feature-tile img,.feature-tile:nth-child(n) img{height:175px;margin-bottom:17px}.feature-tile .tile-link{left:21px;bottom:20px}}