/* Supplied artwork is used only for the illustrated header. Products, labels
   and payment controls stay crisp, responsive HTML. */
html.native-platform[data-active-tab="shop"],html.native-platform[data-active-tab="shop"] body,html.native-platform[data-active-tab="shop"] #app,html.native-platform[data-active-tab="shop"] #app>main{width:100%;height:100%;min-height:100%;margin:0;background:#210c04;overflow:hidden}
html.native-platform[data-active-tab="shop"] body>header,html.native-platform[data-active-tab="shop"] #app>header,html.native-platform[data-active-tab="shop"] .native-sub-header,html.native-platform[data-active-tab="shop"] .site-footer{display:none!important}
html.native-platform[data-active-tab="shop"] #app>main{padding:0!important}
.drawer-shop-shell{width:100%;height:100%;overflow:hidden;background:#210c04;color:#fff}
.drawer-shop-stage{position:relative;display:grid;grid-template-rows:266px auto minmax(0,1fr) auto;width:min(100%,720px);height:100%;margin:0 auto;overflow:hidden;background:#210c04;isolation:isolate}
.drawer-shop-hero{position:relative;min-height:0;overflow:hidden;border-bottom:3px solid #0c0502;background:#5a3a2c}
.drawer-shop-wood{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.9) brightness(.82)}
.drawer-shop-seller{position:absolute;z-index:1;top:6px;right:-12px;width:min(65%,275px);height:auto;filter:drop-shadow(0 4px 2px #0008)}
.drawer-shop-greeting{position:absolute;z-index:3;left:6px;bottom:18px;width:min(44%,230px);box-sizing:border-box;margin:0;padding:12px 17px;border:2px solid #3b2518;border-radius:16px;background:#fff8e9f2;color:#3b281c!important;-webkit-text-fill-color:#3b281c!important;font-size:11px;line-height:1.35;box-shadow:0 5px 10px #16090466}.drawer-shop-greeting::after{position:absolute;right:-13px;bottom:18px;width:20px;height:20px;content:"";background:#fff8e9;border-right:2px solid #3b2518;border-top:2px solid #3b2518;transform:rotate(45deg)}.drawer-shop-greeting b,.drawer-shop-greeting span{position:relative;z-index:1;display:block;color:inherit!important;-webkit-text-fill-color:inherit!important}.drawer-shop-greeting b{margin-bottom:3px;font-size:13px}
.drawer-shop-back{position:absolute!important;z-index:4;top:max(24px,env(safe-area-inset-top));left:18px;display:grid!important;place-items:center!important;width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}
.drawer-shop-back img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #0007)}
.drawer-shop-tabs{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px 8px 8px;background:#170905;border-bottom:2px solid #070201}
.drawer-shop-tab{display:grid!important;place-items:center!important;min-width:0!important;height:50px!important;min-height:50px!important;padding:4px 3px!important;border:1px solid #b2915f!important;border-radius:8px!important;background:linear-gradient(135deg,#634c36,#36271e)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:400 clamp(12px,3.5vw,16px)/1.2 KCCHanbit,var(--font-ui)!important;letter-spacing:-.06em;text-align:center;white-space:normal!important;word-break:keep-all;text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important;box-shadow:inset 0 1px #ffffff48,0 3px 0 #0a0402!important}
.drawer-shop-tab[aria-pressed="true"]{border-color:#ffdb72!important;background:linear-gradient(#ffd55d,#f0ad2c)!important;color:#382819!important;-webkit-text-fill-color:#382819!important;transform:translateY(1px);box-shadow:inset 0 1px #fff5bf,0 2px 0 #845010!important}
.drawer-shop-content{min-height:0;padding:14px 14px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:radial-gradient(circle at 50% 0,#5c291b88,transparent 35%),#210c04}
.drawer-shop-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding-bottom:10px}
.drawer-shop-preview-notice{margin:0 0 14px;padding:12px 14px;border:1px solid #c6a574;border-radius:12px;background:#fff3db;color:#392b21!important;-webkit-text-fill-color:#392b21!important;font-size:14px;line-height:1.5}
.drawer-shop-product{display:grid;grid-template-rows:90px minmax(94px,auto) 46px;gap:8px;min-width:0;padding:13px;border:1px solid #c6a574;border-radius:9px 13px 9px 13px;background:linear-gradient(135deg,#60482ee8,#30221af2),url("./assets/shop/drawer-shop-wood.jpg") center/cover;box-shadow:inset 0 0 0 4px #a87e442b,0 4px 0 #140d08,0 6px 12px #0005;content-visibility:auto;contain-intrinsic-size:190px 285px}
.drawer-shop-product-icon{display:grid;place-items:center;height:90px;color:#fff2c2;font-size:58px;line-height:1;filter:drop-shadow(0 4px 2px #0008)}
.drawer-shop-product-icon img{display:block;max-width:100%;height:88px;object-fit:contain}
.drawer-shop-product>div{display:grid;align-content:start;gap:3px;min-width:0;text-align:center}.drawer-shop-product small{color:#d9b980!important;-webkit-text-fill-color:#d9b980!important;font-size:10px;font-weight:500}.drawer-shop-product b{color:#f6e5c4!important;-webkit-text-fill-color:#f6e5c4!important;font:400 clamp(15px,4.1vw,19px)/1.25 KCCHanbit,var(--font-ui);line-height:1.15;word-break:keep-all;text-shadow:0 2px #160803}.drawer-shop-product p{display:-webkit-box;margin:3px 0 0;overflow:hidden;color:#f4e5cf!important;-webkit-text-fill-color:#f4e5cf!important;font-size:10px;line-height:1.35;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.drawer-shop-purchase{display:grid!important;place-items:center!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:4px!important;border:1px solid #cfad73!important;border-radius:8px!important;background:linear-gradient(145deg,#f3dfae,#d5b479)!important;color:#38271b!important;-webkit-text-fill-color:#38271b!important;font:500 clamp(16px,4.8vw,21px)/1 var(--font-ui)!important;text-shadow:0 1px #fff4cf;box-shadow:inset 0 1px #fff6ad,0 3px 0 #654b2f!important}.drawer-shop-purchase:disabled{opacity:1!important;cursor:wait}.drawer-shop-purchase[data-purchase-state="unavailable"]{filter:grayscale(.8);cursor:not-allowed}.drawer-shop-purchase span{color:inherit!important;-webkit-text-fill-color:inherit!important}
.drawer-shop-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.drawer-shop-coming{display:grid;place-items:center;align-content:center;gap:12px;min-height:280px;padding:34px 24px;border:3px solid #dcb06a;border-radius:22px;background:radial-gradient(circle at 50% 0,#744329aa,transparent 60%),#2c1309;text-align:center;box-shadow:inset 0 0 0 1px #684128,0 10px 22px #0006}.drawer-shop-coming>span{font-size:50px;color:#ffd66f}.drawer-shop-coming b{max-width:320px;color:#fff4dc!important;-webkit-text-fill-color:#fff4dc!important;font-size:clamp(22px,6vw,30px);line-height:1.22}.drawer-shop-coming small{max-width:340px;color:#d9b98a!important;-webkit-text-fill-color:#d9b98a!important;font-size:13px;line-height:1.5}
.drawer-shop-restore{z-index:5;width:min(72%,320px)!important;min-height:40px!important;margin:8px auto max(10px,env(safe-area-inset-bottom))!important;padding:6px 18px!important;border:2px solid #c99f64!important;border-radius:999px!important;background:#4a2d1ce8!important;color:#f8dfb8!important;-webkit-text-fill-color:#f8dfb8!important;font-weight:900!important;box-shadow:0 3px 0 #100603!important}
.world-no-illustration{background:radial-gradient(circle at 50% 42%,#d8d6a2 0 9%,transparent 10%),linear-gradient(145deg,#b7c88d,#d9c999 48%,#9db789)!important}.town-information-hero-empty,.town-info-art-empty{display:grid;place-items:center;align-content:center;gap:6px;background:linear-gradient(145deg,#f0ead8,#d9cfb3)!important;color:#584c39!important;text-align:center}.town-information-hero-empty>span,.town-info-art-empty{font-size:38px}.town-information-hero-empty>b{font-size:17px}.town-information-hero-empty>small{font-size:11px;color:#776950!important;-webkit-text-fill-color:#776950!important}
@media(max-width:370px){.drawer-shop-stage{grid-template-rows:235px auto minmax(0,1fr) auto}.drawer-shop-product{grid-template-rows:75px minmax(86px,auto) 42px;padding:10px}.drawer-shop-product-icon,.drawer-shop-product-icon img{height:74px}.drawer-shop-tab{font-size:11px!important}.drawer-shop-greeting{left:5px;bottom:14px;width:44%;box-sizing:border-box;padding:9px 11px;font-size:9px}}
@media(min-width:650px){.drawer-shop-stage{grid-template-rows:300px auto minmax(0,1fr) auto}.drawer-shop-products{grid-template-columns:repeat(3,minmax(0,1fr))}.drawer-shop-product{grid-template-rows:105px minmax(120px,auto) 48px}.drawer-shop-product-icon,.drawer-shop-product-icon img{height:102px}.drawer-shop-seller{right:4%;width:310px}.drawer-shop-greeting{left:35px;bottom:30px;width:280px;font-size:13px}}
/* Landscape tablet composition from 태블릿-기본상점.svg. The product panel
   scrolls independently, leaving the shopkeeper, navigation and restore visible. */
@media(min-width:900px) and (orientation:landscape){
 .drawer-shop-stage{width:100%;max-width:none;grid-template-columns:52% minmax(0,1fr);grid-template-rows:150px minmax(0,1fr) auto;padding-right:max(22px,env(safe-area-inset-right));background:#5a3a2c url('./assets/shop/drawer-shop-wood.jpg') center/cover;box-sizing:border-box}
 .drawer-shop-stage::before{content:"";position:absolute;z-index:-1;left:52%;right:max(22px,env(safe-area-inset-right));top:116px;bottom:-42px;border:3px solid #dfb775;border-radius:48px 48px 0 0;background:linear-gradient(120deg,#30221a,#20150f)}
 .drawer-shop-hero{grid-column:1;grid-row:1/4;border:0;background:transparent;overflow:visible}
 .drawer-shop-wood{display:none}
 .drawer-shop-seller{top:auto;bottom:0;right:2%;width:94%;height:84%;object-fit:contain;object-position:center bottom}
 .drawer-shop-back{top:max(28px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));width:clamp(72px,8vw,100px)!important;height:clamp(72px,8vw,100px)!important}
 .drawer-shop-greeting{left:23%;right:7%;top:30px;bottom:auto;width:auto;min-height:92px;box-sizing:border-box;padding:16px 24px;border:3px solid #17130f;border-radius:42px;background:#fff;font-size:clamp(13px,1.3vw,18px);box-shadow:none}
 .drawer-shop-greeting::after{left:18%;right:auto;bottom:-20px;width:28px;height:28px;background:#fff;border:0;border-right:3px solid #17130f;border-bottom:3px solid #17130f;transform:skewY(35deg)}
 .drawer-shop-greeting b{font-size:14px}
 .drawer-shop-tabs{grid-column:2;grid-row:1;align-self:end;gap:14px;margin:0 7%;padding:0 0 8px;border:0;background:transparent}
 .drawer-shop-tab{height:54px!important;font-size:clamp(13px,1.5vw,20px)!important;border-color:#120e0a!important;border-radius:15px!important;background:#625b55!important}
 .drawer-shop-content{position:relative;grid-column:2;grid-row:2;padding:28px 20px 16px;background:transparent;scroll-padding:20px}
 .drawer-shop-products{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px}
 .drawer-shop-product{grid-template-rows:56px 94px 44px 44px;gap:8px;padding:12px;border:3px solid #dfb775;border-radius:14px;background:radial-gradient(ellipse at center,#80571e,#2c1d0d 80%);box-shadow:none;content-visibility:visible}
 .drawer-shop-product>div{display:contents}
 .drawer-shop-product>div>small{display:none}
 .drawer-shop-product b{grid-row:1;text-align:center;align-self:center;font-size:clamp(14px,1.4vw,20px);color:#ffdb85!important;-webkit-text-fill-color:#ffdb85!important}
 .drawer-shop-product-icon{grid-row:2;height:94px;font-size:64px}.drawer-shop-product-icon img{height:94px}
 .drawer-shop-product p{grid-row:3;text-align:center;-webkit-line-clamp:3;font-size:11px}
 .drawer-shop-purchase{grid-row:4;min-width:0!important;width:100%!important;border-radius:14px!important;background:linear-gradient(#ffe58e,#dba645 52%,#8d602e)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px #24170e}
 .drawer-shop-restore{grid-column:2;grid-row:3;margin:10px auto max(14px,env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){.drawer-shop-tab,.drawer-shop-purchase{transition:none!important}}