@import url('/emerald-home-v2.css?v=20261028-cast2');
@import url('/emerald-artwork.css?v=20261028-cast2');
@import url('/emerald-reading.css?v=20261028-1');
@import url('/emerald-utility.css?v=20261028-1');
@import url('/support-scenes.css?v=20261028-support1');

/* Approved emerald / warm-fantasy direction. Existing application state owns all behavior. */
html[data-goblin-design="emerald"] {
 --emerald-bg:#06271e;--emerald-panel:#11372b;--emerald-line:#46624b;
 --emerald-ink:#fff7e6;--emerald-muted:#bdcbbd;--emerald-gold:#e2c27e;
 --bg-start:var(--emerald-bg);--bg-mid:#08291f;--bg-end:#042018;--bg-glow:rgba(166,139,63,.08);
 --gold:var(--emerald-gold);--gold-soft:#f5d99b;
}
html[data-goblin-design="emerald"].theme-light {
 --emerald-bg:#f6f1e6;--emerald-panel:#fffaf0;--emerald-line:#bcbda5;
 --emerald-ink:#203b2e;--emerald-muted:#5b6a59;--emerald-gold:#725726;
 --bg-start:var(--emerald-bg);--bg-mid:#f5efdf;--bg-end:#f6f1e6;
}
@media screen {
 html[data-goblin-design="emerald"] body.site-ui,
 html[data-goblin-design="emerald"] body.goblin-salon {
  --salon-paper:var(--emerald-bg);--salon-ink:var(--emerald-ink);--salon-muted:var(--emerald-muted);
  --salon-panel:var(--emerald-panel);--salon-line:var(--emerald-line);--salon-gold:var(--emerald-gold);
  --salon-button-ink:#08271c;--text:var(--emerald-ink);--text-soft:var(--emerald-ink);--text-dim:var(--emerald-muted);
  --text-mute:var(--emerald-muted);--card-bg:var(--emerald-panel);--card-border:var(--emerald-line);
  background:var(--emerald-bg)!important;color:var(--emerald-ink)!important;
 }
 html[data-goblin-design="emerald"].theme-light body.goblin-salon {--salon-button-ink:#fffaf0}
 html[data-goblin-design="emerald"] body.site-ui #site-header.site-header {
  --header-paper:var(--emerald-bg);--header-ink:var(--emerald-ink);--header-muted:var(--emerald-muted);
  --header-panel:var(--emerald-panel);--header-line:var(--emerald-line);--header-accent:var(--emerald-gold);
  max-width:1280px!important;min-height:84px!important;
 }
 html[data-goblin-design="emerald"] body.site-ui #site-header .site-nav-inner {min-height:84px!important;border-bottom-color:color-mix(in srgb,var(--emerald-gold) 18%,transparent)}
 html[data-goblin-design="emerald"] body.site-ui #site-header .logo-title {font-family:'Noto Serif KR',Batang,serif;color:var(--emerald-gold)!important;font-size:22px!important;letter-spacing:.04em;font-weight:700}
 html[data-goblin-design="emerald"] body.site-ui #site-header .logo-sub {font-size:9px;letter-spacing:.14em;color:var(--emerald-muted)!important}
 html[data-goblin-design="emerald"] body.site-ui #site-header .logo-icon-img {border-color:color-mix(in srgb,var(--emerald-gold) 45%,transparent);box-shadow:none}
 html[data-goblin-design="emerald"] body.site-ui :is(.bottom-tabbar,.bottom-nav) {background:color-mix(in srgb,var(--emerald-bg) 94%,transparent);border-color:color-mix(in srgb,var(--emerald-gold) 35%,transparent);box-shadow:0 -5px 24px #001b151a}
 html[data-goblin-design="emerald"] body.site-ui .bottom-tab {color:var(--emerald-muted)}
 html[data-goblin-design="emerald"] body.site-ui .bottom-tab.is-active {color:var(--emerald-gold);background:color-mix(in srgb,var(--emerald-gold) 10%,transparent)}
 html[data-goblin-design="emerald"] :is(a,button,input,select,textarea,summary):focus-visible {outline:2px solid var(--emerald-gold);outline-offset:4px}
 html[data-goblin-design="emerald"] body.site-ui .seller-footer {background:var(--emerald-bg);color:var(--emerald-muted);border-color:var(--emerald-line)}
}

/* Home: preserve the selected composition, including text over the art. */
html[data-goblin-design="emerald"] body.home-v3 main.container {max-width:1280px;padding:0 40px 48px}
.emerald-categories{display:flex;align-items:center;justify-content:flex-start;gap:0;width:calc(100% - 80px);max-width:1200px;margin:8px auto 20px;border-bottom:1px solid color-mix(in srgb,var(--emerald-gold) 18%,transparent)}
.emerald-categories a{position:relative;flex:0 1 150px;text-align:center;padding:18px 20px;color:var(--emerald-muted);text-decoration:none;font-size:16px;line-height:1.4}
.emerald-categories a+a:before{content:'';position:absolute;left:0;top:35%;bottom:35%;border-left:1px solid var(--emerald-line)}
.emerald-categories a.is-active{font-weight:700;color:var(--emerald-gold)}
.emerald-categories a.is-active:after{content:'';position:absolute;left:20%;right:20%;bottom:0;height:2px;background:var(--emerald-gold)}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero{display:block;position:relative;padding:0;margin:0;border:1px solid #b99b58;border-radius:24px;overflow:hidden;height:650px;background:#08291e;isolation:isolate}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-art{position:absolute;inset:0;height:auto;border-radius:0;margin:0}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-art img{width:68%;height:100%;inset:0 0 0 auto;object-fit:cover;object-position:50% 31%;margin:0;transform:none;aspect-ratio:auto}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06271e 4%,#06271ef5 28%,#06271e83 45%,transparent 69%),linear-gradient(0deg,#06271e80,transparent 40%)}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-copy{position:absolute;left:44px;bottom:48px;right:auto;width:43%;z-index:2;order:0}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-kicker{display:inline-flex;padding:5px 16px;border:1px solid #dfc481;border-radius:999px;font-size:16px;line-height:1.5;letter-spacing:.06em;color:#f4d797;background:#08271e4d;margin:0 0 16px}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero h1{font-family:'Noto Serif KR',Batang,serif;font-weight:700;font-size:clamp(40px,4vw,56px);line-height:1.28;letter-spacing:-.04em;color:#fff7e6;margin:0 0 20px;text-shadow:0 2px 22px #001b1366}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-copy>p{display:block;font-size:17px;line-height:1.7;color:#eeeadd;margin:0 0 24px}
.emerald-hero-price{display:flex;align-items:center;gap:18px;color:#f8edcf;margin:0 0 20px}
.emerald-hero-price strong{font-family:'Noto Serif KR',Batang,serif;font-size:30px;white-space:nowrap}
.emerald-hero-price>span{flex:1;border-top:1px solid #b89f6266}
.emerald-hero-price a{font-size:14px;white-space:nowrap;color:#f8edcf;text-decoration:none}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero #emerald-reunion-start{display:flex;flex-direction:row;gap:20px;width:100%;max-width:none;min-height:58px;padding:12px 24px;border:1px solid #f1d18e;border-radius:999px;background:linear-gradient(110deg,#d9b25c,#f2d99a)!important;color:#08231a!important;font-size:20px;font-weight:800;--start-background:#e6c57a;--start-ink:#08231a}
html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero #emerald-reunion-start span{color:inherit!important}
.emerald-featured{margin:26px 0 22px}
.emerald-section-head{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.emerald-section-head h2{font-family:'Noto Serif KR',Batang,serif;font-size:27px;font-weight:600;color:var(--emerald-ink);margin:0;word-break:keep-all}
.emerald-section-head>span{flex:1;border-top:1px solid var(--emerald-line);position:relative}
.emerald-section-head>span:after{content:'✦';position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--emerald-gold);font-size:16px}
.emerald-section-head>a{font-size:13px;color:var(--emerald-muted);text-decoration:none;white-space:nowrap}
.emerald-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.emerald-feature{display:block;position:relative;height:300px;overflow:hidden;border:1px solid #a48b55;border-radius:18px;background:#173328;text-decoration:none}
.emerald-feature img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;transition:transform .3s}
.emerald-feature:hover img{transform:scale(1.025)}
.emerald-feature:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#031d16b8,transparent)}
.emerald-feature>span{position:absolute;z-index:1;left:22px;right:22px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff7e6}
.emerald-feature b{font-family:'Noto Serif KR',Batang,serif;font-weight:600;font-size:24px;line-height:1.3}
.emerald-feature i{font-style:normal;font-size:28px}
html[data-goblin-design="emerald"] body.goblin-salon .emerald-free-entry{display:flex;flex-direction:row;align-items:center;gap:15px;padding:18px 2px;border:0;background:none!important;font-family:'Noto Serif KR',Batang,serif;font-size:22px;color:var(--emerald-ink)}
.emerald-free-entry small{font-family:inherit;font-size:12px;color:var(--emerald-muted);margin-left:auto}
html[data-goblin-design="emerald"] body.home-v3 .home-newyear{margin-top:30px}
html[data-goblin-design="emerald"] body.home-v3 .home-card-art{border:1px solid color-mix(in srgb,var(--emerald-gold) 40%,transparent);border-radius:18px}
html[data-goblin-design="emerald"] body.home-v3 .home-products-head{gap:14px;flex-wrap:wrap}
html[data-goblin-design="emerald"] body.home-v3 .home-products-head h2{font-size:25px}
@media(max-width:760px){
 html[data-goblin-design="emerald"] body.site-ui #site-header.site-header{min-height:68px!important;padding:0 16px!important}
 html[data-goblin-design="emerald"] body.site-ui #site-header .site-nav-inner{min-height:68px!important;gap:10px}
 html[data-goblin-design="emerald"] body.site-ui #site-header .logo-title{font-size:18px!important;letter-spacing:.025em}
 html[data-goblin-design="emerald"] body.home-v3 main.container{padding:0 12px 32px}
 .emerald-categories{width:auto;margin:0 12px 12px;justify-content:space-between}
 .emerald-categories a{padding:14px 7px;font-size:15px;flex:1}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero{height:clamp(460px,130vw,610px);margin:0;border-radius:18px}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-art img{inset:0;width:100%;height:100%;object-position:50% 38%;margin:0;aspect-ratio:auto}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-art:after{background:linear-gradient(180deg,transparent 36%,#06271e1a 47%,#06271ec2 70%,#06271ef5 88%,#06271e 100%)}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-copy{left:17px;right:17px;bottom:15px;width:auto}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-kicker{padding:2px 13px;font-size:12px;margin-bottom:8px}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero h1{font-size:clamp(30px,9.8vw,44px);line-height:1.23;margin-bottom:10px;letter-spacing:-.055em}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-copy>p{font-size:13px;line-height:1.6;margin-bottom:14px}
 .emerald-hero-price{gap:12px;margin-bottom:12px}
 .emerald-hero-price strong{font-size:25px}.emerald-hero-price a{font-size:12px}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero #emerald-reunion-start{min-height:49px;padding:10px 15px;font-size:17px;gap:16px}
 .emerald-featured{margin:19px 2px 10px}.emerald-section-head{gap:10px;margin-bottom:11px}.emerald-section-head h2{font-size:20px}.emerald-section-head>a{font-size:11px}
 .emerald-featured-grid{gap:10px}.emerald-feature{height:160px;border-radius:13px}.emerald-feature>span{left:11px;right:11px;bottom:11px;gap:5px}.emerald-feature b{font-size:16px}.emerald-feature i{font-size:20px}
 html[data-goblin-design="emerald"] body.goblin-salon .emerald-free-entry{font-size:18px;padding:15px 0;gap:10px}.emerald-free-entry small{font-size:10px;max-width:106px;text-align:right;line-height:1.6}
 html[data-goblin-design="emerald"] body.home-v3 .home-products-head h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.emerald-feature img{transition:none}}

html[data-goblin-design="emerald"] body.goblin-salon #salon-start-reading.emerald-free-entry{--start-ink:var(--emerald-ink);color:var(--emerald-ink)!important;-webkit-text-fill-color:currentColor!important;box-shadow:none;min-height:44px;width:100%;max-width:none;text-align:left}
html[data-goblin-design="emerald"] #emerald-reunion-start,html[data-goblin-design="emerald"] #emerald-reunion-start span{-webkit-text-fill-color:currentColor!important}

@media(max-width:360px){html[data-goblin-design="emerald"] body.site-ui #site-header .salon-nav-play{display:none!important}}

html[data-goblin-design="emerald"] body.home-v3 main.meaning-shell.container{width:100%}

/* Keep the main action above the floating navigation on short desktop windows. */
@media(min-width:761px) and (max-height:800px){
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-art img{object-position:50% 18%}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero{height:clamp(360px,calc(100svh - 270px),530px)}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-copy{bottom:24px}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-kicker{font-size:12px;padding:2px 12px;margin-bottom:10px}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero h1{font-size:clamp(30px,5vh,40px);line-height:1.23;margin-bottom:10px}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .home-hero-copy>p{font-size:14px;line-height:1.6;margin-bottom:12px}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .emerald-hero-price{margin-bottom:10px}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero .emerald-hero-price strong{font-size:24px;line-height:1.2}
 html[data-goblin-design="emerald"] body.home-v3 .emerald-home-hero #emerald-reunion-start{min-height:46px;padding:10px 18px;font-size:17px}
}