@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Noto+Serif+Thai:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans Thai,sans-serif;color:#eaece1;background:#0d1d1a;font-synthesis:none;--gold:#d8b878;--muted:#a6b6aa;--border:#bbcead26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f1d59e;outline-offset:5px}button{color:inherit}p{line-height:1.9}h1,h2,h3,p{margin-top:0}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#0c1b18f5;border-bottom:1px solid var(--border);position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-size:22px;letter-spacing:2px;color:#f4e8cd;font-weight:700}.brand small{display:block;text-align:center;font-family:Arial,sans-serif;letter-spacing:4px;font-size:8px;margin-top:7px;color:var(--gold)}.brand-sigil{font-size:43px;color:var(--gold)}nav{display:flex;gap:38px;font-size:14px;color:#c4cbbd}nav a:hover{color:var(--gold)}.nav-login{background:transparent;border:1px solid #a994624d;padding:12px 22px;color:#e5cc97;font-size:13px}.nav-login span{margin-left:25px}.hero{min-height:max(680px,calc(100svh - 150px));position:relative;background:#16382e url(/isekai-life/images/realm-hero.png) 62% 55%/cover;isolation:isolate;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081b18ed 0%,#081b18bb 30%,#081b1840 61%,transparent 82%),linear-gradient(0deg,#0b1c19 0%,transparent 24%)}.hero-content{padding:25px 0 75px;margin-left:5.5%;margin-right:5.5%;max-width:850px}.overline{font-family:Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;color:var(--gold);line-height:1.6}.hero .overline{display:flex;align-items:center;gap:12px;margin-bottom:30px}.overline span{width:24px;height:1px;background:var(--gold)}.hero-pretitle{color:#d4d9c5;font-size:16px;margin-bottom:10px}h1{font-family:"Noto Serif Thai",serif;font-size:clamp(34px,3.5vw,55px);line-height:1.55;letter-spacing:-1.5px;font-weight:600;margin-bottom:22px;text-shadow:0 2px 30px #081b18}h1 em{font-style:normal;color:#e3c58b}.hero-copy{font-size:15px;color:#c4cfc1;line-height:2;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}.primary{display:flex;align-items:center;justify-content:center;gap:34px;white-space:nowrap;border:1px solid #ecd4a1;background:linear-gradient(120deg,#eddaa9,#caaa6c);color:#19271f;padding:15px 26px;font-size:14px;font-weight:700;min-height:51px;box-shadow:0 5px 30px #d7b16b14;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.secondary{font-size:13px;white-space:nowrap;border-bottom:1px solid #c9d2ba66;padding:12px 0;display:flex;gap:10px}.hero-note{font-size:10px;color:#a9b5a5;margin-top:17px}.hero-caption{position:absolute;right:5.5%;bottom:88px;display:grid;gap:6px;text-align:right}.hero-caption span{font:9px Arial;letter-spacing:3px;color:var(--gold)}.hero-caption strong{font-family:"Noto Serif Thai",serif;font-size:18px;font-weight:400}.hero-caption small{font-size:9px;color:#bfccb9}.scroll-hint{position:absolute;bottom:30px;left:5.5%;font-size:10px;color:#a9b8a5;letter-spacing:1px}.scroll-hint span{margin-left:24px;color:var(--gold)}.realm-bar{min-height:65px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 5.5%;font:10px Arial;color:#b0bcae;letter-spacing:1px;gap:18px}.realm-bar>div{display:flex;gap:10px;align-items:center;font:12px Noto Sans Thai}.realm-bar i{width:6px;height:6px;border-radius:50%;background:#ae9675}.realm-bar i.online{background:#8ecf9a;box-shadow:0 0 12px #83d89f88}.realm-bar b{font:11px Noto Sans Thai;margin-left:16px;color:#c7cfbf}.alpha-tag{color:var(--gold);font-size:9px}.section{padding:90px 5.5%;max-width:1600px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}h2{font-family:"Noto Serif Thai",serif;font-weight:500;font-size:32px;line-height:1.65;margin-bottom:0}h2 span{color:#b7c4b1}.section-heading>p{font-size:13px;color:var(--muted);margin-bottom:6px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border:1px solid var(--border);min-height:300px;position:relative;padding:27px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(150deg,#244237,#13251f)}.feature-num{font:9px Arial;letter-spacing:2px;color:var(--gold);z-index:1}.feature-art{font-size:110px;line-height:1;color:#cdb87877;position:absolute;right:30px;top:38px;transform:rotate(-10deg);text-shadow:0 0 60px #bace9366}.feature.adventure{background:linear-gradient(0deg,#14281fed,#14281f66),url(/isekai-life/images/realm-hero.png) 50% 35%/190%}.feature.town{background:linear-gradient(0deg,#14281fed,#14281f88),url(/isekai-life/images/realm-hero.png) 100% 20%/200%}.feature h3{font-size:19px;font-weight:500;margin-bottom:9px;position:relative}.feature p{font-size:12px;color:#b9c5b2;margin:0;position:relative}.class-section{padding-top:20px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.class-intro>p:not(.overline){font-size:13px;color:var(--muted);margin-top:22px}.class-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.class-tabs button{background:transparent;border:1px solid var(--border);padding:10px 14px;font-size:12px;color:#abb9a8}.class-tabs button[aria-selected=true]{border-color:var(--gold);color:var(--gold);background:#d8b8780a}.class-detail{min-height:370px;background:radial-gradient(ellipse at 80% 45%,#63744d55,transparent 65%),linear-gradient(130deg,#193b30,#10271f);border:1px solid var(--border);position:relative;overflow:hidden;display:flex;align-items:end;padding:38px}.class-detail:before{content:"";position:absolute;width:260px;height:260px;right:10px;top:25px;border:1px solid #c8b27322;border-radius:50%;outline:1px solid #c8b27311;outline-offset:24px}.class-watermark{position:absolute;right:45px;top:40px;font-size:180px;color:#d0bc82aa;line-height:1;text-shadow:0 0 40px #edd59d22}.class-detail-content{position:relative;z-index:1;max-width:300px;text-shadow:0 1px 10px #10271f}.class-detail h3{font-family:"Noto Serif Thai",serif;font-size:34px;margin:12px 0}.class-detail p{font-size:13px;color:#c0cdbb}.class-level{font-size:10px;color:var(--gold)}.guide-section{text-align:center;border-top:1px solid var(--border);padding-top:70px;background:radial-gradient(ellipse at 50% 100%,#24453755,transparent 65%)}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0}.steps article{padding:0 20px;border-right:1px solid var(--border)}.steps article:last-child{border:0}.steps span{font:italic 30px Georgia;color:var(--gold)}.steps h3{font-size:16px;font-weight:500;margin:15px 0 8px}.steps p{font-size:12px;color:var(--muted)}.guide-section>.primary{margin:auto}.development-note{font-size:10px;color:#94a58e;margin:16px 0 0}footer{border-top:1px solid var(--border);padding:32px 5.5%;display:flex;justify-content:space-between;align-items:center}footer .brand{font-size:15px}footer p,footer>span{font-size:11px;color:#a7b49f;margin:0}dialog{background:#122a22;color:#eaece1;border:1px solid #b49b6466;padding:38px;width:min(560px,calc(100% - 28px));max-height:90svh;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#03130ed9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:8px;font-size:28px;background:none;border:none;color:#b6bda9}.dialog-brand{font:12px Georgia;letter-spacing:3px;color:var(--gold);margin-bottom:30px}dialog h2{font-size:26px}dialog .overline{font-size:9px;margin-bottom:10px}.dialog-subtitle,dialog>p,.account-email{font-size:12px;color:var(--muted)}dialog label{display:grid;gap:8px;font-size:12px;color:#c4cdb9;margin:18px 0}dialog input{border:1px solid #b6c5a733;background:#091e17;color:#f1f1df;border-radius:0;padding:13px 14px;width:100%;min-width:0}dialog input::placeholder{color:#7b907e}dialog form>.primary{width:100%;margin-top:25px}.auth-links,.account-footer{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.text-button{background:none;border:0;padding:4px 0;color:var(--gold);font-size:12px;text-align:left}.privacy-note{font-size:10px;color:#9aab97;border-top:1px solid var(--border);padding-top:16px;margin-top:20px}.account-footer{font-size:11px;color:var(--muted);align-items:center}#account-message{font-size:12px;color:#efd3aa;min-height:1em;margin:12px 0 0}.character-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.character-row>div{flex:1;min-width:0}.character-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.character-row small{font-size:10px;color:var(--muted);display:block}.character-avatar{font-size:25px;color:var(--gold);background:#263f30;width:44px;height:50px;display:grid;place-content:center}.small-primary{background:var(--gold);border:0;color:#14281e;padding:10px;font-size:11px;white-space:nowrap}.delete-character{background:none;border:0;color:#a9b59f;font-size:20px}.empty-characters{text-align:center;padding:24px;border:1px dashed var(--border);color:var(--gold)}.empty-characters h3{font-size:17px;margin:12px 0 0}.empty-characters p{font-size:12px;margin:6px 0;color:var(--muted)}.danger{background:#d69d89}.create-character{margin-top:24px}#claim{margin-top:18px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}@media(min-width:1600px){.hero-content{margin-left:max(5.5%,calc((100vw - 1424px)/2))}}@media(max-width:900px){.site-header{padding:0 5%;height:76px}.brand{font-size:17px}.brand-sigil{font-size:32px}nav{gap:20px;font-size:12px}.nav-login{padding:9px 12px}.nav-login span{margin-left:10px}.hero{min-height:640px;background-position:64% center}.hero-content{margin-left:5%;margin-right:5%}h1{font-size:40px}.hero-caption{bottom:55px;right:5%}.hero-caption strong{font-size:13px}.realm-bar>span:nth-child(2){display:none}.section{padding:60px 5%}.section-heading{align-items:start}.section-heading>p br{display:none}.section-heading>p{max-width:240px}.feature-grid{gap:12px}.feature{padding:22px;min-height:290px}.feature h3{font-size:17px}.feature p br{display:none}.class-section{gap:25px;padding-top:10px}.class-detail{padding:25px}.class-watermark{font-size:140px;right:20px}.class-tabs{gap:6px}.class-tabs button{padding:8px}.section h2{font-size:27px}}@media(max-width:600px){.site-header{height:72px}.brand{font-size:16px;gap:7px}.brand small{font-size:7px;letter-spacing:3px}.brand-sigil{font-size:30px}nav{display:none}.nav-login{font-size:11px}.hero{min-height:720px;align-items:start;background-position:65% center}.hero-shade{background:linear-gradient(90deg,#081b18df,#081b1866),linear-gradient(0deg,#0b1c19,transparent 65%)}.hero-content{padding:68px 0 130px;margin-left:6%;margin-right:6%}.hero .overline{font-size:8px;letter-spacing:2px;margin-bottom:24px}.hero-pretitle{font-size:13px}h1{font-size:34px;letter-spacing:-1px;line-height:1.6}.hero-copy{font-size:12px}.hero-copy br{display:none}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .primary{font-size:13px;padding:14px 19px;gap:20px}.secondary{font-size:11px}.hero-note{font-size:9px}.hero-caption{bottom:70px;left:6%;right:auto;text-align:left}.scroll-hint{left:auto;right:6%;bottom:27px}.realm-bar{padding:17px 6%;gap:12px}.realm-bar>div{font-size:10px}.alpha-tag{font-size:7px}.section{padding:50px 6%}.section-heading{display:block}.section-heading>p{margin-top:18px;max-width:none;font-size:12px}.section h2{font-size:25px}.overline{font-size:8px;letter-spacing:2px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature{min-height:240px;padding:25px}.feature h3{font-size:20px}.feature p{font-size:12px}.feature-art{font-size:100px}.class-section{grid-template-columns:1fr;padding-top:15px}.class-intro>p{margin:16px 0}.class-tabs{margin-top:20px;gap:8px}.class-tabs button{padding:10px}.class-detail{min-height:310px}.class-watermark{font-size:170px;top:40px;right:30px}.steps{grid-template-columns:1fr;gap:24px;text-align:left;margin:30px 0}.steps article{border-right:0;border-bottom:1px solid var(--border);padding:0 0 16px 60px;position:relative}.steps span{position:absolute;left:5px;top:12px}.steps h3{margin-top:8px}.steps p br{display:none}.guide-section>.primary{width:100%}footer{padding:25px 6%;flex-wrap:wrap;gap:20px}footer p{display:none}dialog{padding:30px 22px}dialog h2{font-size:23px}.auth-links{flex-wrap:wrap}.character-row{gap:8px}.character-avatar{width:35px}.character-row strong{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.create-character .primary{width:100%}.creator-page{max-width:1060px;margin:0 auto;padding:34px 5.5% 90px}.creator-loading{color:var(--muted);font-size:13px}.creator-title{margin-top:14px}.creator-sub{font-size:12px;color:var(--muted);margin:10px 0 0}.creator-card{border:1px solid var(--border);background:linear-gradient(150deg,#244237,#13251f);padding:34px;margin-top:26px}.creator-card h2{margin-bottom:8px}.creator-card p{font-size:12px;color:var(--muted)}.creator-layout{display:grid;grid-template-columns:320px 1fr;gap:36px}.creator-preview{display:grid;place-items:center;gap:12px;background:#0b1c16;border:1px solid var(--border);padding:22px;align-content:start}.creator-preview small{font:9px Arial,sans-serif;letter-spacing:2px;color:var(--gold)}.creator-fields label{display:grid;gap:8px;font-size:12px;color:#c4cdb9;margin:0 0 14px}.creator-label{display:block;font-size:12px;color:#c4cdb9;margin-bottom:8px}.creator-fields input{border:1px solid #b6c5a733;background:#091e17;color:#f1f1df;border-radius:0;padding:13px 14px;width:100%;min-width:0;font:inherit}.creator-fields input::placeholder{color:#7b907e}.choice-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.choice-grid button{border:1px solid var(--border);background:transparent;color:#abb9a8;padding:12px 0;font-size:12px}.choice-grid button.selected{border-color:var(--gold);color:var(--gold);background:#d8b8780a}.creator-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}#creator-error{min-height:1.3em;font-size:12px;color:#efd3aa;margin:14px 0 0}.nav-back{font-size:12px;color:var(--gold);border:1px solid #a994624d;padding:12px 22px}@media(max-width:900px){.creator-layout{grid-template-columns:1fr}.creator-preview{width:100%}.choice-grid{grid-template-columns:repeat(4,1fr)}}