@font-face{font-family:Arun Thai;src:url('/assets/entry/fonts/NotoSansThai-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Arun Lao;src:url('/assets/entry/fonts/NotoSansLao-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Arun Myanmar;src:url('/assets/entry/fonts/NotoSansMyanmar-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Arun Khmer;src:url('/assets/entry/fonts/NotoSansKhmer-Regular.ttf') format('truetype');font-display:swap}
.account-gate,.account-gate *{box-sizing:border-box}
.account-gate{position:fixed!important;inset:0!important;z-index:10000!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,390px)!important;gap:clamp(30px,6vw,90px);align-items:center!important;align-content:center!important;justify-items:center!important;padding:clamp(22px,4vw,64px)!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;background:#101f20!important;color:#eeeae0!important;font:14px/1.8 'Arun Thai','Segoe UI',Tahoma,'Arun Lao','Arun Myanmar','Arun Khmer',sans-serif!important}
.account-gate .entry-welcome{display:block;position:relative;width:100%;max-width:780px;margin:0;padding:0;align-self:center;background:none;border:0;text-shadow:none;animation:none}
.account-gate .entry-gate-art{display:block;width:100%;height:auto;max-height:51dvh;aspect-ratio:1672/941;object-fit:contain;border:0;border-radius:4px;box-shadow:none;margin:0 0 22px}
.account-gate .entry-welcome-brand{font:12px/1.4 Georgia,serif;letter-spacing:.14em;color:#a0a98b;margin:0 0 12px}
.account-gate .entry-welcome h2{font:500 clamp(21px,2.3vw,30px)/1.6 'Arun Thai','Segoe UI',sans-serif;color:#e2d6b5;margin:0 0 10px;max-width:640px}
.account-gate .entry-welcome-lead{font-size:12px;line-height:1.9;color:#8fa792;margin:0 0 17px;max-width:520px}
.account-gate .entry-home-link{font-size:10px;color:#bfae7f;text-decoration:none;border-bottom:1px solid #bfae7f55;padding-bottom:3px}
.account-gate .gate-card{position:relative!important;width:100%!important;max-width:390px!important;min-height:0!important;margin:0!important;padding:29px!important;border:1px solid #bba16a50!important;border-radius:6px!important;background:#172b27!important;color:#eeeae0!important;box-shadow:none!important;backdrop-filter:none;animation:none;font:inherit!important}
.account-gate .gate-card:before{display:none!important}
.account-gate .gate-card .panel-kicker{font:23px/1.3 Georgia,serif!important;letter-spacing:.13em!important;color:#dfcda0!important;margin:0 0 22px!important}
.account-gate .gate-card h1{font:500 24px/1.5 'Arun Thai','Segoe UI',sans-serif!important;color:#e1d3ad!important;margin:19px 0 10px!important}
.account-gate .gate-card p{font-size:12px!important;line-height:1.85!important;color:#a0b5a2!important;margin:10px 0!important}
.account-gate .gate-card .help{font-size:10px!important;line-height:1.75!important;color:#91a38e!important;margin:10px 0!important}
.account-gate .gate-card a{color:#c9b581!important;font-size:11px!important;text-underline-offset:4px}
.account-gate .gate-language{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px;font-size:10px;margin:0 0 19px!important;padding-bottom:17px;border-bottom:1px solid #b8a27630}
.account-gate .gate-language select{max-width:68%;padding:7px 11px!important;min-height:35px!important;border:1px solid #b8a27640!important;border-radius:4px!important;color:#cbd5c5!important;background:#11241f!important;font:11px 'Arun Thai','Segoe UI',sans-serif!important}
.account-gate .gate-card .action{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px;min-height:46px!important;width:100%;padding:11px 17px!important;margin:23px 0 15px!important;border:1px solid #d5ccb5!important;border-radius:4px!important;font:500 12px/1.6 'Arun Thai','Segoe UI',sans-serif!important;cursor:pointer;box-shadow:none!important}
.account-gate .gate-card .google-login{background:#f5f3ed!important;color:#29352e!important}
.account-gate .gate-card .google-login:before{display:none!important;content:none!important}
.account-gate .entry-google-mark{display:block;width:20px;height:20px;flex:none}
.account-gate .gate-error{color:#efb2a1!important}
.account-gate button:disabled{opacity:.6}
.account-gate:has(.character-choices){grid-template-columns:1fr!important;overflow:auto!important;align-content:start!important;height:100dvh!important}
.account-gate:has(.character-choices) .entry-welcome{display:none}
.account-gate:has(.character-choices) .gate-card{max-width:1000px!important}
.account-gate .character-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.account-gate .character-choice{background:#142b25!important;border:1px solid #84978055!important;border-radius:4px!important;color:#dbe1ce!important}
.account-gate .character-choice[aria-checked=true]{border-color:#d8c291!important;background:#2a4030!important}
.account-gate .character-choice img{width:80px;height:80px;object-fit:contain}
.account-gate .character-form input{width:100%;padding:12px;border:1px solid #b8a27655;background:#10241e;color:#eeeae0;border-radius:4px}
@media(max-width:1050px){.account-gate{gap:30px;padding:30px!important;grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important}
.account-gate .gate-card{padding:25px!important}
.account-gate .entry-welcome h2{font-size:24px}
}
@media(max-width:760px){.account-gate{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:16px;padding:22px!important}
.account-gate .entry-welcome{max-width:390px;display:flex;flex-direction:column;align-items:center}
.account-gate .entry-gate-art{max-height:24dvh;width:100%;height:auto;margin:0 0 9px}
.account-gate .entry-welcome-brand,.account-gate .entry-welcome h2,.account-gate .entry-welcome-lead{display:none}
.account-gate .entry-home-link{font-size:9px}
.account-gate .gate-card{max-width:390px!important;padding:24px!important}
.account-gate .gate-card .panel-kicker{font-size:21px!important;margin-bottom:17px!important}
.account-gate .gate-card h1{font-size:23px!important}
.account-gate .gate-card p{font-size:11px!important}
.account-gate .gate-language{margin-bottom:15px!important;padding-bottom:14px}
.account-gate .gate-card .action{margin-top:20px!important}
}
@media(max-width:360px){.account-gate{padding:16px!important}
.account-gate .gate-card{padding:21px!important}
}
@media(max-height:680px) and (max-width:760px){.account-gate{gap:12px;padding:16px!important}
.account-gate .entry-gate-art{max-height:19dvh}
.account-gate .gate-card{padding:21px!important}
.account-gate .gate-card h1{font-size:21px!important;margin:13px 0 9px!important}
.account-gate .gate-card .panel-kicker{font-size:20px!important;margin-bottom:13px!important}
.account-gate .gate-language{padding-bottom:11px;margin-bottom:12px!important}
.account-gate .gate-card .action{min-height:43px!important;margin:17px 0 10px!important}
}
@media(max-height:570px) and (max-width:599px){.account-gate{grid-template-rows:auto!important}
.account-gate .entry-welcome{display:none}
}
@media(max-height:560px) and (min-width:600px){.account-gate{grid-template-columns:minmax(0,1fr) minmax(285px,360px)!important;grid-template-rows:auto!important;gap:27px;padding:16px 27px!important}
.account-gate .entry-welcome{display:block;max-width:700px}
.account-gate .entry-gate-art{max-height:calc(100dvh - 80px);margin-bottom:10px}
.account-gate .entry-welcome-brand,.account-gate .entry-welcome h2,.account-gate .entry-welcome-lead{display:none}
.account-gate .gate-card{padding:20px 24px!important;max-width:360px!important}
.account-gate .gate-card .panel-kicker{font-size:19px!important;margin:0 0 10px!important}
.account-gate .gate-language{padding-bottom:10px;margin-bottom:10px!important}
.account-gate .gate-language select{min-height:31px!important;padding:5px 9px!important;font-size:10px!important}
.account-gate .gate-card h1{font-size:21px!important;margin:10px 0 6px!important}
.account-gate .gate-card p{font-size:10px!important;line-height:1.7!important;margin:6px 0!important}
.account-gate .gate-card .action{min-height:41px!important;padding:8px 12px!important;margin:14px 0 9px!important;font-size:11px!important}
.account-gate .gate-card .help{font-size:9px!important;margin:7px 0!important}
.account-gate .gate-card a{font-size:10px!important}
}
@media(max-height:350px){.account-gate .gate-card{padding:13px 20px!important}
.account-gate .gate-card h1{font-size:18px!important;margin:7px 0 5px!important}
.account-gate .gate-card .panel-kicker{font-size:17px!important;margin-bottom:8px!important}
.account-gate .gate-language{margin-bottom:7px!important;padding-bottom:7px}
.account-gate .gate-card .action{margin:10px 0 6px!important;min-height:37px!important}
.account-gate .gate-card .help{font-size:8px!important;margin:5px 0!important}
}
@media(max-height:350px){.account-gate{padding:8px 16px!important}
}
@media(max-height:350px){.account-gate{padding:0 16px!important}
.account-gate .gate-card{padding:7px 20px!important}
}
@media(min-height:351px) and (max-height:450px) and (max-width:599px){.account-gate{padding:0 16px!important}
.account-gate .gate-card{padding:12px 20px!important}
}

@keyframes entry-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

/* ARUN_GUEST_ENTRY_V1 */
.account-gate:has(.guest-entry-form){overflow:auto!important}
.account-gate .guest-entry-form{margin-top:17px}
.account-gate .guest-entry-form .action{margin:14px 0 8px!important;background:#c8b77f!important;color:#10241e!important}
@media(max-height:720px){.account-gate:has(.guest-entry-form){align-content:start!important}.account-gate:has(.guest-entry-form) .entry-gate-art{max-height:15dvh}}
/* ARUN_LIFE_CAREER_CARDS_V1 */
/* Life avatars keep the original pixels; only selection-card layout changes. */
.account-gate .character-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;padding:12px 8px;text-align:center}
.account-gate .character-choice strong,.account-gate .character-choice small{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.45}
.account-gate .character-choice strong{font-size:14px}
.account-gate .character-choice small{font-size:12px}
.account-gate .character-choices[data-life=true]{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-gate .character-choices[data-life=true] .character-choice img{display:block;width:96px;height:128px;object-fit:contain;border-radius:8px}
.account-gate .life-avatar-preview{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 18px;align-items:center;text-align:left;margin:14px 0}
.account-gate .life-avatar-preview img{grid-row:span 2;width:120px!important;height:160px!important}
.account-gate .life-avatar-preview h2,.account-gate .life-avatar-preview p{margin:0}
@media(max-width:640px){.account-gate .character-choices,.account-gate .character-choices[data-life=true]{grid-template-columns:repeat(2,minmax(0,1fr))}.account-gate .character-choices[data-life=true] .character-choice img{width:78px;height:104px}.account-gate .life-avatar-preview{grid-template-columns:90px minmax(0,1fr);gap:8px 12px}.account-gate .life-avatar-preview img{width:90px!important;height:120px!important}.account-gate .character-choice{padding:10px 6px}}
/* ARUN_CHARACTER_SELECTION_PRESENTATION_V1 — scoped to new-account choices. */
#accountGate:has(.gate-card[data-selection]){display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;background:linear-gradient(110deg,#071b1aef,#0b2022e8 55%,#112b27e8),url('/assets/entry/arun-cinema-v1.webp') center/cover fixed!important;padding:22px!important;overflow:auto!important;overscroll-behavior:contain}
#accountGate .gate-card[data-selection]{display:grid;flex:0 0 auto!important;margin:auto!important;gap:18px 28px;max-width:1140px!important;padding:28px 32px!important;border:1px solid #bfa36670!important;border-radius:22px!important;background:linear-gradient(135deg,#16332df5,#0b201ff7)!important;box-shadow:0 22px 90px #0008,inset 0 1px #fff1!important}
#accountGate .selection-header{grid-column:1/-1;position:relative;padding:0 140px 13px 0;border-bottom:1px solid #cfb57930}
#accountGate .selection-header .panel-kicker{font-size:14px!important;letter-spacing:.16em!important;margin:0 0 8px!important}
#accountGate .selection-header h1{font-size:clamp(23px,2.7vw,32px)!important;font-weight:600!important;margin:7px 0!important;letter-spacing:-.02em}
#accountGate .selection-header p{margin:5px 0 0!important;max-width:700px;color:#a8beb0!important}
#accountGate .selection-header .gate-language{position:absolute;top:0;right:0;margin:0!important;padding:0;border:0;display:flex!important;gap:9px}
#accountGate .selection-header .gate-language>span{display:none}
#accountGate .selection-header .gate-language select{max-width:130px;min-height:33px!important;padding:5px 9px!important;background:#09231e!important}
#accountGate .selection-steps{display:flex;gap:14px;margin-bottom:13px;font-size:10px;color:#6e9487}
#accountGate .selection-steps span{border-bottom:2px solid transparent;padding-bottom:5px;white-space:nowrap}
#accountGate .selection-steps .is-current{color:#ebd29a;border-color:#d6b96f}
#accountGate .gate-card[data-selection=character]{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}
#accountGate .gate-card[data-selection=character]>.profession-preview{grid-column:1;grid-row:2/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;margin:0;padding:16px 20px;border:1px solid #bfa76a38;border-radius:15px;background:radial-gradient(ellipse at 50% 40%,#41694f7a,transparent 66%),linear-gradient(#0c2522,#091d1b);text-align:center;overflow:hidden}
#accountGate .gate-card[data-selection=character]>.profession-preview canvas{display:block;width:100%!important;height:300px!important;max-width:360px;object-fit:contain;border:0;background:transparent}
#accountGate .gate-card[data-selection=character]>.life-avatar-preview img{width:100%!important;height:330px!important;max-width:290px;object-fit:contain;border:0;border-radius:9px;grid-row:auto;filter:none}
#accountGate .gate-card[data-selection=character]>.life-avatar-preview img{background:#fff;border:9px solid #e8dfc5;box-shadow:0 0 0 1px #bda86a66,0 12px 25px #0002}
#accountGate .gate-card[data-selection=character]>.profession-preview h2{font-size:19px;margin:0;color:#f0daaa;line-height:1.5}
#accountGate .gate-card[data-selection=character]>.profession-preview p{font-size:11px!important;margin:0!important;line-height:1.7!important}
#accountGate .gate-card[data-selection=character]>.profession-preview label{display:flex;gap:8px;align-items:center;font-size:10px;color:#9bb3a3}
#accountGate .gate-card[data-selection=character]>.profession-preview select{min-width:0;max-width:145px;font-size:10px;padding:5px;background:#102b25;border:1px solid #bba16a55;border-radius:5px;color:#e8d9b7}
#accountGate .gate-card[data-selection=character]>.profession-preview small{font-size:9px;color:#829d8f}
#accountGate .gate-card[data-selection=character]>.character-choices{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-content:start}
#accountGate .gate-card[data-selection=character]>.character-choices[data-life=true]{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#accountGate .gate-card[data-selection=character] .character-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:132px;padding:9px 5px;border:1px solid #76907b55;border-radius:10px;background:linear-gradient(160deg,#213e32,#102820);box-shadow:inset 0 1px #ffffff06;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
#accountGate .gate-card[data-selection=character] .character-choice>img,#accountGate .gate-card[data-selection=character] .character-choice>.portrait-art{width:76px;height:87px;max-width:100%;object-fit:contain;border-radius:6px;background:radial-gradient(ellipse,#44614955,transparent 75%);flex:0 0 auto}
#accountGate .gate-card[data-selection=character] .character-choice .portrait-art img{width:100%;height:100%;object-fit:contain}
#accountGate .gate-card[data-selection=character] .character-choice strong{font-size:10px;line-height:1.45;color:#e4dcc0;max-width:100%;overflow-wrap:anywhere}
#accountGate .gate-card[data-selection=character] .character-choice small{font-size:8px;line-height:1.4;color:#9bb9a2}
#accountGate .gate-card[data-selection=character] .character-choice[aria-checked=true]{border-color:#e1bf6b;background:linear-gradient(150deg,#46593a,#16372c);box-shadow:0 0 0 1px #dabd7355,inset 0 0 20px #c6b1690d}
#accountGate .gate-card[data-selection=character] .character-choice:hover{border-color:#b7ca93}
#accountGate .gate-card[data-selection=character] .character-choice:focus-visible{outline:3px solid #f4d994;outline-offset:3px}
#accountGate .selection-check{position:absolute;right:6px;top:6px;display:none;place-items:center;width:18px;height:18px;border-radius:50%;background:#dfc179;color:#143126;font:bold 11px/1 sans-serif}
#accountGate [aria-checked=true]>.selection-check{display:grid}
#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice{min-height:260px;padding:13px 12px}
#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice>img{width:100%;height:190px;object-fit:contain}
#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice>img{background:#fff;border:6px solid #e8dfc5;border-radius:7px}
#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice strong{font-size:13px}
#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice small{font-size:10px}
#accountGate .gate-card[data-selection=character]>.character-form{grid-column:2;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;align-items:end;margin:0;padding:15px 0 0;border-top:1px solid #cfb57930}
#accountGate .gate-card[data-selection=character]>.character-form>label{grid-column:1;font-size:11px;color:#c7cfb8}
#accountGate .gate-card[data-selection=character]>.character-form>input{grid-column:1;min-width:0;width:100%;height:43px;padding:9px 12px;color:#f5e6c0;background:#061b17;border:1px solid #a2925e70;border-radius:8px;font:inherit;font-size:14px;line-height:1.4;outline-offset:3px}
#accountGate .gate-card[data-selection=character]>.character-form>.action{grid-column:2;grid-row:2;min-height:43px!important;margin:0!important;background:linear-gradient(120deg,#e5c98c,#bda16a)!important;border-color:#f3dfaa!important;color:#172b20!important;font-weight:700!important;border-radius:8px!important}
#accountGate .gate-card[data-selection=character]>.character-form>.help{grid-column:1/-1;margin:0!important;font-size:9px!important}
#accountGate .gate-card[data-selection=character]>.character-form>.gate-error{grid-column:1/-1;margin:0!important}
#accountGate .gate-card[data-selection=character]>.help{grid-column:2;grid-row:4;margin:0!important;font-size:9px!important;color:#90ad99!important}
#accountGate .gate-card[data-selection=career]{max-width:1040px!important}
#accountGate .career-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#accountGate .career-start-choice{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 18px;border:1px solid #a9976250;border-radius:14px;background:radial-gradient(ellipse at 50% 10%,#4f67484d,transparent 70%),#0e2721;overflow:hidden;text-align:center}
#accountGate .career-start-choice[data-career=fighter]{background:radial-gradient(ellipse at 50% 15%,#80513355,transparent 65%),#17271e}
#accountGate .career-start-choice[data-career=fisher]{background:radial-gradient(ellipse at 50% 15%,#2e66735c,transparent 65%),#0e2526}
#accountGate .career-choice-art{display:block;width:100%;height:205px;object-fit:cover;max-width:none;align-self:center;margin:0 auto 4px;border:1px solid #d4b57052;border-radius:10px;box-shadow:0 9px 24px #0003}
#accountGate .career-start-choice strong{font-size:20px;color:#e9d4a1;font-weight:600}
#accountGate .career-start-choice>small{font-size:11px;line-height:1.75;color:#a0b6a5;min-height:42px}
#accountGate .career-start-choice label{margin-top:auto;width:100%;font-size:10px;text-align:left;color:#b3c1a5}
#accountGate .career-start-choice select{width:100%;margin-top:5px;min-height:39px;color:#eddfba;background:#091f1a;border:1px solid #a9976250;border-radius:6px;font:inherit;font-size:11px;line-height:1.5}
#accountGate .career-start-choice .action{margin:0!important;background:#cbb47a!important;color:#132b22!important;border-color:#e1cc96!important;border-radius:7px!important;font-weight:700!important}
#accountGate .career-future{grid-column:1/-1;padding-top:17px;border-top:1px solid #a9b8ab2b}
#accountGate .career-future h2{margin:0 0 5px;color:#abb7ac;font-size:15px;font-weight:500}
#accountGate .career-future>p{margin:0 0 14px;font-size:10px;color:#81958b;line-height:1.7}
#accountGate .career-future-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#accountGate .career-future-choice{position:relative;isolation:isolate;display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 9px;align-content:center;min-height:100px;overflow:hidden;padding:12px;border:1px solid #84938b36;border-radius:10px;background:#142721;cursor:default}
#accountGate .career-future-choice:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#101f1bf5,#13251de8),url('/assets/entry/careers/farmer.webp') center/cover;filter:grayscale(1);opacity:.65}
#accountGate .career-future-choice[data-scene=fisher]:before{background-image:linear-gradient(110deg,#101f1bf5,#13251de8),url('/assets/entry/careers/fisher.webp')}
#accountGate .career-future-choice[data-scene=fighter]:before{background-image:linear-gradient(110deg,#101f1bf5,#13251de8),url('/assets/entry/careers/fighter.webp')}
#accountGate .career-future-icon{grid-row:1/4;display:grid;place-items:center;align-self:center;width:32px;height:38px;color:#8f9e93;opacity:.65}
#accountGate .career-future-icon svg{width:27px;height:27px}
#accountGate .career-future-choice strong{font-size:12px;font-weight:500;color:#a0ada5;line-height:1.5}
#accountGate .career-future-description{font-size:8px;color:#74887c;line-height:1.5}
#accountGate .career-future-choice small{justify-self:start;color:#83958a;border:1px solid #74887c40;border-radius:4px;padding:1px 5px;font-size:8px;line-height:1.5}
@media(max-width:760px){#accountGate .career-future-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#accountGate .career-future-choice{grid-template-columns:25px minmax(0,1fr);gap:4px 6px;padding:10px;min-height:105px}#accountGate .career-future-icon{width:25px}#accountGate .career-future-icon svg{width:23px;height:23px}#accountGate .career-future-choice strong{font-size:11px}#accountGate .career-future-description{font-size:8px}}
@media(max-width:760px){#accountGate:has(.gate-card[data-selection]){padding:12px!important;align-content:start!important}#accountGate .gate-card[data-selection]{padding:19px 16px!important;gap:15px;border-radius:15px!important}#accountGate .selection-header{padding-right:86px}#accountGate .selection-header .gate-language select{max-width:88px}#accountGate .selection-header h1{font-size:24px!important}#accountGate .selection-header p{font-size:10px!important}#accountGate .gate-card[data-selection=character]{grid-template-columns:1fr}#accountGate .gate-card[data-selection=character]>.profession-preview{grid-column:1;grid-row:2;padding:12px;gap:5px}#accountGate .gate-card[data-selection=character]>.profession-preview canvas{height:190px!important}#accountGate .gate-card[data-selection=character]>.life-avatar-preview img{height:190px!important}#accountGate .gate-card[data-selection=character]>.profession-preview h2{font-size:16px}#accountGate .gate-card[data-selection=character]>.character-choices{grid-column:1;grid-row:3;gap:6px}#accountGate .gate-card[data-selection=character] .character-choice{min-height:113px;padding:7px 3px;gap:4px}#accountGate .gate-card[data-selection=character] .character-choice>img,#accountGate .gate-card[data-selection=character] .character-choice>.portrait-art{height:68px;width:60px}#accountGate .gate-card[data-selection=character] .character-choice strong{font-size:8px}#accountGate .gate-card[data-selection=character] .character-choice small{font-size:7px}#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice{min-height:170px;padding:8px}#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice>img{height:120px}#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice strong{font-size:11px}#accountGate .gate-card[data-selection=character]>.character-form{grid-column:1;grid-row:4}#accountGate .gate-card[data-selection=character]>.help{grid-column:1;grid-row:5}#accountGate .career-choices{grid-template-columns:1fr;gap:11px}#accountGate .career-start-choice{display:grid;grid-template-columns:100px 1fr;gap:6px 13px;text-align:left;padding:14px}#accountGate .career-choice-art{grid-column:1;grid-row:1/5;width:100%;height:160px;margin:0}#accountGate .career-start-choice strong{font-size:18px}#accountGate .career-start-choice>small{min-height:0;font-size:10px}#accountGate .career-start-choice label{font-size:9px}#accountGate .career-start-choice .action{min-height:36px!important;padding:7px!important;font-size:11px!important}}
@media(max-height:500px) and (min-width:600px){#accountGate:has(.gate-card[data-selection]){padding:10px!important;align-content:start!important}#accountGate .gate-card[data-selection]{padding:15px 20px!important;gap:12px 18px}#accountGate .selection-header{padding-bottom:9px}#accountGate .selection-header h1{font-size:23px!important}#accountGate .selection-steps{margin-bottom:5px}#accountGate .selection-header .panel-kicker{margin-bottom:3px!important;font-size:11px!important}#accountGate .gate-card[data-selection=character]{grid-template-columns:minmax(170px,.65fr) minmax(0,1.35fr)}#accountGate .gate-card[data-selection=character]>.profession-preview{grid-column:1;grid-row:2/5}#accountGate .gate-card[data-selection=character]>.profession-preview canvas,#accountGate .gate-card[data-selection=character]>.life-avatar-preview img{height:190px!important}#accountGate .gate-card[data-selection=character]>.character-choices{grid-column:2;grid-row:2}#accountGate .gate-card[data-selection=character]>.character-form{grid-column:2;grid-row:3}#accountGate .gate-card[data-selection=character]>.help{grid-column:2;grid-row:4}#accountGate .gate-card[data-selection=character] .character-choice{min-height:100px}#accountGate .gate-card[data-selection=character] .character-choice>img,#accountGate .gate-card[data-selection=character] .character-choice>.portrait-art{height:55px;width:55px}#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice{min-height:180px}#accountGate .gate-card[data-selection=character] .character-choices[data-life=true] .character-choice>img{height:125px}#accountGate .career-choices{grid-template-columns:repeat(3,minmax(0,1fr))}#accountGate .career-start-choice{display:flex;text-align:center;padding:13px}#accountGate .career-choice-art{height:130px;max-width:140px}#accountGate .career-start-choice strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){#accountGate .gate-card[data-selection] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}