:root{--terminal-paper:#f1f2ee;--terminal-ink:#20272c;--terminal-accent:#e4ef62;--terminal-cyan:#77d8e3;--terminal-line:#bac2c5;--terminal-muted:#68767d}.terminal-icon{width:25px;height:25px;display:inline-block;vertical-align:middle;flex-shrink:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1595ad!important;outline-offset:3px}button:disabled{cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{color:#20272c;background:#eef0ed;--gold:#41575d;--muted:#66777d;--border:#bdc6c9}body{background:#eef0ed;color:#20272c}.site-header{height:82px;background:#f6f7f1f5;border-bottom:1px solid #b8c3c7;padding:0 5%}.brand,.brand small,.brand-sigil{color:#20272c;font-family:Noto Sans Thai,Arial,sans-serif}.brand{font-weight:800;letter-spacing:-.5px}.brand small{font-size:8px;letter-spacing:4px}.brand-sigil{width:42px;height:42px;background:#20272c;color:#e4ef62;display:grid;place-items:center}.brand-sigil .terminal-icon{width:30px;height:30px}.site-header nav{color:#46575d}.nav-login,.nav-back{background:#252d32;color:#f1f4ee;border:1px solid #252d32;padding:12px 20px}.nav-login:hover,.nav-back:hover{background:#405059}.hero{min-height:680px;background:url(/images/ui/terminal-world-v1.png) center 48%/cover;position:relative;border-bottom:1px solid #b8c3c7}.hero-shade{background:linear-gradient(90deg,#eff3efed,#eff3efd9 35%,#eff3ef22 73%)}.hero-content{position:relative;max-width:700px;padding:75px 0 120px;margin-left:5%}.overline{color:#455e65;letter-spacing:2.6px;font-weight:700}.overline>span{background:#168ba2}.hero-pretitle{color:#53676e}.hero h1{font-family:Noto Sans Thai,Arial,sans-serif;font-size:clamp(32px,3.8vw,58px);font-weight:800;line-height:1.45;letter-spacing:-2px;color:#222a30}.hero h1 em{color:#47727c;font-style:normal}.hero-copy{color:#4f646b;font-size:14px;line-height:1.9}.hero-note{color:#586c73}.hero-caption{background:#f1f4eeda;border-left:4px solid #e4ef62;padding:18px 24px;right:5%;bottom:32px;color:#27343a}.hero-caption strong{font-family:inherit;font-weight:600}.hero-caption span,.hero-caption small{color:#52676e}.scroll-hint{color:#435a61}.primary,.small-primary{background:#e4ef62;border:1px solid #a8b346;color:#20272c;box-shadow:none;border-radius:0;font-weight:700;min-height:46px}.primary:hover,.small-primary:hover{background:#eff69a;filter:none;transform:none}.secondary{color:#273d44;border-color:#657b80}.realm-bar{background:#222b31;color:#cbd8dc;min-height:56px}.realm-bar b{color:#e1e8e5}.realm-bar .alpha-tag{color:#e4ef62}.section{padding-top:70px;padding-bottom:70px}.section h2{font-family:inherit;font-weight:700;letter-spacing:-1px;line-height:1.55}.section h2 span{color:#71838a}.section-heading>p,.class-intro>p:not(.overline){color:#63747b}.feature{background:#f7f8f3!important;border:1px solid #bbc6c8;border-top:3px solid #29343a;padding:28px;min-height:265px;color:#26343a}.feature-num{color:#526b73}.feature h3{font-weight:700}.feature p{color:#64777d}.feature-art{transform:none;color:#6e838b;top:58px;right:28px}.feature-art .terminal-icon{width:76px;height:76px}.feature:hover{border-top-color:#18a7b9}.feature.companions{background:#e8eeed!important}.feature.town{border-top-color:#aebd46}.class-tabs button,.choice-grid button,.gender-row button{border-color:#b9c5c8;background:#f4f6f0;color:#4d646c;min-height:44px}.class-tabs button[aria-selected=true],.choice-grid button.selected,.gender-row button.selected{background:#26353b;color:#e4ef62;border-color:#26353b}.class-tabs .terminal-icon{width:19px;height:19px;margin-right:6px}.class-detail{background:linear-gradient(135deg,#dce6e8,#f8faf2);border:1px solid #bbc6c8;color:#27383f;min-height:350px}.class-detail:before{border-color:#78949e40;outline-color:#78949e25;border-radius:0;transform:rotate(45deg)}.class-watermark{color:#6c8993}.class-watermark .terminal-icon{width:155px;height:155px}.class-detail-content{text-shadow:none}.class-detail h3{font-family:inherit;font-weight:800}.class-detail p{color:#536c74}.class-level{color:#506a72}.guide-section{background:#e4e9e6}.steps span{font-family:Arial,sans-serif;font-style:normal;color:#84979d}.steps h3{font-weight:700}.steps p,.development-note{color:#63747b}footer{background:#f5f6f0;color:#32464c}footer p,footer>span{color:#657a81}dialog{background:#f2f4ef;color:#27353c;border:1px solid #899da4;border-top:4px solid #e4ef62;box-shadow:0 24px 90px #132b3740}dialog::backdrop{background:#1428339c;backdrop-filter:blur(6px)}dialog h2{font-family:inherit;font-weight:700}.dialog-brand{font-family:inherit;color:#526a73}.dialog-close{color:#485d65;min-width:44px;min-height:44px}.dialog-subtitle,.account-email,.privacy-note,.account-footer{color:#63777e}dialog label{color:#394f57}dialog input{background:#fff;color:#26383e;border-color:#bdc9cb;min-height:46px}dialog input::placeholder{color:#819097}.text-button{color:#365f6c;min-height:38px}.character-avatar{background:#dce6e7;color:#405e69}.character-row small,.delete-character{color:#657980}.empty-characters{color:#4c666e}.empty-characters p{color:#66797e}#account-message,#creator-error{color:#a34038}.creator-page{padding-top:45px}.creator-card{background:#f7f8f3;border:1px solid #bdc8ca;border-top:3px solid #26383e}.creator-title{font-family:inherit;font-weight:800}.creator-sub,.creator-loading{color:#647980}.creator-preview{background:linear-gradient(145deg,#dfe8e8,#f1f4e9);border-color:#b6c5c9}.creator-preview small{color:#56737a}.creator-fields label,.creator-label{color:#405962}.creator-fields input:not([type=color]){background:#fff;color:#26383e;border-color:#b9c7cb;min-height:46px}.creator-colors{border-color:#b9c7cb}@media(max-width:760px){.hero{min-height:670px;background-position:43% center}.hero-shade{background:linear-gradient(90deg,#eff3efee,#eff3efa6)}.hero-content{padding:55px 0 145px;margin:0 6%;max-width:90%}.hero h1{letter-spacing:-1px;font-size:35px}.hero-caption{left:6%;right:6%;bottom:25px;text-align:left;padding:13px 17px}.hero-copy br,.scroll-hint{display:none}.site-header{height:72px}.brand-sigil{width:32px;height:32px}.nav-login{padding:10px 12px}.section{padding-top:48px;padding-bottom:48px}.feature{min-height:240px}.hero-actions{gap:18px}}