/* Reference-inspired surface details, preserving each site's existing palette. */
body.game-coral.lounge-game.interface-refined,body.celeb-campaign.interface-refined{background-image:url("/shared/assets/celeb-margin-pattern.svg");background-size:max(1440px,100%) 1200px;background-position:center top;background-repeat:repeat-y;background-attachment:fixed}
body.operations-page.interface-refined{background-image:url("/shared/assets/celeb-margin-pattern.svg"),linear-gradient(115deg,transparent 65%,#d5dce828 68%,transparent 74%);background-size:max(1440px,100%) 1200px,auto;background-position:center top;background-repeat:repeat-y;background-attachment:fixed}
body.intro-page.interface-refined.reference-home{background-image:linear-gradient(115deg,transparent 65%,#9199d509 68%,transparent 74%),repeating-linear-gradient(115deg,transparent 0 5px,#c4caed05 5px 6px);background-attachment:fixed}
.intro-page.reference-home .brand .celeb-mark{background:none;border-radius:0}
.intro-page.reference-home .brand .celeb-mark img{display:block;width:32px;height:32px}
.intro-page.reference-home .brand-name[data-celeb-wordmark]{background:linear-gradient(95deg,#ff4255 12%,#ff6f69 60%,#ffae82);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:850;letter-spacing:-.035em}
.intro-page.reference-home .brand-name[data-celeb-wordmark] small{-webkit-text-fill-color:var(--header-ink,var(--text))}
@media(forced-colors:active){.intro-page.reference-home .brand-name[data-celeb-wordmark]{background:none;-webkit-text-fill-color:LinkText}}
.auth-popup-bg{padding:24px 16px;background:#160e0bc2;align-items:center;overflow-y:auto;overscroll-behavior:contain}
.auth-popup.modal{position:relative;width:min(100%,766px);max-width:766px;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;padding:0;border:6px solid transparent;border-radius:0;background:linear-gradient(135deg,#fffaf2,#fff 35%,#fff 68%,#fcf7ec) padding-box,linear-gradient(125deg,#ff4255,#ff736a,#ffac81) border-box;box-shadow:0 2px 0 #fff8 inset,0 18px 64px #1307044d;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);color:#292023;color-scheme:light}
.auth-popup:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 49.8%,#dec5972a 50%,transparent 50.4%),linear-gradient(45deg,transparent 63%,#dec59720 63.3%,transparent 64%)}
.auth-popup .auth-dialog-top>.sr-only{left:0;top:0}
.auth-popup-close{position:absolute;right:10px;top:8px;width:44px;height:44px;z-index:3;border:0;background:transparent;color:#8b635a;font-size:28px;border-radius:50%;cursor:pointer}
.auth-popup-brand{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 26px;font:900 28px/1.1 StargatePretendard,Pretendard,sans-serif;letter-spacing:-.035em}
.auth-popup-brand span{background:linear-gradient(95deg,#ff4255 12%,#ff6f69 60%,#ffae82);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.auth-popup-brand span,.auth-popup-brand img{filter:drop-shadow(0 1px 1px #7e2b2129)}
@media(forced-colors:active){.auth-popup-brand span,.auth-popup-brand img{filter:none}}
.auth-popup.auth-modal-signup{width:min(100%,780px);max-width:780px}.auth-signup-body{position:relative;padding:38px 98px 30px}.auth-signup-form{display:grid;gap:12px}.auth-modal-signup .auth-field .input,.auth-modal-signup .auth-field select{font-weight:600}
.auth-field{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;border:1px solid #ffe4e3;background:#fff;border-radius:999px;padding:0 16px;box-shadow:0 2px 8px #ee57671a}
.auth-field>svg{width:18px;height:18px;flex:0 0 18px;color:#ff465b}
.auth-popup .auth-field .input,.auth-popup .auth-field select{border:0!important;background:transparent!important;color:#292023;box-shadow:none;border-radius:0;min-height:42px;min-width:0;flex:1;width:100%;padding:5px 0;font-size:14px;outline-offset:3px}
.auth-popup .auth-field input::placeholder{color:#7a706c;opacity:1}.auth-field:focus-within{outline:2px solid #c73043;outline-offset:3px}
.auth-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.auth-field-row>.sr-only{position:absolute}
.auth-small-btn{min-height:44px;padding:7px 19px;border:0;border-radius:999px;background:#cb2942;color:white;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.auth-field-help{font-size:11px;line-height:1.45;color:#a62c3f;margin:-7px 0 2px!important;padding:0 14px}
.auth-phone-field{gap:6px}.auth-popup .auth-phone-field select{flex:0 1 100px;width:100px;font-size:12px}.auth-popup .auth-phone-field .input{flex:1 1 90px}
.auth-popup #popup-bank{appearance:none;background-image:url('/shared/assets/celeb-popup-icon-sel-drop.webp')!important;background-repeat:no-repeat!important;background-position:right 10px center!important;padding-right:34px}
@media(min-width:761px){.auth-popup .auth-phone-field select{font-size:14px}.auth-small-btn{width:94px;padding-inline:8px}}
@media(max-width:760px){.auth-field-row{gap:9px}}
.auth-signup-notes{border-top:1px solid #ff6779;padding-top:14px;margin-top:3px}.auth-signup-notes p{font-size:11px;line-height:1.55;color:#70615a;margin:0 0 5px}.auth-consent{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.45;min-height:44px;cursor:pointer}.auth-consent input{width:18px;height:18px;flex-shrink:0;accent-color:#d52b40}
.auth-submit,.auth-signup-switch{display:block;width:100%;min-height:48px;border:0;background:linear-gradient(110deg,#ff4357,#ff665f 65%,#ffab81);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px 8px #ed6f592b}
.auth-modal-signup .auth-submit{background:#cb2942;border-radius:0}.auth-text-button{min-width:44px;min-height:44px;border:0;background:none;font-size:12px;color:#815c4e;cursor:pointer}
.auth-login-layout{display:grid;grid-template-columns:minmax(0,395fr) minmax(0,350fr);min-height:589px;position:relative;align-items:center;padding:44px 9px 32px 0}.auth-dialog-model{position:absolute;inset:0 auto 0 0;width:52%;height:100%;object-fit:cover;object-position:50% 18%;mask-image:linear-gradient(to right,#000 70%,transparent 100%);pointer-events:none}
.auth-login-body{grid-column:2;position:relative;padding:16px 69px 16px 9px}.auth-login-body form{display:grid;gap:16px}.auth-popup .auth-login-body .input{font-weight:700}.auth-popup .auth-login-body input::placeholder{color:#666;opacity:1}.auth-login-body .auth-submit,.auth-signup-switch{border-radius:999px;min-height:46px}.auth-signup-switch{margin-top:16px;background:linear-gradient(110deg,#8d3415,#b6683f)}.auth-login-caption{font-size:12px;color:#725b51;text-align:center;margin:18px 0 0}.auth-success{position:relative;padding:52px 40px;text-align:center}.auth-success h3{font-size:23px}.auth-success .auth-submit{margin-top:28px}
.auth-popup .form-error{margin:0;color:#a82037;background:#fff0f1;padding:12px;border-radius:8px;font-size:13px}.auth-popup button:disabled{opacity:.6;cursor:wait}.auth-popup :focus-visible{outline:2px solid #c73043;outline-offset:3px}
.game-mobile-guide{display:flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;border:0;background:none;box-shadow:none;color:#8d8985;cursor:pointer}.game-mobile-guide svg{width:20px;height:28px}.game-mobile-guide:hover{color:#f26043;transition:color .2s}
@media(max-width:760px){.auth-popup-bg{padding:12px 10px}.auth-popup.modal{max-height:calc(100dvh - 24px);border-width:5px}.auth-signup-body{padding:50px 20px 24px}.auth-popup .auth-field .input,.auth-popup .auth-field select{font-size:16px;min-height:44px}.auth-field{padding:0 11px}.auth-field-help{font-size:11px;padding:0 7px}.auth-small-btn{font-size:11px;padding:7px 10px}.auth-popup .auth-phone-field select{flex-basis:84px;width:84px;font-size:16px}.auth-popup .auth-phone-field .input{flex-basis:72px}.auth-phone-field{gap:3px}.auth-phone-field>svg{display:none}.auth-signup-notes p{font-size:12px}.auth-consent{font-size:12px}.auth-popup.auth-modal-login{max-width:440px}.auth-login-layout{display:block;min-height:420px;padding:60px 26px 34px}.auth-dialog-model{width:100%;opacity:.14;mask-image:linear-gradient(to right,transparent,#000 35%,#000);object-position:50% 15%}.auth-login-body{padding:0}.auth-login-caption{font-size:13px}.auth-success{padding:50px 20px}.auth-popup-brand{font-size:28px;margin-bottom:28px}body.game-coral.lounge-game.interface-refined,body.celeb-campaign.interface-refined,body.operations-page.interface-refined,body.intro-page.interface-refined.reference-home{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){.game-mobile-guide:hover{transition:none}}
@media(forced-colors:active){.auth-popup.modal{clip-path:none;border:2px solid CanvasText;background:Canvas}.auth-popup-brand span{background:none;-webkit-text-fill-color:CanvasText}.auth-field{border:1px solid CanvasText;box-shadow:none}.auth-submit,.auth-signup-switch,.auth-small-btn{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}.auth-dialog-model{display:none}}

/* The lobby has its own opaque surface, so its margin texture belongs here too. */
.game-coral .game-lobby{background-image:url('/shared/assets/celeb-margin-pattern.svg'),radial-gradient(ellipse at 4% 0,var(--campaign) 0,transparent 50%);background-color:var(--bg);background-size:max(1440px,100%) 1200px,auto;background-position:center 420px,center top;background-repeat:repeat-y,no-repeat}
.game-coral .lounge-jackpot{position:relative;padding:8px;background:repeating-linear-gradient(125deg,#ff4258 0 54px,#ff8264 54px 105px,#fff4e6 105px 153px);clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);border:0;border-radius:0}
.game-coral .lounge-jackpot .lounge-promo-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px;border:5px solid #fff4e5;padding:16px 34px;background:linear-gradient(180deg,#ffffff05,transparent 25%,#0009),url('/shared/assets/celeb-jackpot-texture.svg');box-shadow:inset 0 7px 13px #000b,inset 0 -5px 10px #000c,inset 0 1px 0 #ffffff26;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.game-coral .lounge-jackpot .lounge-promo-inner::before{content:"";position:absolute;inset:1px 12px auto;height:20px;background:linear-gradient(#fff1,transparent);border-top:1px solid #ffffff12;pointer-events:none}
.game-coral .lounge-jackpot .lounge-promo-inner::after{content:"";position:absolute;inset:auto 12px 1px;height:1px;background:linear-gradient(90deg,transparent,#b29b7152,transparent);pointer-events:none}
.game-coral .jackpot-title{display:flex;align-items:center;gap:11px;min-width:0}.jackpot-crown{width:42px;height:35px;flex:0 0 42px;filter:drop-shadow(0 3px 2px #0009)}
.game-coral .jackpot-title strong{color:#fff;font-weight:900;font-size:clamp(17px,2.4vw,30px);line-height:1.1;letter-spacing:-.035em;white-space:nowrap;text-shadow:0 2px 2px #000c}
.game-coral .jackpot-title em{display:inline;line-height:inherit;font-style:normal;background:linear-gradient(180deg,#ffac87 0,#ff655f 44%,#f83f57 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px #0009)}
.game-coral .jackpot-value{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0;color:#e6a29f}.game-coral .jackpot-value b{font-size:56px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(#ffd0b5,#e89899 48%,#c6757c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 1px #64363b)}.game-coral .jackpot-value span{font-size:14px;font-weight:700;white-space:nowrap;color:#e4b9b0;text-shadow:0 2px 1px #000}
.site-ticker{display:flex;align-items:center;position:relative;max-width:1120px;width:calc(100% - 64px);margin:30px auto 56px;min-height:42px;padding:3px 20px 3px 92px;border:1px solid #ff4058;border-radius:999px;background:#fffcfa}.site-ticker[hidden]{display:none!important}
.notice-megaphone{position:absolute;left:14px;top:-23px;width:74px;height:70px;pointer-events:none;filter:drop-shadow(0 3px 2px #b5734a2b)}
.notice-open{display:block;flex:1;min-width:0;width:100%;border:0;background:transparent;box-shadow:none;text-align:left;cursor:pointer;padding:4px 0;border-radius:0;font:inherit;color:inherit}.notice-open:focus-visible{outline:2px solid #bc2a3e;outline-offset:3px}
.notice-viewport{display:block;width:100%;overflow:hidden}.notice-track{display:flex;width:max-content;min-width:200%;animation:celeb-notice var(--notice-duration,30s) linear infinite!important}.notice-track>span{display:block;flex:1 0 auto;white-space:nowrap;padding-right:96px;font-size:14px;font-weight:650;color:#615853}.notice-unavailable .notice-track{animation-play-state:paused!important}.notice-full-text{white-space:pre-wrap;overflow-wrap:anywhere}
.signup-review{display:grid;grid-template-columns:120px minmax(0,1fr) 120px minmax(0,1fr);gap:10px 16px}.signup-review dt{color:var(--muted);font-size:13px}.signup-review dd{margin:0;overflow-wrap:anywhere}
@keyframes celeb-notice{to{transform:translateX(-50%)}}
/* User requested automatic notice motion, including their reduced-motion browser. Other motion preferences stay intact. */
.site-ticker:focus-within .notice-track{animation-play-state:paused!important}

@media(max-width:760px){body.game-coral.lounge-game.interface-refined,body.celeb-campaign.interface-refined,body.operations-page.interface-refined{background-size:760px 760px}.game-coral .game-lobby{background-position:center 280px,center top;background-size:760px 760px,auto}.game-coral .lounge-jackpot{padding:5px}.game-coral .lounge-jackpot .lounge-promo-inner{padding:13px 12px;min-height:88px;border-width:3px;gap:10px;flex-wrap:wrap}.game-coral .jackpot-title{gap:7px}.jackpot-crown{width:30px;height:25px;flex-basis:30px}.game-coral .jackpot-title strong{font-size:18px;white-space:normal}.game-coral .jackpot-value{margin-left:auto;gap:12px}.game-coral .jackpot-value b{font-size:32px}.game-coral .jackpot-value span{font-size:12px}.site-ticker{width:calc(100% - 32px);margin:28px auto 42px;padding:3px 12px 3px 68px;min-height:44px}.notice-megaphone{left:3px;top:-15px;width:60px;height:57px}.notice-track>span{font-size:13px}.signup-review{grid-template-columns:88px minmax(0,1fr)}}
@media(forced-colors:active){.game-coral .lounge-jackpot,.game-coral .lounge-jackpot .lounge-promo-inner{background:Canvas;border:1px solid CanvasText;clip-path:none}.game-coral .jackpot-title strong,.game-coral .jackpot-value span{color:CanvasText}.game-coral .jackpot-title em{-webkit-text-fill-color:CanvasText;background:none}.site-ticker{background:Canvas;border-color:CanvasText}.notice-track>span{color:CanvasText}}

.auth-signup-footer{display:flex;justify-content:space-between;gap:8px}

/* Keep dismissal available while a long signup form scrolls. */
.auth-dialog-top{position:sticky;top:0;z-index:4;display:flex;justify-content:flex-end;height:44px;margin-bottom:-44px;pointer-events:none}
.auth-popup-bg{--auth-inset-top:max(24px,env(safe-area-inset-top));--auth-inset-bottom:max(24px,env(safe-area-inset-bottom));padding:var(--auth-inset-top) max(16px,env(safe-area-inset-right)) var(--auth-inset-bottom) max(16px,env(safe-area-inset-left))}
.auth-popup.modal{max-height:calc(100dvh - var(--auth-inset-top) - var(--auth-inset-bottom))}
@media(max-width:760px){.auth-popup-bg{--auth-inset-top:max(12px,env(safe-area-inset-top));--auth-inset-bottom:max(12px,env(safe-area-inset-bottom));padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))}}
.auth-dialog-top .auth-popup-close{position:relative;right:8px;top:8px;background:#fffaf2;pointer-events:auto;touch-action:manipulation}
/* Reserve the sticky close area so it cannot intercept an input's dropdown. */
.auth-modal-signup .auth-dialog-top{height:56px;margin-bottom:0;background:#fffaf2}
.auth-modal-signup .auth-signup-body{padding-top:18px}
.auth-popup.auth-modal-signup{scroll-padding-top:60px}
.auth-popup .auth-field :is(input,select):focus-visible{outline:none}
.auth-password-toggle{flex:0 0 48px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#815044;font:inherit;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer;touch-action:manipulation}
.auth-field-help{word-break:keep-all;overflow-wrap:break-word}
@media(pointer:coarse){.auth-popup .auth-field .input,.auth-popup .auth-field select{font-size:16px}}
@media(pointer:coarse){.interface-refined:is(.celeb-campaign,.intro-page,.operations-page) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){font-size:16px}}
@media(max-width:420px){
 .auth-phone-row{align-items:end}
 .auth-phone-row .auth-phone-field{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-radius:20px;padding-inline:12px}
 .auth-popup .auth-phone-row .auth-phone-field select{width:100%;min-width:0;min-height:44px;border-bottom:1px solid #ffe4e3!important}
 .auth-popup .auth-phone-row .auth-phone-field .input{width:100%;min-height:44px}
 .auth-popup .auth-small-btn{font-size:12px}
 .auth-field-help{font-size:12px;line-height:1.55}
}



.auth-login-body .auth-submit{font-size:20px}
@media(min-width:1001px){.game-coral .header #nav .game-mobile-guide{margin-left:auto}.game-coral .header #nav a[href='#/charge']{margin-left:0}}

/* Match the CELEB account action on both operations sign-in screens. */
.operations-page .auth-box[data-form=login] .btn[type=submit]{background:linear-gradient(105deg,#c62c3b,#ab5429);border-color:transparent;color:#fff;box-shadow:inset 0 1px 0 #ffffff26,0 3px 8px #c62c3b1f;transition:filter 200ms ease,box-shadow 200ms ease,transform 120ms ease;transform:none}
@media(hover:hover) and (pointer:fine){.operations-page .auth-box[data-form=login] .btn[type=submit]:hover:not(:disabled){filter:brightness(1.05);box-shadow:inset 0 1px 0 #ffffff38,0 4px 10px #c62c3b29}}
.operations-page .auth-box[data-form=login] .btn[type=submit]:active:not(:disabled){filter:brightness(.94);transform:translateY(1px)}
.operations-page .auth-box[data-form=login] .btn[type=submit]:focus-visible{outline:2px solid #b92e40;outline-offset:3px}
.operations-page .auth-box[data-form=login] .btn[type=submit]:disabled{filter:none;transform:none}
@media(prefers-reduced-motion:reduce){.operations-page .auth-box[data-form=login] .btn[type=submit]{transition:none;transform:none}}
@media(forced-colors:active){.operations-page .auth-box[data-form=login] .btn[type=submit]{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none;filter:none}.operations-page .auth-box[data-form=login] .btn[type=submit]:focus-visible{outline-color:Highlight}}
/* Existing coral tokens and auth field system; optional service states. */
.auth-verification-actions{display:flex;gap:10px;margin:0 0 18px}
.auth-signup-body>[data-anonymous-status]{margin:0 0 18px!important}
.auth-login-body .auth-anonymous-switch{background:linear-gradient(110deg,#a52e50,#b94e60)}
.auth-signup-switch:focus-visible{outline:2px solid #c73043;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.auth-signup-switch:hover{filter:brightness(1.06)}}
.auth-signup-switch:active{filter:brightness(.94)}
@media(forced-colors:active){.auth-login-body .auth-anonymous-switch{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}
.auth-code-row:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:12px 0 20px}
.auth-verification-actions{margin-top:16px;flex-wrap:wrap}.auth-verification-actions button{flex:1;min-width:110px}
.auth-verification-link{color:#b32138;text-decoration:underline}.auth-submit:disabled,.auth-small-btn:disabled{opacity:.55;cursor:not-allowed}
.integration-details{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2fr);gap:12px;margin:20px 0}.integration-details dd{margin:0;overflow-wrap:anywhere}.integration-address{font-variant-numeric:tabular-nums;word-break:break-all}
.integration-state-heading{flex-wrap:wrap;gap:16px}.integration-state-heading>div{flex:1 1 240px}.integration-state-heading>.btn{flex:0 0 auto;white-space:nowrap}

/* The independent page uses the same signup fields without a nested scroll area. */
.register-page .auth-popup.modal.auth-inline{width:100%;max-width:none;max-height:none;overflow:visible;clip-path:none;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 5px 18px var(--campaign-shadow);container-type:inline-size}
.register-page .auth-inline:before{content:none}
.register-page .auth-inline .auth-signup-body{padding:30px 32px}
@media(max-width:760px){.register-page .auth-inline .auth-signup-body{padding:26px 16px}.register-page .auth-inline .auth-phone-row{grid-template-columns:minmax(0,1fr)}.register-page .auth-inline .auth-phone-row>.auth-small-btn{justify-self:end}}
@container(max-width:440px){.register-page .auth-inline .auth-phone-row{grid-template-columns:minmax(0,1fr)}.register-page .auth-inline .auth-phone-row>.auth-small-btn{justify-self:end}}