@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#121116;--ink:#f8f3ed;--muted:#a39da8;--line:#ffffff12;--gold:#d8b984;--pink:#dda0b4;--serif:'Noto Serif KR',serif;--sans:'Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--sans)}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input:focus-visible,select:focus-visible{outline:1px solid var(--gold)}.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;top:0;width:100%;z-index:5;background:linear-gradient(#111117e8,transparent);border-bottom:1px solid #fff1}.logo{display:flex;gap:10px;align-items:center;letter-spacing:4px;font:24px Georgia,serif}.logo small{font:9px var(--sans);letter-spacing:5px;display:block;text-align:center;color:var(--muted);margin-top:4px}.moon{font:36px Georgia;color:var(--gold);transform:rotate(-25deg)}nav{height:100%;display:flex;gap:36px;align-items:center}.nav{height:100%;position:relative;color:#ccc5ce;font-size:13px}.nav.on{color:#fff}.nav.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gold)}.nav span{font-size:10px;color:var(--gold);margin-left:4px}.continueButton{border:1px solid #fff3;padding:10px 17px;border-radius:4px;font-size:11px}.hero{height:740px;min-height:660px;position:relative;overflow:hidden;background:#17131d}.heroVisual{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 25%,#51404c,transparent 70%)}.heroVisual img{position:absolute;right:4%;top:0;height:100%;width:57%;object-fit:contain;object-position:center top;filter:saturate(.88)}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#141118 0%,#141118fa 19%,#141118c0 39%,#1411181c 60%,#1411180a 83%,#141118b0),linear-gradient(0deg,var(--bg),transparent 29%)}.heroContent{position:relative;z-index:2;margin:auto;max-width:1600px;padding:190px 6% 90px;pointer-events:none}.heroContent button{pointer-events:auto}.kicker{font-size:9px;letter-spacing:2.8px;color:var(--gold);font-weight:600}h1{font:500 clamp(38px,3.8vw,60px)/1.48 var(--serif);letter-spacing:-2px;margin:30px 0 20px;text-shadow:0 2px 20px #0005}.heroLead{font-size:13px;line-height:2;color:#bdb4c2}.heroActions{display:flex;align-items:center;gap:20px;margin:35px 0 25px}.primary{background:var(--gold);color:#201b18;font-weight:700;padding:15px 24px;border-radius:5px;font-size:12px;box-shadow:0 7px 25px #0003}.primary:hover{background:#e9ca95}.textButton{font-size:11px;color:#d2cbd4;padding:10px}.heroCaption{font-size:11px;color:#b2a6b9;line-height:1.9}.heroCaption strong{color:#eee1d6;font-weight:500}.heroRail{position:absolute;z-index:3;right:5%;bottom:50px;display:flex;align-items:center;gap:25px}.tiny{font-size:8px;letter-spacing:2px;color:#b2a6b9}#heroDots{display:flex;gap:8px}#heroDots button{border:1px solid #e5d7cb50;width:30px;height:3px;padding:0;background:#fff2}#heroDots button.active{background:var(--gold)}.section{max-width:1600px;padding:0 5%;margin:auto}.catalog{padding-top:20px;padding-bottom:75px;scroll-margin-top:30px}.sectionTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:20px}h2{font:500 26px/1.5 var(--serif);letter-spacing:-.7px;margin:10px 0}.searchbox{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#ffffff05;border:1px solid #fff1;border-radius:5px;width:300px}.searchbox span{font-size:23px;color:#b4a9bc}.searchbox input{width:100%;background:none;border:0;color:var(--ink);font-size:11px;outline:0}.searchbox kbd{font-size:10px;color:#807889;border:1px solid #fff1;padding:2px 5px;border-radius:3px}.filterbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;gap:20px}.worlds{display:flex;gap:8px;overflow-x:auto}.world{white-space:nowrap;font-size:12px;padding:9px 20px;border-radius:30px;background:#ffffff05;color:#aaa0b0;border:1px solid #fff1}.world:hover{color:white;border-color:#fff3}.world.active{background:#d8b98418;border-color:#d8b98477;color:#e8cda2}select{border:0;background:var(--bg);color:#b0a6b6;padding:8px;font-size:11px}.catalogmeta{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:10px;color:#847b8d}.catalogmeta>div{display:flex;gap:14px}.subtab{font-size:10px;color:#81798a;padding:5px 0}.subtab.active{color:#ddc69f}.characterGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.characterCard{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:9px;border:1px solid #fff1;background:#211d28;isolation:isolate;transition:transform .25s,border-color .25s}.characterCard:hover{transform:translateY(-5px);border-color:#d8b98480}.cardOpen{position:absolute;inset:0;padding:0;width:100%;height:100%;text-align:left}.characterCard img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.characterCard:hover img{transform:scale(1.025)}.cardShade{position:absolute;inset:0;background:linear-gradient(0deg,#0d0c12 0%,#0d0c12e6 12%,#0d0c1260 32%,transparent 58%);pointer-events:none}.cardInfo{position:absolute;bottom:18px;left:18px;right:18px;pointer-events:none}.cardWorld{font-size:9px;color:#e0c29e;letter-spacing:1px;display:block;margin-bottom:6px}.cardInfo h3{font-size:21px;margin:0 0 5px;font-weight:600;letter-spacing:-.5px}.cardInfo p{font-size:10px;color:#c0b6c6;margin:0;line-height:1.7}.cardTagline{margin-top:8px!important;color:#e5dce7!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cardTop{position:absolute;left:13px;top:13px;display:flex;gap:6px;pointer-events:none}.badge{font-size:8px;padding:5px 7px;border:1px solid #fff2;background:#15101a80;backdrop-filter:blur(10px);border-radius:3px}.heart{position:absolute;right:10px;top:10px;width:31px;height:31px;border-radius:50%;background:#1118;color:#fff;font-size:19px;z-index:3;backdrop-filter:blur(10px)}.heart.on{color:#f5b1c5}.cardProgress{height:2px;background:#ffffff20;margin-top:13px}.cardProgress i{display:block;background:var(--pink);height:100%}.noImage{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:10px;color:#877c96;background:radial-gradient(ellipse at 50% 30%,#3f3141,#1b1721)}.noImage span{font:45px var(--serif);color:#d8b98430}.noImage small{font-size:9px;letter-spacing:2px}.characterCard.pending{aspect-ratio:2/2.4}.characterCard.pending .noImage{padding-bottom:60px}.empty{text-align:center;padding:60px;color:var(--muted)}.empty>span{font-size:45px;color:var(--gold)}.empty h3{color:var(--ink);font-weight:500}.outline{border:1px solid #fff3;padding:10px 18px;font-size:11px;border-radius:4px}.worldBanner{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:45px;padding-bottom:45px;display:flex;justify-content:space-between;gap:50px}.worldBanner h2{font-size:23px}.steps{display:flex;gap:55px}.steps article>span{font:italic 28px Georgia;color:#ba927650}.steps h3{font-size:12px;font-weight:500}.steps p{font-size:10px;color:var(--muted);line-height:1.9}footer{max-width:1600px;margin:auto;padding:45px 5%;display:flex;align-items:flex-start;justify-content:space-between;gap:25px}footer>.logo{font-size:19px}footer>p{font-size:10px;color:var(--muted)}.production{font-size:10px;color:var(--muted);max-width:420px;line-height:1.9}.production summary{cursor:pointer;text-align:right}dialog{color:var(--ink);border:1px solid #ffffff22;background:#18151e;border-radius:13px;padding:0;max-height:94dvh}dialog::backdrop{background:#07050cce;backdrop-filter:blur(10px)}.dialogClose{position:absolute;right:15px;top:12px;z-index:8;width:34px;height:34px;border-radius:50%;background:#110e19aa;color:#fff;font-size:25px}.profileDialog{width:min(1120px,95vw)}.profileLayout{display:grid;grid-template-columns:43% 57%;min-height:650px}.profileArtwork{position:sticky;top:0;height:85dvh;max-height:820px;background:#100f14;overflow:hidden;display:flex;align-items:center;justify-content:center}.profileArtwork img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.artNote{position:absolute;bottom:10px;font-size:9px;background:#100a1880;padding:5px 10px;border-radius:5px;color:#ddd}.profileText{padding:40px 34px}.profileText h2{font:500 35px var(--serif);margin:12px 0}.profileMeta{font-size:11px;color:var(--muted)}.profileQuote{font:400 17px/1.8 var(--serif);color:#e1c5a9;margin:24px 0}.profileActions{display:flex;gap:9px;margin:22px 0}.profileActions .primary{flex:1}.miniHeart{border:1px solid #fff2;border-radius:5px;width:47px;font-size:23px;color:var(--pink)}.profileTabs{display:flex;border-bottom:1px solid #fff1;gap:20px;margin:27px 0 22px}.profileTabs button{font-size:11px;color:#8f859c;padding:10px 0;border-bottom:2px solid transparent}.profileTabs .active{color:#e4c794;border-color:#c6a773}.facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.facts .wide{grid-column:1/-1}.fact h4{font-size:10px;font-weight:500;color:#9b8da6;margin:0 0 6px}.fact p{font-size:11px;line-height:1.9;margin:0;color:#ded6e4}.measurements{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:22px}.measure{padding:14px 4px;background:#ffffff05;border:1px solid #fff1;border-radius:5px;text-align:center}.measure strong{font:20px Georgia;color:#e9d6bc;display:block}.measure span{font-size:9px;color:#9c91a4;display:block;margin-top:6px}.traitTags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.traitTags span{font-size:9px;background:#ffffff08;border:1px solid #fff1;border-radius:3px;padding:5px 8px;color:#c4b5ca}.infoNote{font-size:10px;line-height:1.8;color:#9c8aa6;margin:16px 0}.relationship{display:flex;gap:14px;align-items:center;margin:22px 0;font-size:11px}.relationship>span{color:#d8a4b8}.affinityTrack{height:4px;background:#fff1;flex:1;border-radius:3px}.affinityTrack i{display:block;height:100%;background:linear-gradient(90deg,#aa668a,#e7b0bb);border-radius:3px}.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.galleryItem{position:relative;aspect-ratio:2/3;background:#211b28;border:1px solid #fff1;border-radius:5px;overflow:hidden;padding:0}.galleryItem img{width:100%;height:100%;object-fit:cover}.galleryItem.locked img{filter:blur(12px) brightness(.45);transform:scale(1.13)}.galleryOverlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;align-items:center;text-align:center;padding:12px 7px;background:linear-gradient(transparent,#100c18d0);gap:6px}.galleryOverlay b{font-weight:500;font-size:10px}.galleryOverlay small{font-size:8px;color:#c6b5cd;line-height:1.5}.galleryOverlay .lock{font-size:24px;color:#c6afcf;margin:auto}.galleryItem.noAsset{background:linear-gradient(145deg,#302237,#1b1621);cursor:default}.episodeList{display:grid;gap:10px}.episodeItem{padding:14px;border:1px solid #fff1;border-radius:5px}.episodeItem h4{font-size:12px;margin:4px 0}.episodeItem p{font-size:10px;color:#a697b2;margin:8px 0;line-height:1.8}.episodeItem small{font-size:9px;color:var(--gold)}.playerDialog{width:min(1320px,97vw);height:90dvh;background:#0e0b14;overflow:hidden}.stage{position:relative;width:100%;height:100%;min-height:550px}#playerContent{height:100%}.stageImage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:radial-gradient(ellipse at center,#342139,#0e0b14)}.stageShade{position:absolute;inset:0;background:linear-gradient(0deg,#0c0911 0%,#0c0911cc 20%,transparent 70%)}.stageTop{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(#0c0911bf,transparent);z-index:3;font-size:11px}.stageTop small{font-size:9px;color:#bfaccc;display:block;margin-top:5px}.stageTop button{border:1px solid #fff2;border-radius:4px;padding:8px 12px;font-size:10px}.stagePanel{position:absolute;bottom:25px;left:5%;right:5%;z-index:4;max-width:920px;margin:auto}.stageSpeaker{font-size:15px;color:#e8c299;margin:0 0 10px}.dialogueBox{background:#191320e8;border:1px solid #bfa0cd33;border-radius:8px;padding:22px 26px;backdrop-filter:blur(16px)}.dialogueText{font-size:14px;line-height:1.9;min-height:55px;margin:0;white-space:pre-line}.dialogueSetting{font-size:10px;color:#b4a5bc;margin:0 0 12px}.choices{display:grid;gap:7px;margin-top:15px}.choice{padding:12px 16px;background:#27202fe6;border:1px solid #fff2;border-radius:5px;text-align:left;font-size:12px;line-height:1.6}.choice:hover{border-color:#d8b9849c;background:#3a2c3cf0}.choiceNumber{color:var(--gold);margin-right:12px;font:italic 15px Georgia}.stageResponse{font-size:11px;color:#d5bbc8;margin:12px 0}.stageControls{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}.stageControls button{font-size:11px}.rewardToast{margin:12px 0;color:#e4bf86;font-size:11px}.imageDialog{width:min(96vw,1100px);max-height:97dvh;border:0;background:#0c0912}.imageDialog img{display:block;width:100%;max-height:85dvh;object-fit:contain}.imageDialog p{padding:0 15px;text-align:center;font-size:11px;color:#b8a8c3}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);padding:13px 22px;border:1px solid #d0aab83a;border-radius:6px;background:#302032f5;color:#f0dbe7;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.albumGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.noAssetMark{font:28px var(--serif);color:#d8b98433;position:absolute;top:30%;left:0;width:100%;text-align:center}[hidden]{display:none!important}
@media(max-width:1100px){.characterGrid{grid-template-columns:repeat(4,1fr);gap:14px}.hero{height:680px}.heroContent{padding-top:175px}.heroVisual img{right:-4%;width:65%}.heroShade{background:linear-gradient(90deg,#141118 0%,#141118e0 28%,#14111850 62%,#14111830),linear-gradient(0deg,var(--bg),transparent 35%)}.steps{gap:25px}.cardInfo{left:13px;right:13px;bottom:13px}.cardInfo h3{font-size:18px}.profileText{padding:35px 24px}.profileLayout{grid-template-columns:40% 60%}.albumGrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:780px){.header{height:70px}.logo{font-size:20px;letter-spacing:3px}.moon{font-size:30px}nav{gap:18px}.nav{font-size:11px}.continueButton{display:none}.hero{height:710px;min-height:0}.heroVisual img{right:0;top:35px;width:100%;height:570px;object-fit:contain;object-position:center top}.heroShade{background:linear-gradient(0deg,var(--bg) 2%,#121116e8 18%,#12111688 37%,transparent 72%),linear-gradient(90deg,#12111633,transparent)}.heroContent{padding:355px 6% 0}.heroContent>.kicker{font-size:8px;letter-spacing:2px}.hero h1{font-size:36px;line-height:1.4;letter-spacing:-1px;margin:17px 0 13px}.heroLead{font-size:11px;line-height:1.8}.heroActions{margin:22px 0 15px;gap:10px}.heroActions .primary{padding:13px 19px}.heroActions .textButton{font-size:10px}.heroCaption{font-size:10px}.heroRail{bottom:18px;right:6%}.heroRail>.tiny{display:none}.sectionTop{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}h2{font-size:23px}.searchbox{width:100%;padding:8px 12px}.worlds{gap:6px}.world{font-size:10px;padding:8px 14px}.filterbar{gap:6px}select{font-size:10px;max-width:75px;padding:5px}.catalog{padding-top:20px}.characterGrid{grid-template-columns:repeat(3,1fr);gap:10px}.cardInfo{left:11px;right:11px;bottom:13px}.cardInfo h3{font-size:17px}.cardInfo p{font-size:9px}.cardTagline{display:none}.cardWorld{font-size:8px}.badge{font-size:7px;padding:4px 5px}.cardTop{top:9px;left:8px}.heart{width:27px;height:27px;right:6px;top:6px;font-size:17px}.worldBanner{flex-direction:column;gap:20px;padding-top:30px;padding-bottom:30px}.steps{justify-content:space-between;gap:14px}.steps p{font-size:9px}footer{flex-wrap:wrap}.production{max-width:none;width:100%}.production summary{text-align:left}.profileLayout{display:block}.profileArtwork{position:relative;height:56dvh;max-height:600px;background:radial-gradient(#382e3e,#151219)}.profileText{padding:28px 23px}.profileText h2{font-size:31px}.profileQuote{font-size:16px}.profileDialog{max-height:94dvh;width:94vw}.playerDialog{height:95dvh;width:98vw;max-height:97dvh}.stage{min-height:0}.stageImage{object-position:center top;height:70%}.stagePanel{left:4%;right:4%;bottom:18px}.dialogueBox{padding:16px}.dialogueText{font-size:12px;line-height:1.85;min-height:50px}.choices{gap:6px;margin-top:10px}.choice{font-size:11px;padding:10px}.stageTop{padding:15px}.stageSpeaker{font-size:13px}.albumGrid{grid-template-columns:repeat(3,1fr);gap:10px}}
@media(max-width:480px){.characterGrid{grid-template-columns:repeat(2,1fr);gap:12px}.cardInfo h3{font-size:20px}.cardInfo p{font-size:10px}.cardTagline{display:block;font-size:9px!important}.albumGrid{grid-template-columns:repeat(2,1fr)}.logo{font-size:17px;letter-spacing:2px}.logo small{font-size:8px}.header nav{gap:14px}.header .nav{font-size:10px}.profileTabs{gap:18px}.galleryGrid{gap:7px}.measurements{gap:5px}.measure strong{font-size:18px}.measure span{font-size:8px}.catalogmeta{font-size:9px}.subtab{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.measure strong.na{font:11px/23px var(--sans)}