.creator-overlay[hidden]{display:none}.creator-overlay{z-index:200;color:#f1eee4;background:#171329 url(/creator/original-ui/background.webp) 50%/cover no-repeat;font-family:Arial,sans-serif;position:fixed;inset:0}.creator-overlay:before{content:"";pointer-events:none;background:linear-gradient(90deg,#10122544,#0000 40%,#10122533);position:absolute;inset:0}.creator-card{height:100%;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:hidden}.creator-header{flex:none;justify-content:space-between;align-items:center;height:46px;margin-bottom:10px;display:flex}.creator-header h2{text-shadow:0 2px 4px #000a;margin:0;font-size:19px;font-weight:600}.creator-card h2,.creator-card h3{font-family:Arial,sans-serif}.creator-close{color:#fff;background:#282935dc;border:1px solid #777581;border-radius:5px;width:40px;height:40px;font-size:25px}.creator-layout{flex:1;grid-template-columns:minmax(235px,29%) minmax(0,1fr) minmax(265px,29%);gap:clamp(14px,2.5vw,50px);min-width:0;min-height:0;display:grid}.creator-layout>*{min-width:0;min-height:0}.creator-settings{overscroll-behavior:contain;scrollbar-color:#71747d #2a2935;scrollbar-width:thin;overflow-y:auto}.creator-block{background:#262632ee;border:1px solid #555563;border-radius:6px;padding:18px;box-shadow:0 6px 18px #0003}.creator-block h3{margin:0 0 15px;font-size:16px}.creator-class-panel{flex-direction:column;gap:18px;display:flex}.creator-classes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.creator-classes button{color:#e7e5e8;cursor:pointer;background:#33343f;border:1px solid #696875;border-radius:5px;flex-direction:column;align-items:center;min-width:0;min-height:66px;padding:4px 2px;display:flex;position:relative}.creator-classes img{object-fit:contain;width:42px;height:42px;display:block}.creator-classes span{max-width:100%;padding-top:4px;font-size:10px}.creator-settings button[aria-pressed=true]{color:#fff;background:#454b32;border-color:#d4e837;box-shadow:inset 0 0 0 1px #c9e435}.creator-lore{flex:1;min-height:min-content}.creator-lore>span{color:#cddb43;font-size:12px}.creator-lore h3{margin:5px 0 12px;font-size:26px}.creator-lore p{color:#d1cfdb;margin:0 0 16px;font-size:13px;line-height:1.6}.creator-roles{flex-wrap:wrap;gap:6px;display:flex}.creator-roles span{background:#171a25;border:1px solid #656676;border-radius:4px;padding:6px 8px;font-size:11px}.creator-preview{flex-direction:column;display:flex;position:relative}.creator-class-heading{text-align:center;text-shadow:0 2px 4px #0009;flex:none;justify-content:center;align-items:center;gap:18px;height:75px;display:flex}.creator-class-heading h3{margin:0 0 5px;font-size:clamp(23px,2.7vw,38px)}.creator-class-heading span{color:#e8e16a;letter-spacing:3px;font-size:18px}.creator-class-heading button{color:#eeeccf;background:0 0;border:0;width:38px;height:44px;font-size:40px}#creator-stage{background:url(/creator/original-ui/platform.webp) 50% calc(100% - 12px)/min(100%,420px) no-repeat;flex:1;min-height:0;position:relative}.creator-preview canvas{max-width:100%;display:block}.creator-rotation{color:#c2c0d4;justify-content:center;align-items:center;gap:15px;font-size:11px;display:flex;position:absolute;bottom:4px;left:0;right:0}.creator-rotation button{color:#eee;background:#292837c9;border:1px solid #848393;border-radius:5px;width:40px;height:40px;font-size:25px}#creator-preview-status{text-align:center;pointer-events:none;background:#1a1a2ad9;border-radius:4px;padding:6px 10px;font-size:12px;position:absolute;bottom:53px;left:0;right:0}#creator-preview-status:empty{display:none}.creator-settings fieldset{border:0;min-width:0;margin:0 0 17px;padding:0}.creator-settings fieldset:last-child{margin-bottom:0}.creator-settings legend{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.creator-gender{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.creator-gender button{color:#e7e5e8;min-height:40px;font:inherit;background:#363642;border:1px solid #696875;border-radius:5px;font-size:12px}.creator-bodies{gap:10px;display:flex}.creator-bodies button{color:#eae8ee;background:#34333f;border:1px solid #6b6975;border-radius:4px;width:78px;height:87px;padding:2px}.creator-bodies img{object-fit:contain;width:100%;height:60px;display:block}.creator-bodies span{font-size:10px}.creator-heads{overscroll-behavior:contain;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:216px;padding:2px;display:grid;overflow-y:auto}.creator-heads button{aspect-ratio:1;background:#34323e;border:1px solid #656270;border-radius:4px;min-width:0;padding:0;overflow:hidden}.creator-heads button img{object-fit:contain;width:100%;height:100%;display:block}.creator-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.creator-colors label{color:#d2d0d9;justify-content:space-between;align-items:center;gap:4px;font-size:11px;display:flex}.creator-colors input{cursor:pointer;background:#34323e;border:1px solid #767182;border-radius:4px;width:36px;height:32px;padding:2px}#creator-reset-colors{color:#ddd;background:#35333e;border:1px solid #6b6975;border-radius:4px;width:32px;height:30px;margin-top:-6px;margin-bottom:-6px;font-size:20px}.creator-footer{flex:none;justify-content:center;align-items:end;gap:16px;min-height:75px;padding-top:14px;display:flex}.creator-name-field{flex-direction:column;gap:5px;width:min(330px,40%);display:flex}.creator-name-field label{font-size:12px}#creator-name{box-sizing:border-box;color:#fff;width:100%;min-width:0;height:42px;font:inherit;text-align:center;background:#242434ed;border:1px solid #969092;border-radius:5px;padding:8px 13px}#creator-name-status{color:#dad7e0;min-height:12px;font-size:10px}.creator-footer .primary{color:#202c14;background:linear-gradient(#cee934,#a9c927);border:1px solid #deed5e;border-radius:5px;width:auto;min-width:210px;min-height:43px;margin:0 0 17px;padding:10px 20px;font:700 15px Arial,sans-serif;box-shadow:0 2px #576c21}.creator-footer .primary:disabled{opacity:.5;cursor:default}.creator-card button{cursor:pointer;touch-action:manipulation}.creator-card button:disabled{cursor:default}.creator-card button:focus-visible,.creator-card input:focus-visible{outline-offset:2px;outline:3px solid #edf39c}.creator-tabs,.creator-appearance-tabs{display:none}.hero .portrait.appearance-open{cursor:pointer;background:#293c2b;border:1px solid #c2cda17a;border-radius:50%;padding:0;overflow:hidden}.hero .portrait.appearance-open img{object-fit:contain}@media (width>=1550px){.creator-layout{grid-template-columns:440px minmax(0,1fr) 360px}.creator-classes{grid-template-columns:repeat(5,minmax(0,1fr))}.creator-card{padding:32px 40px}.creator-block{padding:22px}.creator-heads{max-height:300px}}@media (width<=1050px),(height<=650px){.creator-card{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.creator-header{height:44px;margin-bottom:5px}.creator-header h2{font-size:15px}.creator-close{width:44px;height:44px}.creator-tabs{flex:none;gap:5px;width:62%;margin:0 0 6px auto;display:flex}.creator-tabs button{color:#ddd;background:#282635d9;border:1px solid #85818e;border-radius:4px;width:50%;height:44px;font:600 12px Arial,sans-serif}.creator-tabs button[aria-selected=true]{color:#ecf49a;background:#535934;border-color:#c3db4b}.creator-layout{grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:12px}.creator-preview{grid-area:1/1}.creator-settings{grid-area:1/2}.creator-overlay[data-panel=classes] .creator-appearance-panel,.creator-overlay[data-panel=appearance] .creator-class-panel{display:none}.creator-block{padding:12px}.creator-block h3{margin-bottom:9px;font-size:14px}.creator-classes{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.creator-classes button{min-height:56px}.creator-classes img{width:34px;height:34px}.creator-classes span{font-size:9px}.creator-class-panel{gap:10px}.creator-lore p{font-size:12px;line-height:1.5}.creator-lore h3{font-size:22px}.creator-class-heading{gap:5px;height:48px}.creator-class-heading h3{margin-bottom:2px;font-size:22px}.creator-class-heading span{font-size:13px}.creator-class-heading button{width:30px;font-size:30px}.creator-settings fieldset{margin-bottom:12px}.creator-settings legend{margin-bottom:8px;font-size:13px}.creator-appearance-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.creator-appearance-tabs button{color:#ddd;background:#34333f;border:1px solid #696875;border-radius:4px;min-height:44px;padding:4px;font-size:12px}.creator-gender button,.creator-footer .primary{min-height:44px}.creator-overlay[data-setting=body] [data-setting-panel=heads],.creator-overlay[data-setting=body] [data-setting-panel=colors],.creator-overlay[data-setting=heads] [data-setting-panel=body],.creator-overlay[data-setting=heads] [data-setting-panel=colors],.creator-overlay[data-setting=colors] [data-setting-panel=body],.creator-overlay[data-setting=colors] [data-setting-panel=heads]{display:none}.creator-overlay[data-setting=heads] .creator-heads{max-height:none}.creator-heads{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-height:130px}.creator-bodies button{width:66px;height:70px}.creator-bodies img{height:48px}.creator-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.creator-colors input{width:34px;min-width:34px;height:30px}.creator-footer{gap:10px;min-height:64px;padding-top:7px}.creator-name-field{width:min(330px,50%)}.creator-footer .primary{min-width:170px;font-size:13px}}@media (orientation:landscape) and (width<=620px){.creator-classes,.creator-heads{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (orientation:portrait) and (width<=700px){.creator-card{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.creator-tabs{order:1;width:100%}.creator-header{order:0}.creator-layout{order:2}.creator-footer{order:3}.creator-layout{grid-template-rows:min(29dvh,230px) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.creator-preview{grid-area:1/1}.creator-settings{grid-area:2/1}.creator-class-heading{height:36px}.creator-class-heading h3{font-size:21px}.creator-class-heading span{font-size:11px}.creator-rotation{gap:9px;bottom:0}.creator-rotation button{width:33px;height:33px;font-size:21px}.creator-rotation span{display:none}#creator-stage{background-size:200px}.creator-heads{grid-template-columns:repeat(6,minmax(0,1fr));max-height:150px}.creator-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-footer .primary{flex:1;min-width:0;padding:9px 8px}.creator-name-field{width:51%}}@media (orientation:landscape) and (height<=400px){.creator-header{height:44px;margin:0}.creator-close{width:44px;height:44px}.creator-tabs{margin-bottom:5px}.creator-tabs button{height:44px}.creator-class-heading{height:36px}.creator-class-heading h3{font-size:19px}.creator-class-heading span{font-size:10px}.creator-classes{grid-template-columns:repeat(7,minmax(0,1fr))}.creator-classes button{min-height:45px}.creator-classes img{width:26px;height:26px}.creator-classes span{font-size:8px}.creator-rotation span{display:none}.creator-rotation button{width:32px;height:30px}.creator-footer{min-height:50px;padding-top:5px}#creator-name{height:33px}.creator-footer .primary{min-height:44px;margin-bottom:14px;padding:8px 12px}.creator-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-heads{max-height:100px}}@media (orientation:landscape) and (width<=620px){.creator-classes,.creator-heads{grid-template-columns:repeat(6,minmax(0,1fr))}}.creator-overlay{height:100dvh}.creator-card{--creator-gap:clamp(8px,1.5vw,22px);gap:var(--creator-gap)}.creator-header{margin-bottom:0}.creator-layout{gap:var(--creator-gap)}.creator-block{padding:clamp(10px,1.3vw,20px)}.creator-classes{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.creator-classes span{overflow-wrap:anywhere;text-align:center;font-size:10px}.creator-heads{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.creator-heads button{min-height:44px}.creator-class-heading button,.creator-rotation button,.creator-close{flex-shrink:0;min-width:44px;min-height:44px}.creator-class-heading{min-height:44px}.creator-class-heading>div{min-width:0}.creator-class-heading h3{overflow-wrap:anywhere}.creator-colors{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.creator-colors label{min-width:0;font-size:12px}.creator-colors input{flex:0 0 44px;width:44px;height:44px}#creator-reset-colors{width:44px;height:44px;margin:0}.creator-footer{padding-top:0}.creator-name-field{min-width:0}#creator-name{min-height:44px;font-size:16px}.creator-footer .primary,.creator-gender button{min-height:44px}.creator-settings{scroll-padding:10px}@media (orientation:landscape) and (width<=1050px),(orientation:landscape) and (height<=650px){.creator-card{grid-template:44px minmax(0,1fr) auto/minmax(0,38fr) minmax(0,62fr);gap:8px 12px;display:grid}.creator-header{grid-area:1/1/2/-1;height:44px}.creator-header h2{max-width:34%;font-size:clamp(12px,1.8vw,16px)}.creator-tabs{z-index:1;grid-area:1/2/2/3;align-self:center;width:auto;margin:0 54px 0 0}.creator-tabs button{flex:1;min-width:0}.creator-layout{grid-area:2/1/3/-1}.creator-class-heading{gap:0;height:44px}.creator-class-heading h3{font-size:clamp(17px,2.6vw,24px)}.creator-class-heading span{letter-spacing:2px;font-size:11px}.creator-rotation{gap:8px}.creator-rotation span{display:none}.creator-rotation button{width:44px;height:44px}#creator-preview-status{bottom:48px}.creator-footer{grid-area:3/1/4/-1;gap:12px;min-height:0}.creator-name-field{gap:3px;width:min(330px,50%)}.creator-footer .primary{width:min(260px,45%);min-width:0;margin-bottom:15px;padding:8px 12px}.creator-heads,.creator-overlay[data-setting=heads] .creator-heads{max-height:none;overflow:visible}.creator-appearance-tabs{z-index:2;background:#262632;margin-bottom:6px;padding:0 0 8px;position:sticky;top:0}}@media (orientation:portrait) and (width<=700px){.creator-card{gap:6px}.creator-tabs{margin-bottom:0}.creator-layout{grid-template-rows:min(25dvh,220px) minmax(0,1fr)}.creator-footer{gap:8px}.creator-footer .primary{font-size:12px}}.game-download-overlay{--download-gap:clamp(10px, 2.2vmin, 24px);z-index:200;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4f1dc;overscroll-behavior:contain;background:#102123ef;place-items:center;font-family:Arial,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}.game-download-overlay *,.game-download-overlay :before,.game-download-overlay :after{box-sizing:border-box}.game-download-card{gap:var(--download-gap);scrollbar-width:thin;scrollbar-color:#a4b27b #20322e;background:linear-gradient(135deg,#293b35,#172d30);border:1px solid #b9c98466;border-radius:18px;grid-template-columns:minmax(240px,.8fr) minmax(280px,1.2fr);width:min(980px,100%);min-width:0;max-height:100%;padding:clamp(14px,3vmin,32px);display:grid;overflow:auto;box-shadow:0 12px 70px #0716119c}.download-info{flex-direction:column;justify-content:space-between;gap:16px;min-width:0;display:flex}.download-brand{align-items:center;gap:12px;display:flex}.download-brand img{object-fit:contain;flex:none;width:56px;height:56px;display:block}.download-brand>span{gap:4px;display:grid}.download-brand strong{color:#f4f1dc;font:400 24px/1.1 Georgia,serif}.download-eyebrow,.mini-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#c9d89e;font-size:clamp(10px,1.5vmin,12px)}.game-download-card h1{margin:12px 0 16px;font:400 clamp(23px,3.8vmin,38px)/1.08 Georgia,serif}.game-download-card p{font-size:clamp(12px,1.9vmin,15px);line-height:1.5}.download-description{color:#d0d9cb}#game-download-summary{border-top:1px solid #e4ebc522;padding-top:12px}#game-download-summary strong{color:#dfeca7;font-size:1.2em}.game-download-card progress{accent-color:#c9dc76;width:100%;height:12px;margin:8px 0}.game-download-card progress::-webkit-progress-bar{background:#0f2227;border-radius:20px;overflow:hidden}.game-download-card progress::-webkit-progress-value{background:#c9dc76;border-radius:20px}#game-download-status{color:#d8e4be;font-variant-numeric:tabular-nums;min-height:2.8em;margin:4px 0 8px}.download-buttons{flex-wrap:wrap;gap:8px;display:flex}.download-buttons button,.mini-pause{color:#f4f1dc;cursor:pointer;touch-action:manipulation;background:#34473a;border:1px solid #c3d49b66;border-radius:9px;min-height:44px;padding:10px 12px;font:600 clamp(12px,1.8vmin,15px)/1.15 Arial,sans-serif}.download-buttons button:last-child{color:#223225;background:#cbd982;flex:130px}.download-buttons button:disabled{opacity:.55;cursor:wait}.game-download-card button:focus-visible{outline-offset:3px;outline:3px solid #f1edb8}.game-download-card [hidden]{display:none!important}.download-minigame{min-width:0;padding-left:var(--download-gap);border-left:1px solid #e4ebc522}.mini-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-header h2{margin:5px 0 0;font:400 clamp(19px,2.6vmin,28px)/1.1 Georgia,serif}.mini-pause{background:#152e2e;flex-shrink:0;padding-inline:10px;font-size:12px}.mini-pause:disabled{opacity:.4;cursor:default}.mini-instructions{color:#cbd7cf;margin:10px 0}.mini-scorebar{color:#bacdc7;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px;font-size:clamp(11px,1.8vmin,14px);display:flex}.mini-scorebar strong{color:#f5e7a4;margin-left:4px;font-size:1.3em}.mini-feedback{color:#dbe7be;text-align:right;flex:1;min-width:90px;font-size:.85em}.mini-arena{background:radial-gradient(at 50% 100%,#2e5453,#102b32 70%);border:1px solid #d6e1bd28;border-radius:14px;padding:clamp(8px,1.8vmin,16px);position:relative;overflow:hidden}.mini-grid{grid-template-columns:repeat(3,minmax(44px,1fr));gap:clamp(6px,1.3vmin,12px);display:grid}.mini-cell{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff04;border:1px solid #c5deb314;border-radius:12px;place-items:center;width:100%;min-width:44px;height:clamp(48px,9.5vmin,86px);min-height:44px;display:grid}.mini-cell svg{pointer-events:none;width:clamp(34px,6vmin,56px);height:clamp(34px,6vmin,56px)}.mini-cell[data-kind=spark]{color:#efd478;background:radial-gradient(#ccb34433,#ffffff04 72%);border-color:#dec77055}.mini-cell[data-kind=cloud]{color:#aa8bc1;background:#8b6bb215}.mini-cell:active{background-color:#e7e0ad25}.mini-cover{text-align:center;pointer-events:none;background:#102b32e8;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.mini-cover>img{object-fit:contain;width:clamp(44px,8vmin,72px);height:clamp(44px,8vmin,72px);display:block}.mini-cover p{color:#d8dfcb;max-width:25ch}.mini-controls{color:#a7c0b9;text-align:center;margin:9px 0 0;font-size:11px!important}.is-ready #game-download-start{background:#daeaa1;box-shadow:0 0 0 2px #dfecaa30}@media (width<=640px) and (orientation:portrait){.game-download-card{border-radius:14px;grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}.download-info{gap:5px}.download-brand img{width:44px;height:44px}.game-download-card h1{margin:6px 0 8px}.download-description{margin:7px 0}#game-download-summary{margin:8px 0;padding-top:8px}#game-download-status{min-height:1.5em}.download-minigame{border-top:1px solid #e4ebc522;border-left:0;padding-top:14px;padding-left:0}}@media (height<=500px) and (orientation:landscape){.game-download-overlay{--download-gap:16px;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom))}.game-download-card{border-radius:12px;grid-template-columns:minmax(210px,.8fr) minmax(240px,1.2fr);padding:12px 16px}.download-info,.download-brand{gap:8px}.download-brand img{width:36px;height:36px}.download-brand strong{font-size:20px}.download-brand>span{gap:2px}.game-download-card h1{margin:6px 0 8px;font-size:clamp(21px,6vh,29px)}.game-download-card p{font-size:12px;line-height:1.35}.download-description{margin:6px 0}#game-download-summary{margin:8px 0;padding-top:8px}#game-download-status{min-height:2.6em}.mini-header h2{font-size:20px}.mini-eyebrow{display:none}.mini-instructions{margin:6px 0}.mini-scorebar{margin-bottom:6px}.mini-arena{padding:6px}.mini-grid{gap:5px}.mini-cell{height:clamp(44px,14vh,62px)}.mini-controls{margin-top:6px}}@media (width<=540px) and (orientation:landscape){.game-download-card{grid-template-columns:minmax(0,1fr)}.download-minigame{border-top:1px solid #e4ebc522;border-left:0;padding:12px 0 0}}@media (prefers-reduced-motion:reduce){.game-download-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.account-install-guide,.landscape-install-guide{z-index:10;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#3d301d;text-align:left;background:#14251bdf;place-items:center;font-family:Dofus Account,Arial,sans-serif;display:grid;position:fixed;inset:0}.account-install-guide[hidden],.landscape-install-guide[hidden]{display:none}.account-install-guide .intro-card,.landscape-install-guide .intro-card{box-sizing:border-box;background:#decca1 url(/pwa/login/parchment.png) 50%/100% 100%;border:12px solid #0000;border-image:url(/pwa/login/parchment-frame.png) 14 fill/14px;width:min(500px,100%);max-height:calc(100dvh - 24px);padding:20px;overflow:auto;box-shadow:0 12px 40px #10291d60}.account-install-guide .eyebrow,.landscape-install-guide .eyebrow{color:#705927;text-transform:uppercase;letter-spacing:1.3px;font-size:10px}.account-install-guide h2,.landscape-install-guide h2{margin:8px 0 14px;font-size:23px;line-height:1.2}.account-install-guide p,#landscape-gate .landscape-install-guide p{max-width:none;margin:12px 0;font-size:13px;line-height:1.6}.account-install-guide .help-note,#landscape-gate .landscape-install-guide .help-note{color:#705d3d;font-size:11px}.account-install-guide .primary,#landscape-gate .landscape-install-guide .primary{color:#273408;cursor:pointer;background:#bbd61b;border:8px solid #0000;border-image:url(/pwa/login/button-green.png) 8 fill/8px;border-radius:4px;width:100%;min-height:44px;padding:6px 12px;font:600 14px Dofus Account,Arial,sans-serif}@media (height<=450px){.account-install-guide .intro-card{padding:12px 16px}.account-install-guide h2{margin-bottom:8px;font-size:20px}}#landscape-gate{z-index:400000;box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));color:#3d301d;text-align:center;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:linear-gradient(#18312750,#14251dc9),url(/pwa/login/incarnam.webp) 40%/cover no-repeat,#273d42;border:0;place-items:center;margin:0;font-family:Dofus Account,Arial,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}#landscape-gate[hidden],#landscape-gate:not([open]){display:none}#landscape-gate::backdrop{background:#273d42}.landscape-card{box-sizing:border-box;background:#decca1 url(/pwa/login/parchment.png) 50%/100% 100%;border:12px solid #0000;border-image:url(/pwa/login/parchment-frame.png) 14 fill/14px;flex-direction:column;align-items:center;gap:clamp(10px,2.2dvh,18px);width:min(360px,100%);padding:22px 18px;display:flex;box-shadow:0 12px 40px #10291d60}.landscape-card>img{object-fit:contain;width:70px;height:70px}#landscape-gate h1{margin:0;font-size:clamp(22px,6vw,27px);line-height:1.2}#landscape-gate p{max-width:30ch;margin:0;font-size:14px;line-height:1.5}#landscape-gate button{color:#273408;cursor:pointer;background:#bbd61b;border:8px solid #0000;border-image:url(/pwa/login/button-green.png) 8 fill/8px;border-radius:4px;min-height:48px;padding:8px 16px;font:600 14px Dofus Account,Arial,sans-serif}#landscape-gate button:focus-visible{outline-offset:4px;outline:2px solid #506f20}#landscape-gate small{color:#705d3d;max-width:34ch;font-size:11px;line-height:1.5}.landscape-phone{color:#658323;border:3px solid #897343;border-radius:7px;flex-shrink:0;width:64px;height:38px;font-size:31px;line-height:31px}#landscape-gate .landscape-install{color:#526d22;background:0 0;border:1px solid #a18b5a;border-image:;min-height:44px;padding:8px 12px;font-size:12px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f0e9;background:#192033;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,#app{height:100dvh}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.character-home{height:100%;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#171329 url(/creator/original-ui/background.webp) 50%/cover no-repeat}.character-home header{justify-content:space-between;align-items:center;font-weight:700;display:flex}.home-content{text-align:center;flex-direction:column;align-items:center;width:min(560px,100%);height:calc(100% - 70px);margin:0 auto;padding:18px 0;display:flex}.home-eyebrow{color:#d2dc85;margin-top:10px;font-size:12px}.home-content h1{text-shadow:0 3px 6px #0007;margin:8px 0;font-size:clamp(25px,4vw,44px)}#character-class{color:#c9cbd6;margin:0;font-size:14px}#created-stage{background:url(/creator/original-ui/platform.webp) 50% 75%/min(90%,360px) no-repeat;flex:1;width:100%;min-height:100px;max-height:560px;position:relative;overflow:hidden}#created-stage canvas{display:block}#creation-message{margin:9px 0;font-size:12px}.home-primary,.install-overlay .primary{color:#222e16;background:linear-gradient(#cfe936,#a7c624);border:1px solid #d8e956;border-radius:5px;min-height:44px;padding:12px 22px;font-weight:700}.home-secondary{color:#eeedf4;background:#292837d9;border:1px solid #8c8a99;border-radius:5px;min-height:40px;padding:9px 16px}.home-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #e4f1a1}.install-overlay{z-index:250;background:#141324ce;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.install-overlay .intro-card{background:#282633;border:1px solid #686474;border-radius:8px;max-width:500px;padding:25px}.install-overlay h2{font-size:24px}.install-overlay p{font-size:14px;line-height:1.6}.install-overlay .eyebrow{color:#d3e77e;font-size:12px}@media (orientation:landscape) and (height<=450px){.character-home{padding:10px 16px}.home-content{height:calc(100% - 38px);padding:0;position:relative}.home-content h1{margin:5px 0;font-size:23px}.home-eyebrow{display:none}#created-stage{min-height:70px}.home-content .home-primary{min-height:36px;padding:8px 14px}#creation-message{margin:4px 0;font-size:10px}}.character-home{padding:max(10px,env(safe-area-inset-top)) max(clamp(12px,2vw,32px),env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(clamp(12px,2vw,32px),env(safe-area-inset-left));flex-direction:column;gap:clamp(6px,1.5dvh,18px);display:flex}.character-home header{flex:none;gap:8px;min-height:44px}.character-home header>span{margin-right:auto}.home-content{flex:1;height:auto;min-height:0;padding:0}.home-content h1{overflow-wrap:anywhere}.home-actions{flex:none;max-width:100%}.home-actions button,.character-home header button{min-height:44px}.install-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.install-overlay .intro-card{overscroll-behavior:contain;width:min(500px,100%);max-height:100%;padding:clamp(16px,3vw,25px);overflow:auto}@media (orientation:landscape) and (height<=600px){.home-content{grid-template-rows:1fr auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(12px,3vw,40px);width:min(960px,100%);display:grid}.home-eyebrow{grid-area:1/2;align-self:end;margin:0;display:block}.home-content h1{grid-area:2/2;margin:6px 0;font-size:clamp(22px,3.5vw,36px)}#character-class{grid-area:3/2}#created-stage{background-size:min(100%,320px);grid-area:1/1/6/2;height:100%;min-height:0}#creation-message{grid-area:4/2;margin:10px 0;font-size:12px}.home-actions{grid-area:5/2;align-self:start;gap:8px}.home-content .home-primary,.home-secondary{min-height:44px;padding:9px 12px;font-size:13px}}@font-face{font-family:Dofus Account;src:url(/pwa/login/Lexend-Medium.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}.account-screen{inset:var(--account-viewport-top,0px) 0 auto;height:var(--account-viewport-height,100dvh);z-index:200000;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;padding:max(28px, env(safe-area-inset-top)) max(clamp(24px, 5vw, 90px), env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(clamp(24px, 5vw, 90px), env(safe-area-inset-left));color:#382b1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;scrollbar-color:#a18a58 #e1d0a6;background:linear-gradient(90deg,#172b2470,#15242005 55%,#101e2638),url(/pwa/login/incarnam.webp) 50%/cover no-repeat,#273d42;grid-template-columns:minmax(260px,470px) minmax(0,480px);place-content:safe center center;align-items:center;gap:clamp(28px,6vw,100px);scroll-padding-block:16px;font:15px/1.5 Dofus Account,Arial,sans-serif;display:grid;position:fixed;overflow:auto}.account-screen *,.account-settings *{box-sizing:border-box}.account-brand{text-align:center;color:#fff6d8;filter:drop-shadow(0 3px 8px #152824a0);align-self:center;min-width:0;padding:24px 0}.account-brand-title{justify-items:center;gap:12px;display:grid}.account-brand-text{min-width:0}.account-eyebrow{text-transform:uppercase;letter-spacing:3px;color:#f3e8ba;font-size:11px;font-weight:600;display:block}.account-brand h1{letter-spacing:-3px;color:#fff3c4;text-shadow:0 3px #384322,0 6px 14px #123c27a6;margin:12px 0;font:800 clamp(44px,5.2vw,72px)/1.05 Dofus Account,Arial,sans-serif}.account-brand p{color:#fff3d1;text-shadow:0 2px 5px #162e20;margin:12px 0 0;font-size:15px}.account-emblem{object-fit:contain;filter:drop-shadow(0 9px 16px #c2e84940);flex:none;width:142px;height:142px;display:block}.account-install{color:#fff4d3;cursor:pointer;touch-action:manipulation;background:#334024e8;border:1px solid #ead894;border-radius:5px;min-height:44px;margin:20px auto 0;padding:10px 16px;font:500 13px Dofus Account,Arial,sans-serif;display:block;box-shadow:inset 0 1px #ffffff1c,0 3px 8px #13251f55}.account-install:before{content:"↓";margin-right:9px;font-size:18px;line-height:1;display:inline-block}.account-install[data-install-state=installed]:before{content:"✓"}.account-install:disabled{opacity:.7;cursor:default}.account-install:focus-visible{outline-offset:4px;outline:2px solid #ebf5a8}.account-card,.account-settings{background:#decca1 url(/pwa/login/parchment.png) 50%/100% 100% no-repeat;border:12px solid #0000;border-image:url(/pwa/login/parchment-frame.png) 14 fill/14px;box-shadow:0 12px 40px #10291d4d}.account-card{min-width:0;padding:20px 22px 12px}.account-card-header{min-width:0}.account-step{color:#705927;text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:600;display:block}.account-card h2{color:#3d301d;margin:10px 0;font-size:25px;font-weight:650;line-height:1.2}.account-card p{color:#635238;margin:0;font-size:13px;line-height:1.5}.account-card form{gap:14px;min-width:0;margin-top:22px;display:grid}.account-card label{color:#4c3b23;align-content:start;gap:6px;min-width:0;font-size:12px;font-weight:600;display:grid}.account-card input{color:#382b1b;background:#fff8e9de;border:1px solid #8c7953;border-radius:4px;width:100%;min-width:0;min-height:46px;padding:11px 12px;scroll-margin-block:12px;font:16px Dofus Account,Arial,sans-serif;box-shadow:inset 0 2px 3px #49321417}.account-card input:focus{outline-offset:2px;background:#fffaf0;outline:2px solid #628426}.account-card .account-hint{color:#705d3d;font-size:11px;font-weight:400;line-height:1.45}.account-card .account-message{color:#734021;white-space:pre-line;overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px;line-height:1.5}.account-message:empty{display:none}.account-primary{color:#273408;text-shadow:0 1px #e5f58c;cursor:pointer;touch-action:manipulation;background:#bbd61b;border:8px solid #0000;border-image:url(/pwa/login/button-green.png) 8 fill/8px;border-radius:4px;width:100%;min-height:46px;padding:6px 12px;font:650 14px/1.3 Dofus Account,Arial,sans-serif}.account-primary:hover{border-image-source:url(/pwa/login/button-green-hover.png)}.account-primary:disabled{opacity:.48;cursor:default}.account-google-option{gap:10px;min-width:0;display:grid}.account-google{color:#1f1f1f;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #747775;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;min-width:0;min-height:46px;padding:12px;font:500 14px/20px Google Sans,Arial,sans-serif;display:flex}.account-google-logo{flex:0 0 20px;width:20px;height:20px}.account-google:hover{box-shadow:inset 0 0 0 999px #1f1f1f0a}.account-google:disabled{cursor:wait;opacity:.7}.account-card .account-email-option{border-top:1px solid #8f784b55}.account-card .account-email-option>summary{color:#526d22;padding:12px 0;font-size:12px;line-height:1.4}.account-email-fields{gap:14px;min-width:0;padding-top:4px;display:grid}.account-screen[data-google=true] form{grid-template-columns:minmax(0,1fr)}.account-screen[aria-busy=true] .account-links button{opacity:.6;cursor:wait}.account-links{border-top:1px solid #8f784b44;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 14px;margin-top:12px;padding-top:4px;display:flex}.account-links button{color:#455c1c;cursor:pointer;text-align:left;text-underline-offset:4px;touch-action:manipulation;background:0 0;border:0;min-height:44px;padding:8px 0;font:12px/1.4 Dofus Account,Arial,sans-serif;text-decoration:underline}.account-setup-layout{gap:12px;min-width:0;display:grid}.account-setup-instructions{align-content:start;gap:12px;min-width:0;display:grid}.account-qr{justify-content:center;align-items:start;min-height:200px;display:flex}.account-qr canvas{border:4px solid #fff9e8;border-radius:4px;max-width:100%;height:auto}.account-card details{overflow-wrap:anywhere;min-width:0;font-size:12px}.account-card summary{cursor:pointer;min-height:44px;padding:10px 0}.account-card details code{letter-spacing:1px;margin-top:10px;font-size:14px;display:block}.account-app-link{text-align:center;color:#455c1c;text-underline-offset:4px;justify-content:center;align-items:center;min-height:44px;padding:6px 0;font-size:12px;line-height:1.4;text-decoration:underline;display:flex}.account-codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px 0;display:grid}.account-codes code{overflow-wrap:anywhere;text-align:center;color:#45351f;background:#fff8e699;border:1px solid #a18b5a70;border-radius:4px;padding:8px;font-size:13px}.account-card .account-confirm{align-items:center;gap:12px;min-height:44px;margin:14px 0;font-weight:400;display:flex}.account-confirm input{accent-color:#6c8a22;flex:0 0 22px;width:22px;height:22px;min-height:22px}.account-card button:focus-visible,.account-card a:focus-visible,.account-card summary:focus-visible{outline-offset:4px;outline:2px solid #506f20}.account-recovery-content{min-width:0}.account-settings{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;inset:auto auto auto 50%;top:calc(var(--account-viewport-top,0px) + var(--account-viewport-height,100dvh) / 2);width:min(480px,100vw - 24px);max-height:calc(var(--account-viewport-height,100dvh) - 24px);overscroll-behavior:contain;touch-action:pan-y pinch-zoom;color:#45351f;z-index:300000;margin:0;padding:20px;scroll-padding-block:12px;font-family:Dofus Account,Arial,sans-serif;position:fixed;overflow:auto;transform:translate(-50%,-50%)}.account-settings::backdrop{background:#14251bd1}.account-settings h2{margin-top:0;font-size:26px}.account-settings p{color:#635238;overflow-wrap:anywhere;line-height:1.55}.account-settings label{gap:8px;margin:14px 0;display:grid}.account-settings input{color:#382b1b;background:#fff8e9;border:1px solid #8c7953;border-radius:4px;width:100%;min-width:0;min-height:46px;padding:12px;scroll-margin-block:12px;font-size:18px}.account-settings summary{cursor:pointer;min-height:44px;padding:10px 0}.account-close{float:right;color:#544125;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;margin:-8px -8px 0 8px;font-size:28px}.account-settings .account-primary{margin-top:12px}.account-settings .account-codes{margin-bottom:16px}@media (width<=850px){.account-screen{padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background-position:40%;grid-template-columns:minmax(0,460px);align-content:start;gap:16px}.account-brand{text-align:left;padding:0}.account-brand-title{justify-content:center;align-items:center;gap:12px;display:flex}.account-brand h1{letter-spacing:-1.8px;margin:5px 0;font-size:37px}.account-eyebrow{letter-spacing:1.7px;font-size:9px}.account-brand>p{text-align:center;margin:8px 0 0;font-size:12px}.account-emblem{width:64px;height:64px}.account-card{padding:18px 16px 10px}}@media (height<=600px) and (width>=560px){.account-screen{padding:max(8px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background-position:50% 44%;grid-template-columns:minmax(0,920px);align-content:safe center;gap:8px}.account-brand{justify-content:center;align-items:center;gap:20px;padding:0;display:flex}.account-brand-title{gap:8px}.account-brand-text{align-items:baseline;gap:12px;display:flex}.account-brand h1{letter-spacing:-1.2px;margin:0;font-size:26px}.account-eyebrow{letter-spacing:1.2px;font-size:8px}.account-brand>p{margin:0;font-size:10px;line-height:1.3;display:none}.account-install{flex:none;margin:0;padding:8px 12px;font-size:12px}.account-emblem{width:36px;height:36px}.account-card{border-width:10px;grid-template-rows:auto 1fr;grid-template-columns:minmax(145px,.7fr) minmax(0,1.8fr);align-items:start;gap:8px 22px;padding:12px 16px 8px;display:grid}.account-card-header{grid-area:1/1}.account-card h2{margin:6px 0 8px;font-size:22px}.account-card-header p{font-size:12px;line-height:1.45}.account-step{letter-spacing:1.1px;font-size:9px}.account-card form{grid-area:1/2/span 2;gap:10px 12px;margin:0}.account-card .account-links{grid-area:2/1;align-content:start;gap:0 12px;margin:0}.account-card label{gap:4px}.account-card input{min-height:44px;padding:10px 11px}.account-card .account-hint{font-size:10px;line-height:1.35}.account-screen:is([data-view=register],[data-view=reset]) form{grid-template-columns:repeat(2,minmax(0,1fr))}.account-screen:is([data-view=register],[data-view=reset]) form>.account-message,.account-screen:is([data-view=register],[data-view=reset]) form>[type=submit]{grid-column:1/-1}.account-screen[data-google=true] form{grid-template-columns:minmax(0,1fr)}.account-google-option{gap:6px}.account-email-fields{gap:10px 12px}.account-screen[data-view=register] .account-email-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.account-email-fields>.account-message,.account-email-fields>[type=submit]{grid-column:1/-1}.account-screen[data-view=setup] .account-card{grid-template-columns:minmax(130px,.6fr) minmax(0,1.8fr)}.account-setup-layout{grid-template-columns:minmax(124px,166px) minmax(0,1fr);align-items:start;gap:10px}.account-qr{min-height:0}.account-qr canvas{width:166px}.account-setup-instructions{gap:4px}.account-screen[data-view=recovery] .account-recovery-content{grid-area:1/2/span 2}.account-screen[data-view=recovery] .account-codes{gap:6px;padding-top:0}.account-screen[data-view=recovery] .account-codes code{padding:6px}.account-settings{padding:14px 18px}}@media (height<=600px) and (width>=560px) and (width<=740px){.account-screen{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left));gap:6px}.account-brand>p{display:none}.account-emblem{width:32px;height:32px}.account-card,.account-screen[data-view=setup] .account-card{grid-template-columns:124px minmax(0,1fr);gap:6px 14px;padding:10px 12px 6px}.account-card h2{margin:5px 0 7px;font-size:19px}.account-card-header p{font-size:11px;line-height:1.45}.account-card .account-message{font-size:11px;line-height:1.4}.account-card form,.account-email-fields{gap:8px 10px}.account-card .account-links{gap:0}.account-links button{font-size:11px}.account-setup-layout{grid-template-columns:minmax(100px,124px) minmax(0,1fr);gap:8px}.account-qr canvas{width:124px}}@media (width<=370px){.account-screen{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left))}.account-card{padding:14px 10px 8px}.account-card h2{font-size:23px}.account-codes{gap:6px}.account-codes code{padding:7px 4px;font-size:12px}}