*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#152925;color:#f6edd6;font-family:Tahoma,system-ui,sans-serif}body{overflow-x:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #ac93604f;color:inherit;background:#263c32;border-radius:7px}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f6d795;outline-offset:4px}[hidden]{display:none!important}#game-shell{min-height:100dvh;height:auto!important;position:relative;isolation:isolate}.scenery,.shade,#embers{position:fixed;inset:0;pointer-events:none;z-index:-3}.scenery{background:url('assets/login-ayutthaya.png') center/cover no-repeat;image-rendering:auto}.shade{z-index:-2;background:linear-gradient(90deg,#071b2338 0%,#102b2630 42%,#0d2527d9 100%),linear-gradient(0deg,#092225ed,transparent 47%,#12252478)}#embers{z-index:-1;overflow:hidden}.ember{position:absolute;width:3px;height:3px;background:#f4cf7a;box-shadow:0 0 9px #ffe7a5;border-radius:50%;animation:float 10s ease-in-out infinite;opacity:0}.ember:nth-child(3n){background:#95efe2;box-shadow:0 0 12px #81ffdf}.motion-off .ember{animation-play-state:paused}.motion-off .hero-art{animation-play-state:paused}@keyframes float{0%,100%{opacity:0;transform:translate(0,20px)}35%,65%{opacity:.8}90%{transform:translate(40px,-100px)}}.lobby-header{padding:27px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{color:#f4dfad;text-decoration:none;font-family:Georgia,serif;letter-spacing:3px;font-size:21px;font-weight:bold}.wordmark span{display:block;font:8px Tahoma,sans-serif;letter-spacing:5px;margin-top:5px}.top-actions{display:flex;gap:14px;align-items:center;font-size:11px;color:#e4dbc1}.top-actions button{background:#172e27a3;font-size:11px;padding:9px 12px}.lobby-layout{min-height:calc(100dvh - 152px);display:grid;grid-template-columns:1fr minmax(370px,450px);gap:6vw;align-items:center;max-width:1440px;margin:0 auto;padding:25px 5vw 55px}.story{padding:0 0 0 1vw;text-shadow:0 4px 30px #132018;align-self:end;padding-bottom:70px}.eyebrow{font-size:9px;font-weight:bold;letter-spacing:2.3px;color:#d5bc86;margin:0 0 16px}.story h1{font-family:Tahoma,serif;font-size:clamp(70px,8vw,125px);font-weight:bold;line-height:1.25;letter-spacing:-5px;margin:0;color:#fff0cf}.subtitle{font-family:Georgia,serif;font-size:25px;letter-spacing:10px;margin:0 0 25px;color:#f4ddb0}.gold-line{width:75px;height:2px;background:#dab67a;box-shadow:30px 0 35px #ddc792;margin:25px 0}.story-copy{font-size:17px;line-height:1.9;color:#f1e6d0;margin:0}.edition{display:inline-block;font-size:9px;letter-spacing:2.4px;margin-top:32px;color:#d6ccab}.lobby-card{background:linear-gradient(145deg,#203a34f0,#112822f5);border:1px solid #c4a97075;box-shadow:0 20px 80px #07171066,inset 0 0 0 5px #e2c27b06;border-radius:16px;padding:32px;backdrop-filter:blur(8px);transition:max-width .2s}.steps{list-style:none;display:flex;justify-content:space-between;margin:0 0 35px;padding:0;gap:10px;color:#809b89;font-size:10px}.steps li{display:flex;align-items:center;gap:6px}.steps b{display:inline-grid;place-items:center;border:1px solid #708d7160;border-radius:50%;width:24px;height:24px;font-weight:normal;font-size:9px}.steps [aria-current]{color:#f7d797}.steps [aria-current] b{border-color:#dbb774;background:#b18e4120}.screen h2{font-size:27px;margin:0 0 14px;font-weight:500;outline:none}.muted{color:#b3c3b2;font-size:12px;line-height:1.85;margin:0 0 27px}.google,.primary,.secondary{width:100%;padding:14px 16px;font-size:13px;font-weight:bold}.google{background:#f1efe5;color:#263b30;border-color:#fff8da;display:flex;align-items:center;justify-content:center;gap:12px}.google-g{font:700 21px Arial,sans-serif;color:#4285f4}.primary{background:linear-gradient(100deg,#e1c17b,#b89653);color:#24382b;border:1px solid #eed395}.secondary{background:#2540367d;border-color:#789a7263;color:#e3e8d7}.divider{display:flex;align-items:center;gap:12px;color:#8da28f;font-size:10px;margin:22px 0}.divider:before,.divider:after{content:'';height:1px;background:#7b99713d;flex:1}.small{font-size:10px;color:#92ab96;line-height:1.8;margin:18px 0 0}.lobby-status{font-size:11px;color:#e4cd93;min-height:18px;line-height:1.7;margin:22px 0 0}.lobby-status:empty{margin-top:0;min-height:0}.text-button{font-size:10px;border:0;background:transparent;color:#c6b68f;padding:10px 0;margin-top:6px}.lobby-footer{padding:15px 4.5vw 22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#c1c9b5}.server-list{display:grid;gap:12px}.server{display:flex;align-items:center;gap:17px;text-align:left;padding:22px 18px;background:#28473a77;border:1px solid #749b715e}.server:hover{border-color:#e0c082;background:#3e5339}.server-number{font:32px Georgia,serif;color:#e0c58b}.server strong{display:block;font-size:17px;font-weight:normal}.server small{display:block;font-size:10px;color:#a4bda5;margin-top:7px}.server-arrow{margin-left:auto;color:#c9b17d}.character-heading{display:flex;justify-content:space-between;align-items:center}.slot{font-size:10px;color:#bca66f}.character-body{display:grid;grid-template-columns:42% 1fr;gap:22px}.character-stage{position:relative;min-height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-art{background-image:url('assets/shaman-genders.png');background-size:200% 100%;background-repeat:no-repeat;width:100%;aspect-ratio:1;z-index:1;image-rendering:pixelated;animation:breathe 3s ease-in-out infinite;filter:drop-shadow(0 6px 14px #0004)}.hero-art.female{background-position:right center}.hero-art.male{background-position:left center}@keyframes breathe{50%{transform:translateY(-4px)}}.pedestal{position:absolute;width:100%;height:40px;top:73%;border-radius:50%;background:radial-gradient(ellipse,#abbd783d,transparent 70%);border-bottom:1px solid #a7b17240}.class-badge{font-size:9px;color:#d9c796;text-align:center;margin-top:10px}#character-form label,#character-form legend{font-size:11px;color:#d2d8bd}#hero-name{width:100%;background:#10271f;border:1px solid #7c94665e;border-radius:5px;color:#fff3d5;padding:12px 10px;margin:8px 0 5px;font-size:13px}#name-hint{font-size:8px;color:#8fa78c}fieldset{border:0;padding:0;margin:20px 0;display:flex;gap:16px}legend{margin-bottom:10px}input[type=radio]{accent-color:#dec381}.class-info{padding:12px;background:#92b4670b;border-left:2px solid #b99f62;margin-bottom:20px}.class-info strong{font-size:13px;color:#dfc88e}.class-info p{font-size:9px;color:#b7c7a5;line-height:1.7}.class-info small{font-size:9px;color:#8da18c;line-height:1.8}#existing-name{font-size:24px;color:#f1d79f;overflow-wrap:anywhere}body[data-screen=character] .lobby-layout{grid-template-columns:1fr minmax(520px,640px);gap:3vw}body[data-screen=character] .story h1{font-size:75px}body[data-screen=character] .story-copy{font-size:14px}body[data-screen=character] .subtitle{font-size:17px;letter-spacing:7px}
@media(max-width:1000px){.lobby-layout{gap:25px;padding:15px 4vw 30px;grid-template-columns:1fr 370px}.story{padding-bottom:30px}.story h1{font-size:70px}.subtitle{font-size:17px;letter-spacing:7px}.story-copy{font-size:13px}.lobby-card{padding:25px}.top-actions #identity{display:none}body[data-screen=character] .story{display:none}body[data-screen=character] .lobby-layout{display:block;max-width:700px}}
@media(orientation:landscape) and (max-height:600px){.lobby-header{padding:10px 3vw}.wordmark{font-size:15px}.wordmark span{font-size:6px}.top-actions button{font-size:9px;padding:5px 8px}.lobby-layout{min-height:calc(100dvh - 76px);grid-template-columns:1fr 340px;padding:5px 3vw 12px;gap:20px}.story{padding-bottom:25px}.story h1{font-size:58px}.subtitle{font-size:13px;margin-bottom:10px}.story .eyebrow{font-size:7px}.story-copy{font-size:11px}.gold-line{margin:12px 0}.edition{font-size:7px;margin-top:15px}.lobby-card{padding:16px 22px;border-radius:11px}.steps{margin-bottom:16px;font-size:8px}.steps b{width:20px;height:20px;font-size:8px}.screen h2{font-size:20px;margin-bottom:8px}.eyebrow{font-size:7px;margin-bottom:8px}.muted{font-size:10px;margin-bottom:12px}.google,.primary,.secondary{padding:9px;font-size:11px}.divider{margin:10px 0}.small{font-size:8px;margin-top:9px}.lobby-status{font-size:9px;margin-top:10px}.lobby-footer{padding:3px 3vw 10px;font-size:7px}.server{padding:12px 14px}.server-number{font-size:23px}.server strong{font-size:13px}.server small{font-size:8px}.server-list{gap:8px}body[data-screen=character] .lobby-layout{max-width:760px;padding-top:0}.character-body{grid-template-columns:33% 1fr;gap:18px}.character-stage{min-height:160px}.hero-art{max-width:190px}.character-heading h2{font-size:18px}.character-heading .eyebrow{margin:0}.slot{font-size:8px}#character-form{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}#character-form>label,#hero-name,#name-hint{grid-column:1}#hero-name{padding:7px;margin:2px 0;font-size:11px}#name-hint{font-size:7px}fieldset{margin:8px 0;grid-column:1}.class-info{grid-column:2;grid-row:1/5;margin:0;padding:9px}.class-info p,.class-info small{font-size:8px}#create-character{grid-column:1/3}.class-badge{font-size:8px;margin-top:0}.text-button{padding:5px 0;margin-top:4px}#existing-name{font-size:20px;margin:10px 0}.lobby-header{min-height:45px}}
@media(prefers-reduced-motion:reduce){.ember,.hero-art{animation:none}.ember{opacity:.3}}

@media(orientation:landscape) and (max-height:430px){.lobby-header{padding:6px 3vw}.lobby-card{padding:12px 20px}.steps{margin-bottom:12px}.hero-art{max-width:170px}.character-stage{min-height:145px}.class-info p{margin:6px 0}.lobby-footer{padding-top:0;padding-bottom:5px}.character-body{gap:14px}}