@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--blue:#4259ed;--ink:#17213c;--muted:#8991a4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fbfcff;font:14px 'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8594ff;outline-offset:4px}.demo-bar{background:#17213c;color:#a5b3dc;text-align:center;padding:8px;font-size:9px;letter-spacing:2px}.demo-bar span{letter-spacing:0;margin-left:15px;color:#e0e6ff}header{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;height:95px;padding:0 40px}.logo{font-size:25px;font-weight:800;letter-spacing:-1.2px}.logo span{color:var(--blue)}.logo i{font-size:12px;color:var(--blue);font-style:normal;margin-left:3px}nav{display:flex;gap:35px;font-size:13px;color:#616b81}.outline{border:1px solid #dbe0ef;background:white;color:#4354c7;padding:11px 17px;border-radius:7px;font-size:12px}.primary{display:inline-flex;gap:30px;align-items:center;background:var(--blue);color:white;border:0;border-radius:8px;padding:16px 23px;font-size:13px;font-weight:600}.hero{max-width:1200px;margin:15px auto 55px;background:#eef1ff;display:grid;grid-template-columns:1fr 1fr;padding:60px;border-radius:22px;overflow:hidden;min-height:430px}.kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:#6f7bd0}h1{font-size:43px;line-height:1.5;letter-spacing:-2px;margin:20px 0}h1 span{color:var(--blue)}.hero p{color:#79829b;line-height:1.9;font-size:13px;margin-bottom:25px}.hero-note{font-size:9px;letter-spacing:2px;color:#8b96bf;margin-top:32px}.hero-art{position:relative;min-height:330px}.orbit{width:330px;height:330px;position:absolute;border:1px solid #ced5fc;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #c7cff8;border-radius:50%}.loot{width:185px;height:235px;background:#fff;border:1px solid #e0e5ff;position:absolute;border-radius:17px;box-shadow:0 22px 35px #3549a421;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.loot span{font-family:Georgia;font-size:84px;color:#6273f1}.loot small{font-size:8px;color:#a5adca;letter-spacing:1.5px}.loot b{font-size:12px;color:#5c678a}.loot-sword{transform:rotate(-12deg);left:20px;top:20px;z-index:2}.loot-coin{transform:rotate(14deg);right:0;top:90px;background:#4b60e9;border-color:#6579ff}.loot-coin span{color:#e8d293;text-shadow:0 5px 20px #0e195f4d}.loot-coin b,.loot-coin small{color:#e0e5ff}.float-label{position:absolute;bottom:0;left:25px;background:white;color:#5565d7;padding:12px 17px;border-radius:25px;font-size:9px;letter-spacing:1px;box-shadow:0 6px 15px #3549a412}.mini-cross{position:absolute;right:25px;top:5px;font-size:30px;color:#99a8ff}main>section:not(.hero),main>.market{max-width:1200px;margin-left:auto;margin-right:auto}.section-line{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-line h2{font-size:21px;letter-spacing:-.8px}.section-line>span{font-size:11px;color:#929aae}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:20px 0 50px}.game-grid button{background:white;border:1px solid #e4e8f2;padding:22px 12px;border-radius:12px;display:grid;justify-items:center;gap:8px;color:var(--ink)}.game-grid button:hover,.game-grid button.selected{border-color:#8898fa;background:#f2f4ff}.game-grid i{width:48px;height:48px;border-radius:13px;display:grid;place-content:center;font:bold 28px Georgia;font-style:normal;margin-bottom:4px}.game-grid b{font-size:12px}.game-grid small{font-size:10px;color:#99a1b3}.all-game{background:#edf0ff;color:#6778e9}.lineage{background:#f4eee2;color:#9c8147}.maple{background:#fff0e4;color:#d68d4c}.lost{background:#e8edf6;color:#566987}.dungeon{background:#f9e8e8;color:#b36c6c}.market{padding-top:30px;border-top:1px solid #e7eaf3;margin-bottom:60px}.market-head{display:flex;justify-content:space-between;align-items:center}.market h2{font-size:27px;letter-spacing:-1px;margin:10px 0}.market-head p,.market-note{font-size:12px;color:#929bae;line-height:1.9}.market-tabs{display:flex;gap:28px;border-bottom:1px solid #e1e6f1;margin-top:20px}.market-tabs button{background:none;border:0;padding:16px 0;color:#929aac;font-size:13px}.market-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue);font-weight:700}.market-tools{display:flex;gap:10px;flex-wrap:wrap;background:#f0f3fa;border-radius:9px;padding:15px;margin:20px 0}.market-tools input,.market-tools select{background:white;border:1px solid #e0e5ef;border-radius:5px;color:#65718a;padding:10px;font-size:12px}.market-tools input[type=search]{flex:1;min-width:140px}.market-tools label{display:flex;align-items:center;gap:7px;font-size:11px;color:#7c879c}.trade-row{display:grid;grid-template-columns:60px 120px 1fr 140px 90px;gap:15px;align-items:center;padding:23px 15px;border-bottom:1px solid #e8ecf4;cursor:pointer;background:white}.trade-row:hover{background:#f2f5ff}.trade-row.done{opacity:.55}.trade-kind{font-size:11px;background:#ecf0ff;color:#5267dc;border-radius:5px;padding:6px 9px}.trade-kind.buy{background:#e8f5f0;color:#4b9279}.trade-server{font-size:11px;color:#748098}.trade-title{font-size:14px;font-weight:500}.trade-meta{display:block;font-size:10px;color:#a2aabb;margin-top:7px;font-weight:400}.trade-price{font-size:13px;font-weight:700;color:#384a8b}.trade-state{font-size:10px;color:#8993a9;background:#f0f3f8;border-radius:20px;padding:6px 9px;text-align:center}.market-empty{padding:50px;text-align:center;color:#8c98af}.market-status{font-size:12px;color:var(--blue)}.how{border-top:1px solid #e7eaf3;padding:30px 0 60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:20px}.steps article{padding:25px;background:#f1f4fa;border-radius:10px}.steps b{color:#8898e7;font-size:12px}.steps h3{font-size:15px}.steps p{font-size:12px;line-height:1.9;color:#929db1}footer{border-top:1px solid #e4e8f1;display:flex;gap:30px;align-items:center;justify-content:space-between;padding:35px max(35px,calc((100% - 1200px)/2));background:#f3f5fa}footer p{font-size:10px;line-height:1.9;color:#919db1}footer>span{font-size:9px;color:#a3aec0;white-space:nowrap}dialog{border:1px solid #e0e5f0;max-width:600px;width:92%;border-radius:16px;padding:30px;color:var(--ink)}dialog::backdrop{background:#14203e88}dialog h2{font-size:24px;margin:12px 0 20px}dialog .close{float:right;border:0;background:none;font-size:26px;color:#98a2b8}dialog label{display:block;font-size:12px;margin-top:15px;color:#75829a}dialog input,dialog select,dialog textarea{width:100%;padding:12px;border:1px solid #dde3ef;border-radius:6px;margin-top:7px;color:var(--ink);background:#fafbff}dialog textarea{min-height:110px;resize:vertical}dialog p{white-space:pre-line;line-height:1.9;font-size:13px;color:#74829b}dialog small{display:block;font-size:11px;color:#9ba7bc;margin-top:20px}dialog .primary{margin-top:20px}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.trade-detail-meta{background:#f0f3fb;padding:18px;border-radius:8px;font-size:12px;white-space:pre-line;line-height:2;color:#6c7d9c}.trade-actions{display:flex;gap:12px;margin-top:18px}.trade-contact{overflow-wrap:anywhere}.trade-error{color:#c16a61!important}.trade-form-note{font-size:11px!important}
@media(max-width:1250px){main{padding:0 30px}}@media(max-width:750px){header{padding:0 22px;height:80px}nav{display:none}.logo{font-size:22px}header .outline{font-size:10px}main{padding:0 20px}.hero{padding:32px 25px;grid-template-columns:1fr;margin-top:8px}.hero h1{font-size:35px}.hero-art{min-height:290px;margin-top:25px}.loot{width:145px;height:185px}.loot-sword{left:12%;top:20px}.loot-coin{right:9%;top:70px}.loot span{font-size:65px}.orbit{width:260px;height:260px}.hero-note{margin-top:25px}.game-grid{grid-template-columns:repeat(3,1fr);gap:10px}.game-grid button{padding:15px 5px}.section-line{display:block}.section-line>span{font-size:10px}.market-head{gap:10px}.market-head .primary{font-size:10px;padding:12px;white-space:nowrap}.market h2{font-size:23px}.trade-row{grid-template-columns:55px 1fr 95px;gap:8px;padding:20px 4px}.trade-title{grid-column:2;grid-row:1;font-size:12px;line-height:1.7}.trade-server{grid-column:2;grid-row:2;font-size:10px}.trade-kind{grid-row:1;font-size:10px}.trade-price{grid-column:3;grid-row:1;font-size:11px;text-align:right}.trade-state{grid-column:3;grid-row:2}.trade-grid,.steps{grid-template-columns:1fr}footer{padding:25px;display:block}footer>span{display:block;margin-top:15px}.market-tools select{flex:1}.market-tabs{gap:23px}.market-tabs button{font-size:12px}}