@font-face{font-family:IrisThai;src:local("Leelawadee UI"),local("Tahoma");font-display:swap}
:root{color-scheme:dark;--bg:#07161d;--surface:#10232c;--surface2:#152c35;--text:#edf1ed;--muted:#9bafb6;--gold:#dfc295;--mint:#bdded7;--border:#ffffff16;--danger:#f4a4a6;--font:"Segoe UI",IrisThai,Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;font-weight:600}p{color:var(--muted)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}main:focus{outline:none}::selection{background:#d8bc8770;color:#fff}.icon{height:22px;width:22px;flex-shrink:0;vertical-align:middle}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:600;color:var(--mint);line-height:1.7}.button{min-height:52px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:4px;font-size:15px;font-weight:600;transition:background .2s,transform .2s,border-color .2s;text-align:center}.button:hover:not(:disabled){transform:translateY(-2px)}.button.gold{background:var(--gold);color:#192326}.button.gold:hover{background:#eed3ab}.button.light{background:#d8e9e4;color:#112a2e}.button.outline{background:#0b202647;border-color:#b0cdd244;color:var(--text)}.button.outline:hover:not(:disabled){background:#bdded712;border-color:#bdded777}.button.small{min-height:42px;padding:9px 19px;font-size:14px}.button.full{width:100%}.button.danger{background:#753c43;color:#ffe0df;border:1px solid #e7a2a345}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);background:transparent;border-radius:4px}.subtle{color:var(--muted);font-size:14px}.gold-text{color:var(--gold)}.skip-link{position:fixed;top:-100px;left:16px;background:var(--gold);color:#111;padding:12px;z-index:100}.skip-link:focus{top:12px}
.header{height:92px;position:relative;z-index:10;background:#081820;border-bottom:1px solid var(--border)}.nav-wrap{width:min(1400px,calc(100% - 80px));margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand>span{font-size:29px;letter-spacing:.14em;line-height:1.08;font-family:Georgia,"Times New Roman",serif}.brand-ro{font-size:20px;color:var(--gold);letter-spacing:.08em}.brand small{font-size:8px;letter-spacing:.25em;display:block;margin-top:8px;font-family:var(--font);color:#a7bdc2}.nav{display:flex;align-items:center;gap:31px;font-size:14px}.nav>a:not(.button){position:relative;color:#b0c1c8;padding:12px 0;display:flex;align-items:center;gap:8px}.nav>a:hover,.nav>a[aria-current]{color:#fff}.nav>a[aria-current]::after{content:"";height:2px;position:absolute;bottom:-20px;left:0;right:0;background:var(--gold)}.nav .icon{width:16px;height:16px}.nav-divider{height:22px;width:1px;background:var(--border);margin-inline:2px}.mobile-toggle{display:none}.nav-account{color:var(--gold)!important}.demo-banner{padding:5px 28px;background:#243a41;color:#c9d8d9;display:flex;justify-content:center;gap:28px;font-size:12px;border-bottom:1px solid #c9d8d922}.demo-banner button{border:none;background:none;color:var(--gold);font-size:12px;padding:0;text-decoration:underline;text-underline-offset:3px}
.hero{position:relative;min-height:690px;height:min(760px,calc(100svh - 110px));overflow:hidden;background:#0a192d;display:flex;align-items:center}.hero-art{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07131dd9 0%,#07131d6b 36%,transparent 67%),linear-gradient(0deg,#07161d 0%,#07161d33 22%,transparent 65%)}.hero-content{position:relative;z-index:1;padding-block:44px 92px}.hero .eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.22em;margin-bottom:23px;color:#c5d7d9}.tiny-line{height:1px;width:29px;background:var(--gold)}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(65px,7.1vw,110px);line-height:1.04;letter-spacing:-.055em;text-shadow:0 4px 32px #0004}.hero h1 em{font-weight:400;color:#e4c89f;font-size:.87em;letter-spacing:-.035em}.hero-server{margin-top:28px;display:flex;align-items:center;gap:16px;font-size:16px;letter-spacing:.17em;font-weight:600}.hero-server span{font-size:10px;letter-spacing:.15em;border:1px solid #c7b18c70;padding:4px 9px;color:var(--gold);font-weight:400}.hero-thai{margin-top:20px;font-size:17px;color:#b9c6ce;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:29px}.hero-note{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.16em;color:#9aaeb7;margin-top:24px}.hero-note span{font-size:6px;color:var(--gold)}.art-caption{position:absolute;right:43px;bottom:55px;display:grid;gap:4px;text-align:right;text-shadow:0 1px 15px #000}.art-caption span:first-child{font-size:10px;letter-spacing:.18em;color:var(--gold)}.art-caption span:last-child{font-size:13px;color:#c4d5d8}
.world-strip{position:relative;display:grid;grid-template-columns:1fr 1.12fr 1.15fr auto;border-top:1px solid #d0bd942e;border-bottom:1px solid var(--border);padding:30px 0;margin-top:-22px;gap:30px}.world-strip>div{display:flex;align-items:center;gap:20px;border-right:1px solid var(--border);padding-right:22px}.world-strip .icon{height:35px;width:35px;color:var(--gold)}.strip-number{font-size:39px;font-weight:300;line-height:1;color:var(--gold);font-family:Georgia,serif}.world-strip strong{font-size:12px;font-weight:500;letter-spacing:.15em}.world-strip p{font-size:13px;margin-top:3px}.world-strip>a{display:flex;align-items:center;gap:16px;color:var(--gold);font-size:13px}.world-strip>a .icon{height:18px;width:18px}.journey{padding-block:74px 88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px;gap:20px}.section-heading h2{font-size:28px;margin-top:10px}.section-heading>p{font-size:14px;margin-bottom:4px}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:6px;background:#0e212a;overflow:hidden}.portal-card{padding:30px;border-right:1px solid var(--border);transition:background .2s}.portal-card:last-child{border:0}.portal-card:hover{background:#152e37}.portal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;color:var(--mint)}.portal-top>.icon{width:28px;height:28px}.portal-top>span{font-family:Georgia,serif;color:#50636b;font-size:13px}.portal-card h3{font-size:21px;margin-bottom:10px}.portal-card p{font-size:14px}.card-link{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:13px;margin-top:30px}.card-link>.icon{height:17px;width:17px}.footer{border-top:1px solid var(--border);padding:35px 56px;display:flex;justify-content:space-between;align-items:center;background:#061219;gap:30px}.footer .brand>span{font-size:22px}.footer .brand img{width:32px;height:32px}.footer .brand-ro{font-size:15px}.footer .brand small{font-size:7px;margin-top:5px}.footer p{font-size:9px;letter-spacing:.14em;margin-top:16px}.footer-links{display:flex;gap:25px;font-size:12px;color:var(--muted);flex-wrap:wrap}.footer-links a:hover{color:var(--gold)}.footer-links>span{color:#617780}
.inner-page{position:relative;min-height:calc(100vh - 250px);overflow:hidden}.page-art{position:absolute;inset:0 0 auto;height:490px;background:linear-gradient(180deg,#07161d55,#07161d),linear-gradient(90deg,#07161d,transparent),url('/assets/iris-world.png') center 37%/cover;opacity:.6}.page-content{position:relative;padding-block:65px 80px}.page-title{margin-bottom:42px}.page-title h1{font-size:clamp(30px,3.4vw,48px);margin:14px 0 16px}.page-title>p{font-size:16px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.download-card{background:#10232cef;border:1px solid #ffffff20;border-radius:6px;overflow:hidden}.download-visual{height:160px;display:flex;align-items:center;justify-content:center;gap:30px;position:relative;overflow:hidden;background:linear-gradient(115deg,#163a47,#0f2633 75%);border-bottom:1px solid var(--border)}.download-visual>.icon{width:65px;height:65px;color:var(--gold);filter:drop-shadow(0 0 28px #d9b57938)}.download-visual>span{font-family:Georgia,serif;letter-spacing:.17em;font-size:15px;color:#b8d0d1}.download-card:nth-child(2) .download-visual{background:linear-gradient(115deg,#263945,#172937)}.download-body{padding:29px}.download-label{font-size:12px;color:var(--gold);display:flex;justify-content:space-between}.download-label span{font-size:10px;letter-spacing:.16em;color:var(--muted)}.download-body h2{font-size:30px;font-weight:500;letter-spacing:-.02em;margin:15px 0 8px}.download-body>p{font-size:15px}.download-meta{display:flex;justify-content:space-between;margin-block:27px 20px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.install-note{display:flex;align-items:center;gap:20px;padding:27px 0;margin-top:20px}.install-note>.icon{color:var(--mint);width:29px;height:29px}.install-note h3{font-size:16px;margin-bottom:4px}.install-note p{font-size:14px}.install-note>a{font-size:13px;color:var(--gold);margin-left:auto;display:flex;gap:12px;align-items:center;flex-shrink:0}
.auth-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:760px}.auth-visual{position:relative;background:linear-gradient(0deg,#07161de6,transparent 70%),url('/assets/iris-world.png') 78% center/cover}.auth-story{position:absolute;left:9%;right:8%;bottom:70px}.auth-story h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(35px,4.2vw,66px);margin-block:18px;line-height:1.1;letter-spacing:-.035em}.auth-story h2 em{color:var(--gold);font-weight:400}.auth-story p{font-size:15px;color:#c7d4d9}.auth-pane{padding:35px 12% 52px;background:#0c1d25}.back-link{color:var(--muted);font-size:13px}.back-link:hover{color:var(--gold)}.auth-form-wrap{max-width:440px;margin:45px auto 0}.auth-form-wrap h1{font-size:32px;margin-top:14px}.form-intro{font-size:15px;margin:12px 0 29px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;min-width:0}.field>span{font-size:14px;color:#c7d3d7}.field input,.field select{width:100%;background:#07171f;border:1px solid #bdd6de26;border-radius:4px;color:var(--text);min-height:48px;padding:11px 14px;font-size:16px;outline-offset:1px;transition:border .2s}.field input:focus,.field select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px #dfc29520}.field input::placeholder{color:#637c86;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-note{font-size:12px;line-height:1.7;margin:0 0 22px;color:#8fa6ad}.form-error{padding:12px 14px;color:#ffb8b7;background:#56293155;border:1px solid #ec939440;border-radius:4px;font-size:14px;margin-bottom:18px}.form-error[hidden]{display:none}.auth-switch{text-align:center;font-size:14px;margin-top:25px}.auth-switch a{color:var(--gold);margin-left:7px}.auth-foot{display:flex;align-items:center;justify-content:center;gap:8px;color:#74909a;font-size:12px;margin-top:32px}.auth-foot .icon{width:14px;height:14px}
.member-page{min-height:calc(100vh - 240px);padding-block:52px 80px}.member-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:38px}.member-heading h1{font-size:35px;margin-block:10px}.member-heading p{font-size:15px}.account-id{font-size:11px;letter-spacing:.13em;color:#7a949e}.member-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px}.sidebar{background:#0e222b;border:1px solid var(--border);border-radius:5px;padding:27px 18px 18px;height:fit-content;text-align:center}.profile-mark{display:grid;place-items:center;width:60px;height:60px;background:#1e3a43;border:1px solid #adc3c730;border-radius:50%;margin:0 auto 13px;color:var(--mint)}.profile-mark .icon{width:27px;height:27px}.sidebar>strong{display:block;overflow-wrap:anywhere;font-size:18px}.profile-caption{font-size:9px;letter-spacing:.18em;color:#75939d}.sidebar nav{display:grid;gap:5px;margin-top:28px;padding-top:16px;border-top:1px solid var(--border)}.sidebar nav>a,.sidebar nav>button{display:flex;align-items:center;gap:11px;padding:13px 11px;border:0;border-radius:4px;background:transparent;font-size:14px;color:#a4bbc4;text-align:left}.sidebar nav .icon{width:19px;height:19px}.sidebar nav>a:hover,.sidebar nav>button:hover{background:#bce8e909}.sidebar nav>a[aria-current]{color:var(--gold);background:#d8bd9511}.sidebar nav>button{color:#879ea7;margin-top:16px;border-top:1px solid var(--border);padding-top:20px;border-radius:0}.content-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 26px;gap:20px}.content-heading h2{font-size:26px;margin-top:8px}.content-heading>.icon{color:var(--gold)}.characters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.character-card{border:1px solid var(--border);border-radius:5px;overflow:hidden;background:#10232c}.character-banner{height:135px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 120%,#42636755,transparent 70%),#142c35}.character-banner>.icon{width:55px;height:55px;color:#d5c5a0;transform:rotate(-7deg)}.character-banner.tone-1{background:radial-gradient(ellipse at 50% 120%,#7a758440,transparent 70%),#222b3b}.character-banner.tone-1>.icon{color:#bcb4d8;transform:none}.slot-label{position:absolute;left:17px;top:12px;color:#6f909a;letter-spacing:.1em;font-size:10px}.character-job{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#aec6ca}.character-info{padding:22px}.character-name{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-name h3{font-size:23px;overflow-wrap:anywhere}.status{padding:3px 8px;background:#a9bcc50d;color:#92abb3;font-size:11px;border-radius:3px;flex-shrink:0}.status.online{color:#b5e1cf;background:#376b502b}.character-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:23px}.character-stats>div+div{border-left:1px solid var(--border);padding-left:24px}.character-stats small{display:block;font-size:9px;letter-spacing:.14em;color:#7e9aa4}.character-stats strong{display:block;font-size:28px;font-weight:300;color:#d9e6e4}.character-money{display:flex;align-items:center;gap:8px;color:var(--gold);padding-block:14px;font-size:14px;border-top:1px solid var(--border);margin-top:19px}.character-money .icon{width:15px;height:15px}.character-money span{margin-left:auto;color:#829ba5;font-size:12px}.delete-button,.text-button{display:block;width:100%;border:1px solid #c1959920;border-radius:3px;background:#a36c6f09;color:#cba4a5;font-size:13px;padding:9px;margin-top:7px}.text-button{color:var(--gold);border-color:#dfc29530}.delete-button:hover:not(:disabled){background:#a36c6f22}.pending{color:var(--gold);font-size:12px;margin-bottom:10px}.pending .icon{width:14px;height:14px;float:left;margin:3px 6px 0 0}.member-note{display:flex;gap:12px;align-items:flex-start;padding:21px 0;margin-top:16px;border-top:1px solid var(--border);color:#7b98a3}.member-note .icon{width:18px;height:18px;margin-top:3px}.member-note p{font-size:13px;line-height:1.8}.security-panel{background:#10232c;border:1px solid var(--border);border-radius:5px;padding:30px;max-width:640px}.security-panel>p{margin-bottom:25px;font-size:15px}.security-panel form{max-width:480px}.security-panel .button{margin-top:4px}.topup-panel{display:grid;grid-template-columns:.65fr 1fr;background:#10232c;border:1px solid var(--border);border-radius:5px;overflow:hidden}.topup-art{min-height:410px;background:linear-gradient(0deg,#0b2024dc,#0b202489),url('/assets/iris-world.png') 80% center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:27px}.topup-art>.icon{width:78px;height:78px;color:var(--gold)}.topup-art>span{letter-spacing:.23em;font-family:Georgia,serif;font-size:19px}.topup-content{padding:34px 30px}.topup-content h3{font-size:23px;margin:13px 0 20px}.topup-content p{font-size:13px;line-height:1.9}.topup-account{display:flex;align-items:center;gap:9px;padding:14px 0;margin-bottom:16px;border-bottom:1px solid var(--border);font-size:17px}.topup-account .icon{width:18px;height:18px;color:var(--gold)}.topup-account>span{margin-left:auto;font-size:11px;color:var(--muted)}.topup-content .button{margin-top:23px;font-size:13px;padding-inline:16px}.empty-state{padding:65px 24px;text-align:center;background:#10232c;border:1px solid var(--border);border-radius:5px}.empty-state>.icon{width:46px;height:46px;color:var(--gold);margin-bottom:20px}.empty-state h3{font-size:22px}.empty-state p{margin:12px 0 24px;font-size:15px}.loading-state{padding:80px;text-align:center;color:var(--muted)}
dialog{max-width:min(490px,calc(100% - 32px));width:100%;padding:37px;border:1px solid #afc7cf40;border-radius:8px;background:#10232c;color:var(--text);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#020e17c9;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:14px;top:14px;border:0;color:var(--muted)}.modal-symbol{color:var(--gold);margin-bottom:20px}.modal-symbol .icon{width:32px;height:32px}dialog h2{font-size:26px;margin:8px 0 15px}dialog>p{font-size:14px;line-height:1.85}.confirmation-name{padding:14px 18px;background:#06151d;border:1px solid var(--border);font-size:22px;margin:22px 0;color:var(--gold);overflow-wrap:anywhere}.modal-actions{display:flex;gap:12px;margin-top:23px;justify-content:flex-end}.modal-actions>.button{font-size:14px;padding-inline:18px}.external-host{margin:20px 0;padding:15px;border:1px solid var(--border);overflow-wrap:anywhere}.notifications{position:fixed;bottom:24px;right:24px;max-width:min(450px,calc(100% - 48px));z-index:100;display:grid;gap:12px}.toast{padding:17px 22px;background:#203b43;border:1px solid #bad1ce5c;box-shadow:0 10px 50px #0006;border-radius:5px;color:#e4e9e5;font-size:14px;animation:appear .25s ease-out}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero{height:810px}.hero-art{object-position:center 58%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-wrap{width:calc(100% - 48px)}.nav{gap:22px}.hero{min-height:620px;height:660px}.hero h1{font-size:82px}.hero-art{object-position:58% center}.hero-content{padding-bottom:72px}.art-caption{display:none}.world-strip{grid-template-columns:repeat(3,1fr);gap:22px}.world-strip>a{display:none}.world-strip>div:last-of-type{border:0;padding-right:0}.world-strip>div{gap:13px}.world-strip strong{font-size:10px}.world-strip p{font-size:12px}.section-heading>p{display:none}.portal-card{padding:25px}.portal-card p{font-size:13px}.member-layout{grid-template-columns:210px minmax(0,1fr);gap:25px}.topup-panel{grid-template-columns:1fr}.topup-art{min-height:150px;flex-direction:row;gap:25px}.topup-art>.icon{width:44px;height:44px}.install-note{align-items:flex-start;flex-wrap:wrap}.install-note>a{margin-left:49px}.auth-pane{padding-inline:9%}.auth-page{grid-template-columns:.9fr 1fr}.auth-story{left:9%;bottom:45px}.auth-story h2{font-size:45px}.character-info{padding:18px}.character-name{flex-wrap:wrap}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:76px}.nav-wrap{width:calc(100% - 40px)}.brand>span{font-size:26px}.brand img{width:37px;height:37px}.mobile-toggle{display:inline-grid}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:#0c202a;border-bottom:1px solid #bdded755;box-shadow:0 24px 40px #0005}.nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:8px}.nav>a:not(.button){padding:9px 4px}.nav>a[aria-current]::after{display:none}.nav-divider{width:100%;height:1px;margin:7px 0}.nav .button{margin-top:6px}.demo-banner{font-size:10px;padding:6px 12px;gap:10px;justify-content:space-between}.demo-banner button{font-size:10px}.hero{min-height:680px;height:calc(100svh - 76px);max-height:800px;align-items:flex-end}.hero-art{object-position:73% center;opacity:.9}.hero-shade{background:linear-gradient(0deg,#07161d 0%,#07161ddb 34%,#07161d45 77%,#07161d33),linear-gradient(90deg,#06151b66,transparent)}.hero-content{padding-top:170px;padding-bottom:57px}.hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:20px}.tiny-line{width:20px}.hero h1{font-size:clamp(58px,12.8vw,88px);line-height:1.03}.hero-server{font-size:14px;margin-top:23px;gap:12px}.hero-server span{font-size:9px}.hero-thai{font-size:15px;margin-top:18px}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{font-size:13px;padding:12px 15px;gap:9px;min-height:49px}.hero-actions .icon{width:17px;height:17px}.hero-note{font-size:8px;margin-top:22px}.world-strip{margin-top:0;padding:23px 0;gap:15px}.world-strip>div{flex-direction:column;align-items:flex-start;gap:12px;padding-right:12px}.world-strip .icon{width:24px;height:24px}.strip-number{font-size:28px}.world-strip strong{font-size:9px;letter-spacing:.08em}.world-strip p{font-size:10px}.journey{padding-block:45px 55px}.section-heading h2{font-size:24px}.eyebrow{font-size:10px;letter-spacing:.14em}.portal-grid{grid-template-columns:1fr}.portal-card{padding:25px;border-right:0;border-bottom:1px solid var(--border)}.portal-top{margin-bottom:17px}.portal-card h3{font-size:20px}.portal-card p{font-size:14px}.card-link{margin-top:19px}.footer{padding:29px 20px;flex-direction:column;align-items:flex-start;gap:25px}.footer-links{font-size:12px;gap:20px}.page-content{padding-block:40px 45px}.page-title{margin-bottom:27px}.page-title h1{font-size:32px}.page-title p{font-size:15px}.download-grid{grid-template-columns:1fr;gap:22px}.download-visual{height:140px}.download-body{padding:24px}.install-note{margin:15px 0 0;gap:14px}.install-note>div{flex:1}.install-note>a{margin-left:42px;font-size:12px}.auth-page{grid-template-columns:1fr;min-height:0}.auth-visual{display:none}.auth-pane{padding:25px 24px 48px}.auth-form-wrap{margin:32px auto 0}.auth-form-wrap h1{font-size:30px}.auth-form-wrap .eyebrow{font-size:11px}.member-page{padding-top:32px}.member-heading{margin-bottom:24px;gap:15px;align-items:flex-start}.member-heading h1{font-size:27px;overflow-wrap:anywhere}.member-heading p{font-size:13px}.account-id{display:none}.member-layout{grid-template-columns:1fr;gap:30px}.sidebar{padding:0;border:0;border-radius:0;background:none;text-align:left}.sidebar>strong,.sidebar>.profile-mark,.sidebar>.profile-caption{display:none}.sidebar nav{display:flex;flex-wrap:wrap;margin:0;padding:0 0 16px;gap:5px;border-top:0;border-bottom:1px solid var(--border)}.sidebar nav>a,.sidebar nav>button{font-size:12px;padding:9px 10px;gap:7px;margin:0;border:0}.sidebar nav .icon{width:16px;height:16px}.content-heading h2{font-size:24px}.characters{gap:15px}.character-banner{height:120px}.character-info{padding:16px}.character-name{gap:8px}.character-name h3{font-size:19px}.character-stats{margin-top:18px}.character-stats small{font-size:8px;letter-spacing:.08em}.character-stats>div+div{padding-left:14px}.character-stats strong{font-size:25px}.character-money{font-size:12px;gap:5px;flex-wrap:wrap}.character-money .icon{width:12px;height:12px}.character-money span{font-size:10px}.status{font-size:10px}.security-panel{padding:24px}.topup-content{padding:27px 24px}.topup-art{min-height:155px}.member-note p{font-size:12px}.modal-actions{gap:8px}.modal-actions>.button{font-size:13px;padding:10px 13px}dialog{padding:30px 24px}.loading-state{padding:45px 15px}.notifications{right:16px;bottom:16px;max-width:calc(100% - 32px)}}
@media(max-width:380px){.hero-actions{flex-direction:column;align-items:stretch;max-width:260px}.hero{min-height:760px}.hero h1{font-size:53px}.hero-content{padding-top:130px}.form-row{grid-template-columns:1fr;gap:0}.characters{grid-template-columns:1fr}.world-strip strong{font-size:8px}.world-strip p{font-size:9px}.footer-links{gap:13px}}
fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.5}.service-notice{font-size:14px;padding:14px;border:1px solid #dfc29540;color:var(--gold);background:#dfc2950a;border-radius:4px;margin-bottom:22px}
.hero-art{animation:world-drift 28s ease-in-out infinite alternate;transform-origin:76% 45%;will-change:transform}
.ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ambient i{position:absolute;bottom:6%;left:54%;width:3px;height:3px;background:#b8e6ff;border-radius:50%;box-shadow:0 0 14px 4px #8fdcfa35;animation:mote-rise 12s linear infinite;opacity:0}.ambient i:nth-child(2){left:65%;animation-delay:-3s;animation-duration:17s}.ambient i:nth-child(3){left:78%;animation-delay:-8s;animation-duration:14s}.ambient i:nth-child(4){left:89%;animation-delay:-5s;animation-duration:18s}.ambient i:nth-child(5){left:45%;animation-delay:-10s;animation-duration:16s;background:#e9c58a}.ambient i:nth-child(6){left:60%;animation-delay:-2s;animation-duration:22s}.ambient i:nth-child(7){left:82%;animation-delay:-9s;animation-duration:19s}.ambient i:nth-child(8){left:72%;animation-delay:-7s;animation-duration:15s;background:#e9c58a}
.motion-toggle{position:absolute;right:42px;bottom:18px;z-index:2;border:0;border-bottom:1px solid #a7c7cc50;background:#07161d55;color:#c0d3d7;padding:3px 0;font-size:11px}.motion-off .hero-art,.motion-off .ambient i{animation-play-state:paused}.motion-off .ambient{opacity:0}
@keyframes world-drift{from{transform:scale(1.005) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-.4%,-.5%,0)}}@keyframes mote-rise{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.7}80%{opacity:.35}100%{transform:translate3d(-45px,-480px,0);opacity:0}}
@media(max-width:760px){.motion-toggle{right:20px;bottom:13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none!important}.ambient{display:none}}