.character-world{--ink:#092d28;--green:#0b5d4e;--lime:#b8e34f;--blue:#0a6fae;--cream:#f6f2e7;--line:#cbd9d0;min-height:100vh;color:var(--ink);font-family:var(--font-geist-sans),"Noto Sans KR",sans-serif;background:#eef3ed}.character-world *{box-sizing:border-box}.character-world a{color:inherit;text-decoration:none}.cw-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefaf2;border-bottom:1px solid #dbe4dd;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,5vw,76px);display:flex;position:sticky;top:0}.cw-brand{align-items:center;gap:13px;display:flex}.cw-brand img{object-fit:contain;width:52px;height:42px}.cw-brand span{flex-direction:column;display:flex}.cw-brand strong{letter-spacing:.08em;font-size:14px}.cw-brand small{letter-spacing:.12em;color:#5a746b;font-size:10px}.cw-header nav{align-items:center;gap:8px;display:flex}.cw-header nav a{color:#516b63;border-radius:999px;padding:12px 16px;font-size:14px;font-weight:760}.cw-header nav a:hover,.cw-header nav a.active{color:#074d40;background:#dff0e5}.cw-hero{color:#fff;background:radial-gradient(circle at 75% 42%,#99d9d155 0 18%,#0000 42%),linear-gradient(125deg,#082f2a 0 57%,#0b6355 57%);grid-template-columns:1.05fr .95fr;align-items:center;min-height:700px;padding:70px clamp(22px,7vw,110px);display:grid;overflow:hidden}.cw-hero-copy{z-index:2;max-width:650px;position:relative}.cw-hero-copy>span,.cw-section-head span,.cw-profile-preview>div>span,.cw-member-panel>span,.cw-roadmap>span{color:var(--lime);letter-spacing:.2em;margin-bottom:18px;font-size:12px;font-weight:900;display:block}.cw-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(48px,6.4vw,94px);line-height:.98}.cw-hero h1 em{color:var(--lime);font-style:normal}.cw-hero-copy>p{color:#e0eee8;max-width:580px;margin:28px 0;font-size:19px;line-height:1.72}.cw-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.cw-hero-actions a{color:#083d33;background:#fff;border:1px solid #a9dfcf;justify-content:center;align-items:center;min-height:56px;padding:0 25px;font-size:15px;font-weight:850;display:flex}.cw-hero-actions a+a{color:#fff;background:0 0}.cw-base-stage{justify-content:center;align-items:center;min-height:570px;display:flex;position:relative}.cw-base-stage img{z-index:2;object-fit:contain;filter:drop-shadow(0 34px 38px #001b176b);width:min(83%,440px);height:540px;position:relative}.cw-base-stage>span{z-index:3;color:#d4f382;letter-spacing:.16em;background:#092c27cc;border:1px solid #a8d6c5;padding:10px 18px;font-size:11px;font-weight:850;position:absolute;bottom:13px}.cw-base-glow{background:radial-gradient(circle,#e7fff4 0 5%,#8de0cb55 45%,#0000 70%);border:1px solid #bee9da66;border-radius:50%;width:440px;height:440px;position:absolute}.cw-picker,.cw-rank-section,.cw-shop{max-width:1600px;margin:auto;padding:100px clamp(20px,6vw,92px)}.cw-section-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.cw-section-head span{color:#08705d;margin:0 0 14px}.cw-section-head h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.08}.cw-section-head>p{color:#577067;max-width:480px;margin:0;line-height:1.7}.cw-zodiac-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.cw-zodiac-grid>button{min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#fdfefb;border:1px solid #cad9d0;border-radius:26px;padding:18px;transition:all .2s;position:relative}.cw-zodiac-grid>button:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0c4d3c1a}.cw-zodiac-grid>button.selected{background:#e4f6e9;border:2px solid #0c816b;box-shadow:0 17px 40px #0c685629}.cw-zodiac-grid .cw-character-art{background:linear-gradient(145deg,#dfede8,#f5f7ef);border-radius:18px;height:220px}.cw-zodiac-name{align-items:center;gap:9px;margin-top:15px;display:flex}.cw-zodiac-name i{color:#d4f56c;background:#0c5e50;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.cw-zodiac-name strong{font-size:20px}.cw-zodiac-grid>button>small{color:#647c73;min-height:44px;margin:10px 0;font-size:13px;line-height:1.45;display:block}.cw-zodiac-grid>button>b{color:#0b725f;border-top:1px solid #d6e0da;padding-top:12px;font-size:13px;display:block}.cw-character-art{isolation:isolate;position:relative;overflow:hidden}.cw-aura{background:radial-gradient(circle,#d9fff4 0,#74cdbf33 52%,#0000 72%);border-radius:50%;position:absolute;inset:15% 16%}.cw-sprite{z-index:2;background-image:url(/character/alp-zodiac-lineup.png);background-repeat:no-repeat;background-size:400% 300%;background-position:calc(var(--sprite-x) * 33.3333%) calc(var(--sprite-y) * 50%);filter:drop-shadow(0 15px 13px #073a3026);position:absolute;inset:0}.cw-character-art.large{width:min(100%,520px);height:570px}.cw-crown{z-index:5;color:#ffd35b;text-shadow:0 5px #a2600c,0 10px 20px #37200062;font-size:70px;position:absolute;top:9%;left:50%;transform:translate(-50%)}.cw-rank-sash{z-index:5;color:#073c32;letter-spacing:.15em;background:#c9e95b;border:2px solid #fff;border-radius:999px;padding:6px 30px;font-weight:950;position:absolute;bottom:16%;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 8px 20px #052d2566}.rank-master .cw-rank-sash{background:#9debf0}.rank-gold .cw-rank-sash{background:linear-gradient(90deg,#ffd35b,#fff2a7,#ffd35b)}.cw-equipped{z-index:6;color:#e6a908;background:#ffffffd9;border-radius:50%;place-items:center;width:48px;height:48px;font-size:26px;display:grid;position:absolute;top:36%;right:20%;box-shadow:0 5px 25px #0002}.cw-profile-preview{background:linear-gradient(120deg,#dcebe5,#faf8ef);grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(35px,8vw,130px);padding:85px clamp(22px,8vw,130px);display:grid}.cw-profile-preview>.cw-character-art{background:radial-gradient(circle at 50% 34%,#fff 0 9%,#0000 49%),linear-gradient(145deg,#c7ded5,#edf3e9);border-radius:48% 48% 34px 34px;justify-self:center;box-shadow:inset 0 0 0 1px #b5cec4}.cw-profile-preview h2,.cw-member-panel h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.3vw,72px);line-height:1.04}.cw-profile-preview>div>p,.cw-member-panel>p{color:#506960;max-width:620px;font-size:17px;line-height:1.75}.cw-rank-preview{grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0;display:grid}.cw-rank-preview button{color:#274b41;cursor:pointer;background:#f8fbf6;border:1px solid #bdd0c6;padding:13px 8px}.cw-rank-preview button.active{color:#fff;background:#0a5f50;border-color:#0a5f50}.cw-rank-preview span,.cw-rank-preview small{display:block}.cw-rank-preview span{font-size:11px;font-weight:900}.cw-rank-preview small{margin-top:4px;font-size:10px}.cw-primary,.cw-next{cursor:pointer;border:0;justify-content:center;align-items:center;min-height:58px;padding:0 22px;font-size:15px;font-weight:850;display:inline-flex}.cw-primary{color:#123c32;background:#b9e54b}.cw-next{color:#fff;background:#085b4c}.cw-showroom-hero{color:#fff;background:#082f2a;grid-template-columns:1.05fr .95fr;min-height:700px;display:grid}.cw-room-stage{background:radial-gradient(at 50% 30%,#d5fff68c,#0000 50%),linear-gradient(155deg,#117461,#062a25);justify-content:center;align-items:center;min-height:700px;display:flex;position:relative;overflow:hidden}.cw-room-stage>.cw-character-art{z-index:2}.cw-room-lights{justify-content:space-around;display:flex;position:absolute;inset:0}.cw-room-lights i{clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);background:linear-gradient(#ecfff25c,#0000);width:24%;height:75%}.cw-floor{background:#c9f7df1c;border:1px solid #bbf2d780;border-radius:50%;width:70%;height:120px;position:absolute;bottom:-40px}.cw-member-panel{flex-direction:column;justify-content:center;padding:100px clamp(30px,7vw,110px);display:flex}.cw-member-panel h1 em{color:var(--lime);font-style:normal}.cw-wallet{background:#0c463c;border:1px solid #7db5a8;justify-content:space-between;align-items:center;gap:30px;margin:25px 0;padding:22px;display:flex}.cw-wallet span,.cw-wallet small{display:block}.cw-wallet span{font-weight:750}.cw-wallet small{color:#a9c8be;margin-top:5px;font-weight:400}.cw-wallet strong{white-space:nowrap;font-size:25px}.cw-wallet i{color:var(--lime);font-size:12px;font-style:normal}.cw-member-panel>a{color:#d6ef8c;border-bottom:1px solid #b8e34f;align-self:flex-start;padding:8px 0;font-weight:800}.cw-rank-section{background:#f6f2e7}.cw-rank-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cw-rank-grid button{min-height:280px;color:var(--ink);text-align:left;cursor:pointer;background:#fcfbf5;border:1px solid #c9d4c9;padding:28px 24px;position:relative}.cw-rank-grid button.active{border:3px solid #08705d;transform:translateY(-8px);box-shadow:0 20px 35px #0b49391f}.cw-rank-grid button>span{color:#b8a446;font-size:45px}.cw-rank-grid button>small,.cw-rank-grid button>strong{display:block}.cw-rank-grid button>small{color:#718078;margin-top:20px}.cw-rank-grid button>strong{margin-top:5px;font-size:24px}.cw-rank-grid button>p{color:#607269;line-height:1.55}.cw-rank-grid button>b{color:#08705d;font-size:12px;position:absolute;bottom:22px}.cw-shop{background:#edf3ed}.cw-category-tabs{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.cw-category-tabs button{color:#31584d;cursor:pointer;background:#fff;border:1px solid #b9cbc1;border-radius:999px;min-height:45px;padding:0 22px;font-weight:800}.cw-category-tabs button.active{color:#fff;background:#093f36;border-color:#093f36}.cw-item-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cw-item-grid article{background:#fff;border:1px solid #cfdbd3;padding:16px}.cw-item-grid article.equipped{outline:3px solid #a9d943}.cw-item-visual{background:linear-gradient(145deg,#cfe1d9,#eff4eb);place-items:center;height:200px;display:grid;position:relative;overflow:hidden}.cw-item-visual:before,.cw-item-visual:after{content:"";border:1px solid #ffffff82;border-radius:50%;position:absolute}.cw-item-visual:before{width:170px;height:170px}.cw-item-visual:after{width:110px;height:110px}.cw-item-visual>span{z-index:2;color:#0a6856;text-shadow:0 8px 18px #fff;font-size:64px;position:relative}.cw-item-visual>b{z-index:3;color:#d9f482;background:#0a5c4d;padding:6px 9px;font-size:10px;position:absolute;top:10px;right:10px}.cw-item-grid article>small{color:#0a705e;margin-top:17px;font-weight:850;display:block}.cw-item-grid article h3{margin:7px 0;font-size:21px}.cw-item-grid article p{color:#63776e;min-height:44px;font-size:13px;line-height:1.5}.cw-item-grid article>div:last-child{border-top:1px solid #e0e7e2;justify-content:space-between;align-items:center;gap:8px;padding-top:13px;display:flex}.cw-item-grid article>div strong{font-size:13px}.cw-item-grid article button{color:#163f34;cursor:pointer;background:#d9ee80;border:0;min-height:39px;padding:0 14px;font-weight:850}.cw-roadmap{color:#fff;background:#082f2a;padding:100px clamp(22px,8vw,130px)}.cw-roadmap h2{margin:0 0 40px;font-size:clamp(38px,5vw,66px)}.cw-roadmap>div{border-top:1px solid #7a9b91;grid-template-columns:repeat(3,1fr);display:grid}.cw-roadmap article{border-right:1px solid #7a9b91;padding:28px}.cw-roadmap article b{color:var(--lime)}.cw-roadmap article h3{font-size:23px}.cw-roadmap article p{color:#bdd0c9;line-height:1.7}.cw-toast{z-index:90;color:#fff;white-space:nowrap;background:#071f1c;border-radius:999px;padding:15px 24px;font-weight:750;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}.cw-footer{color:#fff;background:#061f1c;align-items:center;gap:14px;padding:40px clamp(22px,6vw,92px);display:flex}.cw-footer img{object-fit:contain;background:#fff;border-radius:8px;width:66px;height:50px}.cw-footer div{flex-direction:column;display:flex}.cw-footer small{color:#a9bdb6}.cw-footer p{color:#99afa7;text-align:right;max-width:540px;margin-left:auto;font-size:12px}@media (max-width:900px){.cw-header{height:68px;padding:0 14px}.cw-brand img{width:42px}.cw-brand small{display:none}.cw-header nav{gap:2px}.cw-header nav a{padding:10px 8px;font-size:12px}.cw-hero{background:linear-gradient(165deg,#082f2a 0 62%,#0b6355 62%);grid-template-columns:1fr;min-height:auto;padding:54px 20px 24px}.cw-hero h1{font-size:48px}.cw-hero-copy>p{font-size:16px}.cw-base-stage{min-height:470px}.cw-base-stage img{height:450px}.cw-picker,.cw-rank-section,.cw-shop{padding:65px 15px}.cw-section-head{margin-bottom:25px;display:block}.cw-section-head h2{font-size:36px}.cw-section-head>p{margin-top:14px;font-size:14px}.cw-zodiac-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cw-zodiac-grid>button{border-radius:17px;padding:10px}.cw-zodiac-grid .cw-character-art{height:178px}.cw-zodiac-name strong{font-size:17px}.cw-zodiac-name i{width:30px;height:30px}.cw-zodiac-grid>button>small{min-height:48px;font-size:11px}.cw-profile-preview{grid-template-columns:1fr;gap:28px;padding:55px 18px}.cw-character-art.large{height:480px}.cw-profile-preview h2,.cw-member-panel h1{font-size:40px}.cw-rank-preview{grid-template-columns:repeat(2,1fr)}.cw-primary,.cw-next{width:100%;margin-bottom:8px}.cw-showroom-hero{grid-template-columns:1fr}.cw-room-stage{min-height:570px}.cw-member-panel{padding:55px 20px}.cw-wallet{flex-direction:column;align-items:flex-start;gap:12px}.cw-rank-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cw-rank-grid button{min-height:250px;padding:18px 14px}.cw-rank-grid button>strong{font-size:19px}.cw-rank-grid button>p{font-size:12px}.cw-item-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cw-item-grid article{padding:9px}.cw-item-visual{height:145px}.cw-item-visual>span{font-size:48px}.cw-item-grid article h3{font-size:17px}.cw-item-grid article p{min-height:50px;font-size:11px}.cw-item-grid article>div:last-child{display:block}.cw-item-grid article button{width:100%;margin-top:9px}.cw-roadmap{padding:70px 20px}.cw-roadmap>div{grid-template-columns:1fr}.cw-roadmap article{border-bottom:1px solid #6c8e84;border-right:0;padding:24px 5px}.cw-footer{flex-wrap:wrap;align-items:flex-start}.cw-footer p{text-align:left;margin:15px 0 0}.cw-toast{white-space:normal;text-align:center;max-width:calc(100vw - 24px);font-size:13px}}@media (max-width:420px){.cw-brand strong{font-size:11px}.cw-header nav a:first-child{display:none}.cw-hero h1{font-size:42px}.cw-base-stage{min-height:410px}.cw-base-stage img{height:390px}.cw-zodiac-grid .cw-character-art{height:155px}.cw-zodiac-grid>button>small{display:none}.cw-zodiac-grid>button>b{margin-top:8px}.cw-character-art.large{height:430px}.cw-crown{font-size:56px}.cw-rank-sash{font-size:10px;bottom:12%}.cw-room-stage{min-height:500px}.cw-rank-grid button{min-height:225px}.cw-item-visual{height:130px}}.character-world svg.cw-sprite{background:0 0;width:88%;height:88%;inset:6%;overflow:hidden}