/* The same Manila artwork and metal finish, with fully native account forms. */
#app-dialog.auth-dialog {
  width:min(780px,calc(100vw - 32px));
  border:5px solid transparent;border-radius:11px;
  background:linear-gradient(#090b08,#090b08) padding-box,
    linear-gradient(135deg,#5e3d13 0%,#fff5bd 7%,#af7831 14%,#f2d188 22%,#6c471a 36%,#eaca81 51%,#fff6c0 59%,#9a6526 72%,#f8de9a 90%,#694719) border-box;
  box-shadow:inset 0 0 0 1px #fae3a0,inset 0 0 0 4px #1a160a,0 0 0 1px #79501f,0 0 18px #c88f3740,0 25px 110px #000f;
}
#app-dialog.auth-register {width:min(940px,calc(100vw - 32px))!important}
#app-dialog.auth-dialog::before {
  content:'';position:absolute;z-index:2;inset:0;border-radius:6px;pointer-events:none;
  background:linear-gradient(90deg,#fff2b6,transparent) left 5px top 5px/40px 1px no-repeat,
    linear-gradient(#fff2b6,transparent) left 5px top 5px/1px 40px no-repeat,
    linear-gradient(270deg,#fff2b6,transparent) right 5px top 5px/40px 1px no-repeat,
    linear-gradient(#fff2b6,transparent) right 5px top 5px/1px 40px no-repeat,
    linear-gradient(90deg,#f7d684,transparent) left 5px bottom 5px/40px 1px no-repeat,
    linear-gradient(0deg,#f7d684,transparent) left 5px bottom 5px/1px 40px no-repeat,
    linear-gradient(270deg,#f7d684,transparent) right 5px bottom 5px/40px 1px no-repeat,
    linear-gradient(0deg,#f7d684,transparent) right 5px bottom 5px/1px 40px no-repeat;
}
#app-dialog.auth-dialog::backdrop {background:#000c;backdrop-filter:blur(6px)}
.auth-dialog #dialog-content {padding:0;max-height:calc(100vh - 50px);max-height:calc(100dvh - 50px);scrollbar-gutter:auto}
.auth-dialog .dialog-close {
  top:13px;right:13px;z-index:4;width:34px;height:34px;border:1px solid #e7c57c;
  background:linear-gradient(135deg,#514025,#100f09 55%,#3b2d18);color:#ffe6a4;
  box-shadow:inset 0 0 0 2px #0c0c08,inset 0 0 0 3px #9c794744,0 2px 8px #0008;
  font-size:26px;border-radius:4px;
}
.auth-dialog .dialog-close:hover {filter:brightness(1.2)}
.auth-header {
  position:relative;text-align:center;padding:20px 58px 21px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 0,#80602842,transparent 63%),
    repeating-linear-gradient(125deg,#d9b85c04 0 1px,transparent 1px 7px),linear-gradient(180deg,#12120b,#050705);
}
.auth-header::before,.auth-header::after {
  content:'';position:absolute;top:20px;bottom:20px;width:68px;pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(135deg,transparent 0 5px,#ae823737 5px 6px,transparent 6px 11px);
  transform:skewX(-18deg);border-left:1px solid #e5bc7044;border-right:1px solid #e5bc7033;
}
.auth-header::before{left:-28px}.auth-header::after{right:-28px;transform:skewX(18deg)}
.auth-logo {display:block;width:290px;height:50px;max-width:100%;margin:0 auto 12px;overflow:hidden}
.auth-eyebrow {font:700 10px/1.5 Georgia,serif;letter-spacing:3.4px;color:#dcb86d;margin:0 0 5px}
.auth-dialog .auth-header #dialog-title {
  margin:0;padding:0;border:0;font-size:35px;line-height:1.25;letter-spacing:-.045em;
  color:#fce3a5;text-shadow:none;filter:drop-shadow(0 2px 0 #674921) drop-shadow(0 4px 5px #000);
  background:linear-gradient(#fff9d7 5%,#f6d58b 44%,#d59f49 57%,#ffedb3 88%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.auth-subtitle {font-size:12px;color:#c9c0ab;margin:9px 0 0;line-height:1.65;word-break:keep-all}
.auth-divider {position:absolute;left:12px;right:12px;bottom:0;height:5px;
  background:linear-gradient(90deg,#403015,#c69549 12%,#fae4aa 22%,#99712f 40%,#fff4b9 50%,#99712f 60%,#fae4aa 78%,#c69549 88%,#403015);
  border-top:1px solid #fff1bd80;border-bottom:1px solid #6b461e;box-shadow:0 1px 0 #f1d18a30;
}
.auth-divider::after {content:'◆';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15px;color:#fff0b7;text-shadow:0 0 10px #ffe2a7,0 1px 3px #000;background:#5e4619;line-height:1}
.auth-content {padding:25px 29px 28px;background:radial-gradient(ellipse at 0 100%,#59432622,transparent 55%)}
.auth-login-layout {display:grid;grid-template-columns:210px minmax(0,1fr);gap:27px;align-items:center}
.auth-art {width:100%;line-height:0;filter:drop-shadow(0 4px 12px #000b)}
.auth-art svg {display:block;width:100%;height:auto;aspect-ratio:250/342}
.auth-form-panel {min-width:0}
.auth-dialog .dialog-intro {font-size:12px;line-height:1.7;color:#c9bea8;margin:0 0 16px}
.auth-dialog .dialog-form {gap:13px}
.auth-dialog .field {gap:6px;color:#e8d6ae;font-size:12px;font-weight:700}
.auth-dialog .field>span {display:flex;align-items:center;gap:6px}
.auth-dialog .field>span::before {content:'';width:4px;height:4px;flex:none;transform:rotate(45deg);background:#e1bd6e;box-shadow:0 0 4px #d7aa4a55}
.auth-dialog .field input,.auth-dialog .field select,.auth-dialog .field textarea {
  min-height:47px;border:1px solid #8d7544;border-radius:5px;padding:11px 13px;
  background:linear-gradient(115deg,#20211b,#11150f 80%);color:#fff2d4;
  box-shadow:inset 0 1px 0 #fff1bb0a,inset 0 2px 5px #0008,0 1px 0 #ceb77818;
  font-size:15px;font-weight:500;
}
.auth-dialog .field input:focus,.auth-dialog .field select:focus,.auth-dialog .field textarea:focus {
  border-color:#f4d58d;outline:2px solid #cca25844;outline-offset:1px;box-shadow:inset 0 1px 5px #0006,0 0 13px #ca9f4926;
}
.auth-dialog .check-field {font-size:12px;color:#c9bfaa;gap:8px}
.auth-dialog .check-field input {width:16px;height:16px;margin-top:2px;accent-color:#e7c578}
.auth-dialog .button-gold {
  position:relative;min-height:50px;border:2px solid #f5d790;border-radius:6px;padding:10px 20px;
  background:linear-gradient(#fff5c8 0%,#f9e4ab 8%,#e7bf72 24%,#be8730 49%,#e5b961 53%,#f8dc91 88%,#c49549 100%);
  box-shadow:inset 0 0 0 1px #fff5c49c,inset 0 -3px 2px #80551d66,0 2px 0 #533c1e,0 4px 15px #cd9a3423;
  color:#181408;text-shadow:0 1px 0 #fff1b8;font-family:'Black Han Sans','Pretendard Variable',sans-serif;font-size:19px;font-weight:400;
}
.auth-dialog .button-gold::before,.auth-dialog .button-gold::after {content:'';position:absolute;pointer-events:none;top:5px;bottom:5px;width:1px;background:linear-gradient(transparent,#fffce2,transparent)}
.auth-dialog .button-gold::before{left:4px}.auth-dialog .button-gold::after{right:4px}
.auth-dialog .button-outline {min-height:42px;border-color:#bc9652;background:linear-gradient(150deg,#2a281c,#0a0d08 60%,#222013);color:#ecd5a4;font-weight:750;font-size:14px;box-shadow:inset 0 0 0 1px #050704,0 2px 7px #0005}
.auth-switch-label {margin:4px 0 -7px;text-align:center;font-size:11px;color:#9e9786}
.auth-dialog .preview-note {font-size:11px;padding:9px 11px;border-color:#655432;color:#bdb093;background:#201f13;margin-bottom:13px}
.auth-register .auth-header {padding-top:14px;padding-bottom:15px}
.auth-register .auth-logo {width:250px;height:43px;margin-bottom:7px}
.auth-register .auth-header #dialog-title {font-size:31px}
.auth-register .auth-subtitle {margin-top:5px}
.auth-register .auth-content {padding:18px 28px 21px}
.auth-register #register-form {grid-template-columns:1fr 1fr;gap:20px 25px;align-items:start}
.auth-fieldset {min-width:0;margin:0;padding:0;border:0}
.auth-group-title {display:block;width:100%;padding:0 0 9px;margin:0 0 10px;border-bottom:1px solid #806232;color:#f2d89e;font-family:'Black Han Sans','Pretendard Variable',sans-serif;font-size:19px;font-weight:400;letter-spacing:-.03em}
.auth-fieldset .form-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}
.auth-consent {grid-column:1/-1;padding-top:15px;border-top:1px solid #6b522e;display:grid;gap:8px}
.auth-consent .dialog-intro {font-size:11px;margin:0;color:#a59d88}
.auth-consent .button-gold {width:100%;max-width:390px;justify-self:center}
.auth-register .auth-content>.dialog-intro,.auth-register .auth-content>.preview-note {margin-bottom:19px}
@media(max-width:760px){
 .auth-login-layout{grid-template-columns:170px minmax(0,1fr);gap:20px}
 .auth-content{padding:23px}
 .auth-register #register-form{grid-template-columns:minmax(0,1fr);gap:22px}
}
@media(max-width:600px){
 #app-dialog.auth-dialog,#app-dialog.auth-register{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px);max-height:calc(100dvh - 20px);border-width:4px;border-radius:8px}
 .auth-dialog #dialog-content{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px)}
 .auth-dialog .dialog-close{top:10px;right:10px;width:29px;height:29px;font-size:24px}
 .auth-header{padding:22px 37px 19px}
 .auth-logo{width:245px;height:auto;aspect-ratio:359/62;margin-bottom:10px}
 .auth-eyebrow{font-size:9px;letter-spacing:2.5px}
 .auth-dialog .auth-header #dialog-title{font-size:31px}
 .auth-subtitle{font-size:11px;margin-top:8px}
 .auth-content,.auth-register .auth-content{padding:21px 19px 23px}
 .auth-login-layout{display:block}.auth-art{display:none}
 .auth-dialog .field input,.auth-dialog .field select,.auth-dialog .field textarea{font-size:16px;min-height:48px}
 .auth-dialog .field{font-size:12px}.auth-dialog .button-gold{min-height:50px;font-size:18px}
 .auth-fieldset .form-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .auth-group-title{font-size:19px;margin-bottom:14px}
 .auth-consent{padding-top:17px;gap:12px}.auth-consent .button-gold{max-width:none}
}
@media(prefers-reduced-motion:reduce){.auth-dialog *{scroll-behavior:auto}}