.account-main{min-height:70vh;background:radial-gradient(ellipse at 50% 0,#e9e0f3 0,transparent 55%)}.login-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1050px;gap:0;padding-block:60px 70px;align-items:stretch}.login-art{position:relative;min-height:690px;border:1px solid #ccb693;border-radius:4px 0 0 4px;overflow:hidden}.login-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 15%}.login-art:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#2a213ef5,#392c4d87 35%,transparent 65%)}.login-art>div{position:absolute;bottom:39px;left:35px;right:35px;color:#fff7ec;z-index:1}.login-art .eyebrow{color:#e5c488;font-size:8px}.login-art h2{font-size:29px;color:#fff8ed}.login-art p:not(.eyebrow){font-size:12px;color:#e0d5e1;margin-top:16px;line-height:1.85}.login-panel{padding:43px 40px;border-left:0;border-radius:0 4px 4px 0}.login-panel h1{font:500 28px/1.35 var(--serif);letter-spacing:-.045em}.login-panel>.eyebrow{font-size:8px}.login-description{font-size:12px;color:#8b7886;margin-block:12px 21px}#google-signin{min-height:40px;display:flex;justify-content:center;align-items:center}#google-signin>.fine-print{max-width:330px;text-align:center}.form-divider{display:flex;align-items:center;gap:14px;margin:23px 0;font-size:9px;color:#9e8e99;white-space:nowrap}.form-divider:before,.form-divider:after{content:'';flex:1;height:1px;background:#e0d4c7}.auth-tabs{display:flex;gap:8px;margin-bottom:17px;border-bottom:1px solid #ded1c3}.auth-tabs button{padding:8px 12px 11px;border:0;background:none;color:#907b8b;font-size:12px;border-bottom:2px solid transparent}.auth-tabs button[aria-selected=true]{border-color:var(--gold);color:#6b4a65;font-weight:700}.auth-form label:not(.policy-checkbox){display:block;font-size:11px;color:#7c6071;margin-bottom:5px}.auth-form input:not([type=checkbox]){display:block;width:100%;background:#fff9;border:1px solid #d0bda8;padding:9px 12px;border-radius:3px;color:#5b4257;font-size:13px;min-height:42px;margin-bottom:15px;box-shadow:inset 0 1px 4px #68534307}.auth-form .auth-submit{width:100%;margin-top:9px;font-size:12px}.form-help{font-size:9px;color:#9a8795;line-height:1.7;margin-block:9px 13px}.policy-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:9px;color:#8d7384;line-height:1.7}.policy-checkbox input{margin-top:3px;accent-color:var(--gold-deep)}.policy-checkbox a{text-decoration:underline;color:var(--plum)}.forgot-password{display:block;margin:14px auto 0;padding:4px 8px;font-size:10px;border:0;background:transparent;color:#9a7d8e;text-decoration:underline}.auth-message{margin-top:14px;font-size:11px;color:#a05660;line-height:1.7}.auth-message:empty{display:none}.forgot-info{padding:16px 12px;margin-top:16px;background:#f1e7ef;border:1px solid #dccbd8;border-radius:3px;font-size:10px;color:#93788d}.forgot-info .text-link{font-size:10px;margin-top:10px}.fine-print{font-size:10px;color:#937f91;line-height:1.75}
.account-dashboard{padding-block:47px 65px}.account-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-top h1{font:500 36px/1.2 var(--serif);letter-spacing:-.05em}.account-top .eyebrow{font-size:8px}.profile-name{font-size:13px;color:#876f83;margin-top:10px}.account-actions{display:flex;gap:10px}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-block:25px 15px;padding-block:17px;border-block:1px solid #ddcccf}.dashboard-toolbar>div{display:flex;align-items:center;gap:20px}.dashboard-toolbar>div>span{font-size:11px;color:#93748a}.dashboard-toolbar .realm-tabs{margin:0}.dashboard-toolbar .button{font-size:10px;min-height:35px;padding:8px 15px;gap:16px}.read-only-note{display:flex;gap:8px;align-items:center;font-size:10px;color:#8d788c;margin-bottom:24px}.read-only-note svg{width:15px;height:15px}#account-message{margin-bottom:22px}#account-message:empty{display:none}.account-empty{text-align:center;padding:55px 25px;background:#fff7;border:1px solid #d2c1b3;border-radius:3px}.account-empty h2{font-size:24px;margin-bottom:13px}.account-empty p{font-size:12px;color:#987d8d;margin-bottom:23px}.dashboard-body{display:grid;grid-template-columns:220px 1fr;gap:25px;align-items:start}.character-sidebar{padding:21px 13px;background:#f8f4f8;border:1px solid #d9cad3;border-radius:3px}.character-sidebar h2{font-size:14px;padding-inline:5px;margin-bottom:16px}#character-list{display:grid;gap:9px}.character-select{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:10px 8px;background:#fff7;border:1px solid #dacbd0;border-radius:3px;transition:background .2s}.character-select[aria-pressed=true]{background:#fff9e8;border-color:#bd9c68;box-shadow:0 3px 8px #b9984315}.character-select img{width:35px;height:42px;object-fit:cover;object-position:center 25%;border:1px solid #d5c8b9;border-radius:2px}.character-select span{font-size:11px;color:#6c5069;font-weight:600;display:block;line-height:1.5;overflow-wrap:anywhere}.character-select small{display:block;font-size:8px;font-weight:400;color:#96778c}.character-select em{font-size:7px;color:#53876e;font-style:normal}.character-area{min-width:0}.hero-overview{display:grid;grid-template-columns:155px 1fr;min-height:232px;overflow:hidden}.hero-overview>img{height:100%;width:100%;object-fit:cover;object-position:center 17%;align-self:stretch}.hero-overview-content{padding:24px 27px}.hero-overview-content .eyebrow{font-size:8px;margin-bottom:8px}.hero-overview-content h2{font-size:27px;overflow-wrap:anywhere}.hero-overview-content>p:not(.eyebrow){font-size:10px;color:#9a7b8d;margin-top:8px}.hero-stat-strip{display:flex;gap:32px;margin-block:16px 12px}.hero-stat-strip strong{display:block;font-family:var(--serif);font-size:22px;color:#a17942;font-weight:500}.hero-stat-strip span{font-size:8px;color:#9a8191}.xp-track span{font-size:8px;color:#a08999}.xp-track>div{height:4px;background:#e5d9de;border-radius:3px;margin-top:5px;overflow:hidden}.xp-track i{display:block;background:linear-gradient(90deg,#c9a368,#ebd296);height:100%;width:0}.character-details-row{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.dashboard-card{background:#fffcf7;border:1px solid #d8c6b3;border-radius:3px;padding:22px 25px;margin-top:20px;box-shadow:0 5px 18px #6b485808}.dashboard-card h3{font-size:17px;margin-bottom:16px}.attributes-card{padding-bottom:19px}.attribute-line{display:grid;grid-template-columns:1fr auto;gap:4px 15px;align-items:center;font-size:11px;margin-top:9px}.attribute-line>span{color:#94788b}.attribute-line b{font-weight:600;color:#7e5c71}.attribute-line small{font-size:8px;color:#ac8c9e;margin-left:5px}.attribute-line>i{grid-column:1/-1;height:2px;background:#e7d9df;overflow:hidden}.attribute-line>i>i{height:100%;background:#baa177;display:block}.attributes-card .fine-print{margin-top:14px;font-size:9px}.wealth-card>strong{font:500 24px/1.3 var(--serif);color:#ad8646;display:block;overflow-wrap:anywhere}.wealth-card>p{font-size:10px;color:#a38797;margin-block:20px 5px}.wealth-card>span{font-size:14px;color:#8c6b7d}.wealth-card #character-online{margin-top:25px;font-size:10px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.card-heading h3{margin:0}.card-heading>span{font-size:9px;color:#a18697}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.item-card{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e0d3c5;border-radius:3px;background:linear-gradient(145deg,#fbf6ed,#fff);padding:10px 9px;min-width:0;min-height:88px;position:relative;transition:transform .2s,border-color .2s}.item-card:hover{border-color:#b59966;transform:translateY(-2px)}.item-card.escrow{border-style:dashed}.item-icon{width:43px;height:64px;display:flex;justify-content:center;align-items:center;flex:0 0 43px;overflow:hidden}.item-icon canvas{max-width:43px;max-height:64px;object-fit:contain;image-rendering:pixelated}.item-icon>svg{width:25px;height:25px;color:#b49b71}.item-card .item-copy{min-width:0}.item-card .item-name{display:block;font-size:9px;font-weight:600;line-height:1.5;color:#826375;overflow-wrap:anywhere}.item-card .item-meta{display:block;font-size:8px;color:#ac8d96;margin-top:5px;line-height:1.4}.item-card .item-state{display:block;font-size:7px;color:#997a3d;margin-top:3px}.item-card.rarity-excelente{background:linear-gradient(140deg,#edf5e9,#fff);border-color:#c4d1b9}.item-card.rarity-lendario{background:linear-gradient(140deg,#fff0d6,#fff);border-color:#d4b079}.item-card.rarity-raro{background:linear-gradient(140deg,#fbf3d8,#fff)}.item-card.rarity-magico{background:linear-gradient(140deg,#eef0fb,#fff)}.empty-items{grid-column:1/-1;padding:25px 10px;color:#a18d99;font-size:11px;text-align:center}.item-search{width:100%;max-width:330px;border:1px solid #decfbd;border-radius:3px;background:#fff;padding:7px 10px;min-height:36px;font-size:10px;margin-bottom:17px;color:#775568}.skill-list{display:flex;flex-wrap:wrap;gap:8px}.skill-list span{font-size:9px;padding:6px 9px;color:#91728c;background:#f2eaf3;border:1px solid #ddcbdc;border-radius:3px}.vault-card .card-heading h3{display:flex;align-items:center;gap:9px}.vault-card .card-heading h3 svg{width:19px;height:19px;color:#a17e4a}.vault-money{display:flex;gap:40px;padding:13px 0 18px;margin-top:13px}.vault-money>span{font-size:9px;color:#a18596}.vault-money strong{display:block;font:500 19px/1.2 var(--serif);color:#a98246;margin-top:8px}.account-updated{text-align:right;margin-top:20px;font-size:8px}.item-dialog{width:min(450px,calc(100% - 36px));max-height:85vh;border:1px solid #b99d6b;border-radius:4px;background:#fffbf1;color:var(--ink);padding:29px;box-shadow:0 25px 100px #42253750;overflow:auto}.item-dialog::backdrop{background:#33223980;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:9px;background:none;border:0;font-size:24px;color:#9c7d8f;width:30px;height:30px}.item-dialog .item-icon{width:100%;height:100px;margin-bottom:18px}.item-dialog .item-icon canvas{max-width:85px;max-height:100px}.item-dialog h2{font-size:23px;margin-right:14px;overflow-wrap:anywhere}.item-dialog .item-lore{font-size:12px;color:#9a788d;margin-top:14px;line-height:1.8}.item-dialog dl{margin-block:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px}.item-dialog dt{color:#a28b95}.item-dialog dd{margin:0;color:#7f596f;text-align:right}.item-mods{padding-left:17px;font-size:11px;color:#937482;margin-top:16px}.item-dialog .item-footnote{font-size:9px;margin-top:19px;color:#9c8b92}
@media(max-width:1000px){.login-layout{padding-block:40px 50px}.login-panel{padding:33px 27px}.login-art>div{left:25px;right:25px;bottom:29px}.dashboard-body{grid-template-columns:180px 1fr;gap:17px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-overview{grid-template-columns:120px 1fr}.hero-overview-content{padding:21px}.hero-stat-strip{gap:19px}.hero-overview-content h2{font-size:24px}.dashboard-card{padding:20px}.login-art{min-height:655px}}
@media(max-width:700px){.login-layout{grid-template-columns:1fr;max-width:500px;padding-block:27px 45px}.login-art{min-height:220px;border-radius:4px 4px 0 0}.login-art>img{object-position:center 22%;opacity:.65}.login-art:after{background:linear-gradient(90deg,#2a213ef5,#392c4d99 55%,#392c4d20)}.login-art>div{right:28px;left:28px;bottom:25px}.login-art h2{font-size:25px}.login-art .eyebrow{font-size:7px}.login-art p:not(.eyebrow){font-size:10px;line-height:1.7;margin-top:11px;max-width:280px}.login-panel{border-left:1px solid #ceb486;border-top:0;border-radius:0 0 4px 4px;padding:29px 26px}.login-panel h1{font-size:24px}.login-description{font-size:11px}.login-panel>.eyebrow{font-size:7px}.dashboard-body{grid-template-columns:1fr}.character-sidebar{padding:17px 15px}.character-sidebar h2{font-size:13px;margin-bottom:12px}#character-list{display:flex;overflow:auto;gap:9px;padding-bottom:4px}.character-select{width:170px;flex:0 0 170px}.account-top h1{font-size:28px}.account-actions .button{font-size:10px;padding:10px 14px;min-height:37px;white-space:nowrap}.account-actions{gap:7px}.account-top{align-items:flex-start}.account-top .eyebrow{font-size:6px;max-width:150px}.profile-name{font-size:11px}.dashboard-toolbar>div{display:block}.dashboard-toolbar>div>span{font-size:9px}.dashboard-toolbar .realm-tabs{margin-top:8px}.dashboard-toolbar .realm-tabs button{font-size:10px;padding-inline:15px;min-height:33px}.dashboard-toolbar .button{font-size:9px;padding:8px 11px;gap:9px}.read-only-note{font-size:9px;align-items:flex-start;line-height:1.8}.read-only-note svg{flex:0 0 16px;margin-top:3px}.account-dashboard{padding-block:28px 45px}.hero-overview{grid-template-columns:105px 1fr;min-height:220px}.hero-overview-content{padding:19px 16px}.hero-overview-content h2{font-size:23px}.hero-overview-content .eyebrow{font-size:7px;letter-spacing:.12em}.hero-stat-strip{gap:17px}.hero-stat-strip strong{font-size:21px}.hero-stat-strip span{font-size:7px}.hero-overview-content>p:not(.eyebrow){font-size:9px}.xp-track span{font-size:7px}.character-details-row{gap:12px;grid-template-columns:1.1fr .9fr}.dashboard-card{padding:18px 16px;margin-top:16px}.dashboard-card h3{font-size:15px}.attribute-line{font-size:10px;gap:4px 5px}.attribute-line small{font-size:7px;margin-left:3px}.attributes-card .fine-print{font-size:8px}.wealth-card>strong{font-size:19px}.wealth-card>span{font-size:12px}.wealth-card>p{font-size:9px}.item-grid{gap:8px}.item-card{padding:9px 7px;gap:7px;min-height:86px}.item-icon{width:35px;flex-basis:35px}.item-icon canvas{max-width:35px;max-height:58px}.item-card .item-name{font-size:9px}.item-card .item-meta{font-size:7px}.card-heading>span{font-size:8px}.skill-list span{font-size:8px;padding:5px 7px}.vault-money{gap:25px}.vault-money strong{font-size:17px}.vault-card .fine-print{font-size:9px}.empty-items{font-size:10px}.account-empty h2{font-size:22px}.account-empty p{font-size:11px}}

#character-evolution{font-size:12px;line-height:1.4;max-width:125px;min-height:28px;display:flex;align-items:center}
.character-sidebar{min-width:0}.item-card .item-name{font-size:11px}.item-card .item-meta{font-size:9px}.item-card .item-state{font-size:8px}
@media(max-width:700px){.dashboard-body{grid-template-columns:minmax(0,1fr)}.hero-overview{grid-template-columns:100px minmax(0,1fr)}#character-list{scroll-snap-type:x proximity}.character-select{scroll-snap-align:start}.item-card .item-name{font-size:10px}.item-card .item-meta{font-size:8px}.character-details-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}

/* The Play login is a full-page scene shared with the game entrance. */
.play-login .account-main{position:relative;isolation:isolate;background:#f0e9f2;overflow:hidden}.play-login .account-main:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/portal/hero.webp') 65% top/cover no-repeat;animation:login-camera 24s ease-in-out infinite alternate}.play-login .account-main:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff9e7e8,#f3edf3b8 55%,#f5eef7a8),linear-gradient(0deg,#f6f1f7,transparent 60%)}.play-login .login-layout{min-height:calc(100dvh - 78px);max-width:1160px;grid-template-columns:1.15fr 1fr;gap:65px;padding-block:65px;align-items:center;transition:opacity .4s,transform .4s}.play-login .login-art{min-height:370px;border:0;background:none;overflow:visible}.play-login .login-art>img,.play-login .login-art:after{display:none}.play-login .login-art>div{position:static;color:#63425a;padding-top:80px}.play-login .login-art .eyebrow{font-size:9px;color:#a17e43;letter-spacing:.2em}.play-login .login-art h2{font-size:48px;line-height:1.2;color:#5b3d51;max-width:480px;letter-spacing:-.055em}.play-login .login-art p:not(.eyebrow){font-size:13px;line-height:1.9;color:#8a7083;max-width:370px;margin-top:25px}.play-login .login-panel{border:1px solid #cfb58a;border-radius:4px;background:#fffbf5e8;box-shadow:0 18px 60px #67465812;padding:39px 36px;backdrop-filter:blur(10px)}.play-login.entry-leaving .login-layout{opacity:0;transform:translateY(-8px);pointer-events:none}.play-login #auth-message{color:#947137}@keyframes login-camera{from{transform:scale(1)}to{transform:scale(1.035) translate(-.5%,.3%)}}
@media(max-width:900px){.play-login .login-layout{gap:35px;grid-template-columns:1fr 1fr}.play-login .login-art h2{font-size:39px}.play-login .login-panel{padding:32px 27px}}
@media(max-width:700px){.play-login .login-layout{grid-template-columns:minmax(0,1fr);min-height:auto;gap:27px;max-width:500px;padding-block:32px 45px}.play-login .login-art{min-height:0}.play-login .login-art>div{padding-top:10px}.play-login .login-art h2{font-size:31px;max-width:320px}.play-login .login-art .eyebrow{font-size:7px}.play-login .login-art p:not(.eyebrow){font-size:11px;line-height:1.8;max-width:310px;margin-top:14px}.play-login .login-panel{padding:28px 26px}.play-login .account-main:before{background-position:70% top}.play-login .account-main:after{background:linear-gradient(0deg,#f6f1f7fa,#f6f1f7e0 60%,#fff8eac2)}}
@media(prefers-reduced-motion:reduce){.play-login .account-main:before{animation:none}.play-login .login-layout{transition:none}}

.forgot-info .recovery-form{margin-top:16px}.forgot-info .recovery-form label{font-size:10px}.forgot-info #recovery-note{font-size:11px;line-height:1.8}.forgot-info #recovery-back{font-size:10px;margin-top:18px}.forgot-info .text-link{margin-top:16px;display:inline-block}.forgot-info .auth-message{font-size:10px}.forgot-info .recovery-form input{margin-bottom:13px}

#recovery-title{font:500 19px/1.4 var(--serif);color:var(--plum);margin-bottom:13px}