/* r4 full-screen skins. Keep the existing route/actions and all authorization rules. */
@font-face{font-family:SkinSans;src:url(fullskin/PretendardVariable.woff2);font-weight:100 900;font-display:swap}
@font-face{font-family:SkinSerif;src:url(fullskin/MaruBuri-Regular.woff2);font-weight:400;font-display:swap}
.troon-fullskin{isolation:isolate;background:#232726;--sans:SkinSans,sans-serif;--serif:SkinSerif,serif;--ink:#F4F1EA;--heading:#F4F1EA;--muted:#E4E7DF;--brand:#F4F1EA;--brand2:#DFE5D9;--accent:#F4F1EA;--accent-soft:#F4F1EA;--surface:rgba(20,28,24,.76);--surface2:rgba(20,28,24,.72);--line:rgba(244,241,234,.34);--line2:rgba(244,241,234,.22);--on-brand:#232726;--on-accent:#232726;--sel-ink:#232726;--btn-grad:linear-gradient(#F4F1EA,#F4F1EA);--tab-bg:rgba(20,28,24,.9);--ok:#D7F0D5;--ok-bg:rgba(17,50,26,.86);--shadow-card:none;--skin-image:url(fullskin/U00006.jpg);--skin-position:50% 50%;color:var(--ink);font-family:var(--sans)}
.troon-fullskin::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,rgba(15,24,19,.64),rgba(15,24,19,.12) 26%,rgba(15,24,19,.18) 62%,rgba(15,24,19,.56)),var(--skin-image);background-size:cover;background-position:center,var(--skin-position);background-repeat:no-repeat}
.troon-fullskin>*{position:relative;z-index:1}.troon-fullskin .viewport{background:transparent;scroll-padding:24px 0 calc(24px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;padding-bottom:24px;font-family:var(--sans)}
.screen[data-skin=login],.screen[data-skin=link],.screen[data-skin=signup],.screen[data-skin=signupStatus],.screen[data-skin=accountDeletion]{--skin-image:url(fullskin/jeju-login.png);--skin-position:52% 50%}
.screen[data-skin=home]{--skin-image:url(fullskin/jeju-home.png);--skin-position:47% 50%}
.screen[data-skin=stay]{--skin-image:url(fullskin/U00005.jpg);--skin-position:50% 68%}
.screen[data-skin=golf]{--skin-image:url(fullskin/U00207.jpg);--skin-position:16% 50%}
.screen[data-skin=party]{--skin-image:url(fullskin/U00020.jpg);--skin-position:50% 65%}
.screen[data-skin=concierge]{--skin-image:url(fullskin/U00587.png);--skin-position:54% 50%}
.screen[data-skin=bookings],.screen[data-skin=booking]{--skin-image:url(fullskin/U00012.jpg);--skin-position:60% 50%}
.screen[data-skin=me],.screen[data-skin=settings]{--skin-image:url(fullskin/U00006.jpg)}
.screen[data-skin=guide]{--skin-image:url(app-photo-r7/guide-infinity-pool-p37.jpg);--skin-position:50% 66%}
.troon-fullskin :is(h1,h2,h3,h4){font-family:var(--serif);font-weight:400;color:var(--heading);word-break:keep-all}.troon-fullskin :is(button,input,textarea,select){font-family:var(--sans)}
.troon-fullskin :is(p,label,.lab,.pk,.m,.eyebrow){word-break:keep-all;overflow-wrap:break-word}.troon-fullskin .eyebrow{color:#E4E7DF}.troon-fullskin .iconbtn,.troon-fullskin .backbtn{background:rgba(20,28,24,.8);color:#F4F1EA}
.troon-fullskin :is(button,a,input,textarea,select):focus-visible{outline:3px solid #F4F1EA;outline-offset:3px}
.troon-fullskin .tabbar{background:var(--tab-bg);backdrop-filter:none;border-color:rgba(244,241,234,.25);padding-bottom:calc(10px + env(safe-area-inset-bottom));min-height:70px}
.troon-fullskin .tab{color:#E4E7DF;font-size:max(calc(12px * var(--troon-system-scale,1)),0.75rem)}.troon-fullskin .tab.on{color:#fff}.troon-fullskin .tab.on::after{content:'';width:16px;height:2px;background:#fff}
.troon-fullskin :is(.btn,.cta,.journey-action,.new-stay-action){background:#F4F1EA;color:#232726;box-shadow:none;font-weight:500;min-height:52px}
.troon-fullskin .btn:disabled{background:rgba(244,241,234,.85);color:#596156;opacity:1}.troon-fullskin :is(.input,textarea.input,select.input){font-size:max(calc(12px * var(--troon-system-scale,1)),1rem);background:rgba(244,241,234,.94);color:#232726;border:1px solid #C1C6B8;min-height:48px}
.troon-fullskin .input::placeholder{color:#596156}.troon-fullskin .input:focus{outline:2px solid #fff;outline-offset:3px}
.troon-fullskin :is(.journey-card,.home-concierge,.home-secondary,.golf-benefits,.home-membership,.notice,.perk,.summary,.detailcard,.mcard,.empty,.rq,.citem,.cal,.stepper,.service-tile,.segbtn,.slots button,.setrow){background:rgba(20,28,24,.76);border-color:rgba(244,241,234,.32);box-shadow:none;color:#F4F1EA}
.troon-fullskin :is(.field,.calnote,.pagetitle,.service-banner,.stitle,.backhead,.backrow){background:rgba(20,28,24,.72);color:#F4F1EA}.troon-fullskin .backhead{padding-top:18px;padding-bottom:18px}
.troon-fullskin .lab,.troon-fullskin .field .lab{color:#F4F1EA;font-size:max(calc(12px * var(--troon-system-scale,1)),0.875rem);letter-spacing:.02em}.troon-fullskin :is(.pn,.pk,.notice,.summary,.calnote){color:#F4F1EA}.troon-fullskin .notice{font-size:max(calc(12px * var(--troon-system-scale,1)),0.875rem);line-height:1.7}
.troon-fullskin .segbtn{font-size:max(calc(12px * var(--troon-system-scale,1)),0.9375rem);color:#F4F1EA}.troon-fullskin .segbtn .sub{color:#E4E7DF;font-size:max(calc(12px * var(--troon-system-scale,1)),0.75rem)}.troon-fullskin .segbtn.on,.troon-fullskin .days button.sel,.troon-fullskin .slots button.on{background:#F4F1EA;color:#232726}.troon-fullskin .segbtn.on .sub{color:#596156}
.troon-fullskin .days button{color:#F4F1EA}.troon-fullskin .days button:disabled{color:#ABB4A9}.troon-fullskin .days button.rng{background:rgba(244,241,234,.22)}.troon-fullskin .days button.rng:not(.sel){color:#F4F1EA}.troon-fullskin .calhead,.troon-fullskin .calnav,.troon-fullskin .dow{color:#F4F1EA}
.troon-fullskin .stepper .ctr button{background:rgba(244,241,234,.95);color:#232726;border-color:#fff}.troon-fullskin .stepper .val{color:#fff}
.troon-fullskin .hero.estate-photo{background:none;margin:0;height:150px;border:0;border-radius:0}.troon-fullskin .hero.estate-photo>img,.troon-fullskin .hero.estate-photo>.gv{display:none}.troon-fullskin .hero.estate-photo .gtag{background:rgba(20,28,24,.76);padding:12px 16px;left:20px;bottom:18px;max-width:calc(100% - 40px);}
.troon-fullskin .home-top{background:none;padding-top:18px}.troon-fullskin .brandmark>:not(.skin-home-logo){display:none}.skin-home-logo{display:block;width:128px;height:auto}.troon-fullskin .home-greeting{margin:22px 20px 0;padding:15px 18px;background:rgba(20,28,24,.76);}.troon-fullskin .home-greeting h1{font-size:max(calc(12px * var(--troon-system-scale,1)),1.5625rem);line-height:1.55;margin-top:5px}.troon-fullskin .home-top>.new-stay-action{margin-top:56svh}.troon-fullskin .home-photo{display:none}.troon-fullskin .home-concierge,.troon-fullskin .home-secondary,.troon-fullskin .golf-benefits{padding:20px 18px}.troon-fullskin .home-membership{padding:16px}.troon-fullskin .journey-card{margin-top:18px}.troon-fullskin .quick-service,.troon-fullskin .benefit-link{background:rgba(20,28,24,.64);}.troon-fullskin .inline-destination{color:#F4F1EA}.troon-fullskin .benefit-link>span:last-child{color:#F4F1EA}
.troon-fullskin .login{min-height:100%;padding:40px 20px 12px;justify-content:space-between;gap:22svh}.skin-login-logo{display:block;width:168px;height:auto;margin:0 auto;flex-shrink:0}.skin-login-panel{background:rgba(20,28,24,.78);border:1px solid rgba(244,241,234,.25);padding:24px 18px 14px;width:100%;flex-shrink:0}.skin-login-panel .lbrand{margin-bottom:20px}.skin-login-panel .lsym,.screen[data-skin=login] .skin-login-panel .ltag{display:none}.skin-login-panel .lname{color:#F4F1EA;font-size:max(calc(12px * var(--troon-system-scale,1)),1.6875rem);font-weight:400}.skin-login-panel .lsub{font-size:max(calc(12px * var(--troon-system-scale,1)),0.875rem);line-height:1.8;color:#F4F1EA}.skin-login-panel .social-btn{min-height:50px}.skin-login-panel .invite-toggle{color:#F4F1EA;font-size:max(calc(12px * var(--troon-system-scale,1)),0.875rem);min-height:44px}.skin-login-panel .footnote,.skin-login-panel .legal-links,.skin-login-panel .legal-links a{color:#E4E7DF}.skin-login-panel .err{color:#FFD4CF}.skin-login-panel .field{background:none;padding-left:0;padding-right:0}.skin-login-panel .legal-links{margin:10px 0;font-size:max(calc(12px * var(--troon-system-scale,1)),0.75rem)}
.troon-fullskin .citem .m,.troon-fullskin .benefit-link>span:not(.benefit-icon),.troon-fullskin .benefit-terms{color:#E4E7DF}.troon-fullskin .chip.wait{color:#F4F1EA;background:#414C42}.troon-fullskin .chip.cancel{color:#FFD4CF;background:#582B2C}.troon-fullskin .chip.ok{color:#D7F0D5;background:#183B22}
body.troon-skins-enabled .stage{height:var(--skin-viewport-height,100dvh)}
@media(max-width:350px){.troon-fullskin .login{padding:30px 16px 12px;gap:16svh}.skin-login-panel{padding:22px 14px 12px}.skin-login-panel .lsub{font-size:max(calc(12px * var(--troon-system-scale,1)),0.8125rem)}.troon-fullskin .home-greeting h1{font-size:max(calc(12px * var(--troon-system-scale,1)),1.4375rem)}.troon-fullskin .home-top>.new-stay-action{margin-top:54svh}.troon-fullskin .field{padding-left:16px;padding-right:16px}.troon-fullskin .cal{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}
@media(max-height:600px){.troon-fullskin .login{gap:36px;padding-top:24px}.troon-fullskin .home-top>.new-stay-action{margin-top:80px}}
@media(min-width:480px) and (hover:hover) and (pointer:fine){body.troon-skins-enabled .stage{height:auto}.troon-fullskin .login{gap:150px}.troon-fullskin .home-top>.new-stay-action{margin-top:450px}}
@media(prefers-reduced-motion:reduce){.troon-fullskin,.troon-fullskin *{scroll-behavior:auto!important}}

.screen.troon-fullskin :is(h1,h2,h3,h4,.lname){font-weight:400;color:#F4F1EA}
.screen.troon-fullskin .segbtn.on,.screen.troon-fullskin .days button.sel,.screen.troon-fullskin .slots button.on{background:#F4F1EA;color:#232726;border-color:#F4F1EA}
.screen.troon-fullskin .segbtn.on .sub{color:#596156}
body.troon-skins-enabled .sheet{--ink:#232726;--heading:#232726;--muted:#596156;--brand:#596156;--surface:#fffdf7;--surface2:#E6E9DF;--line:#B7BEAC;--on-brand:#F4F1EA;--btn-grad:linear-gradient(#596156,#596156);background:#F4F1EA;color:#232726;font-family:SkinSans,sans-serif}
body.troon-skins-enabled .sheet :is(input,textarea,select){font-size:max(calc(12px * var(--troon-system-scale,1)),1rem)}

.screen.troon-fullskin .stepper .ctr button{color:#232726;background:#F4F1EA;border-color:#F4F1EA}

body.troon-skins-enabled .toast{background:#F4F1EA;color:#232726;min-width:230px;max-width:calc(100vw - 32px);word-break:keep-all;line-height:1.6;font-family:SkinSans,sans-serif;font-size:max(calc(12px * var(--troon-system-scale,1)),0.875rem);pointer-events:none}
body.troon-skins-enabled.skin-input-active .toast{top:calc(env(safe-area-inset-top) + 12px);bottom:auto}

body.troon-skins-enabled .sheet{--accent:#596156;--accent-soft:#232726;max-height:calc(var(--skin-viewport-height,100dvh) * .88)}
body.troon-skins-enabled .sheet .input::placeholder{color:#596156;opacity:1}

body.troon-skins-enabled .toast{top:calc(env(safe-area-inset-top) + 12px);bottom:auto}

/* Keep the preserved160ms step highlight legible on the full skin. */
.screen.troon-fullskin .stepper{--step-feedback:#DCD7C8}

/* Keep Korean words intact in the existing login introduction. */
.screen[data-skin=login] .skin-login-panel .lsub{word-break:keep-all;overflow-wrap:normal;text-wrap:balance}

/* Login art candidate: supplied PDF original; internal AI concepts are labeled. */
.screen[data-skin=login]{--skin-image:url(app-art/login-pdf-original.png);--skin-position:50% 50%}
.screen[data-skin=login]::before{background-image:linear-gradient(180deg,rgba(14,27,44,.18),rgba(14,27,44,.08) 45%,rgba(14,27,44,.4)),var(--skin-image)}
.screen[data-skin=login] .skin-login-panel{background:rgba(14,27,44,.97)}
.screen:is([data-skin=golf],[data-skin=stay],[data-skin=concierge],[data-skin=party]){--skin-image:none;background:#172532}
.screen:is([data-skin=golf],[data-skin=stay],[data-skin=concierge],[data-skin=party])::before{background-image:none}
.troon-fullskin .app-concept-art{margin:0 20px 20px;border-radius:var(--r);overflow:hidden;background:#172532}
.troon-fullskin .app-concept-art img{display:block;width:100%;height:auto;object-fit:contain}
.troon-fullskin .app-concept-art figcaption{padding:10px 12px;font-size:max(calc(12px * var(--troon-system-scale,1)),.75rem);line-height:1.6;color:#E4E7DF;overflow-wrap:anywhere}
@media(max-width:350px){.troon-fullskin .app-concept-art{margin-inline:16px}}

/* Focused review correction: reuse existing150px banner role across all four routes. */
.troon-fullskin .app-concept-art img{height:150px;object-fit:cover;object-position:50% 65%}
.screen[data-skin=party] .app-concept-art img{object-position:50% 52%}
.troon-fullskin .app-concept-art figcaption{padding:6px 12px}
.screen[data-skin=stay] .hero.estate-photo{height:auto;min-height:0;margin:0 20px 20px}
.screen[data-skin=stay] .hero.estate-photo .gtag{position:static;display:inline-block;max-width:100%;margin:0;transform:none}
.screen[data-skin=login] .skin-login-logo{display:none}
.screen[data-skin=login] .login{justify-content:flex-start;gap:0}
.screen[data-skin=login] .skin-login-panel{background:#0E1B2C}
.screen[data-skin=login] .login-intro-word{display:inline-block;max-width:100%;vertical-align:top;word-break:keep-all;overflow-wrap:anywhere}

/* Show one clear existing UI brand because the original embedded mark is behind the opaque panel. */
.screen[data-skin=login] .skin-login-logo{display:block;width:128px;height:auto;margin:0 auto 12px}
