@font-face{font-family:Host;src:url('/arte/fontes/HostGrotesk.woff2')}@font-face{font-family:Mustang;src:url('/arte/fontes/BlackMustang.ttf')}
:root{font-family:Host,system-ui,sans-serif;color:#30271e;background:#211c18;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 20%,#4a4033,transparent 65%);min-height:calc(100 * var(--tvh, 1dvh))}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b48620;outline-offset:3px}[hidden]{display:none!important}.gate{max-width:1160px;margin:auto;padding:28px 32px}.brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.brand a{font:max(calc((36px) * var(--fz, 1)), var(--letra-piso, 0px)) Mustang,sans-serif;text-decoration:none;color:#f6f0e5;letter-spacing:calc((1px) * var(--fz, 1))}.brand a span{color:#dfb652}.edition,.gate-footer{color:#b8a992;font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.shell{display:grid;grid-template-columns:44% 56%;min-height:660px;background:#f6f0e5;border-radius:26px;overflow:hidden;box-shadow:0 28px 70px #100d0b66}.portrait-panel{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#635b45,#29261f 85%);color:#f6f0e5;overflow:hidden;min-height:480px}.portrait-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1c1916,transparent 32%);z-index:2;pointer-events:none}.portrait-caption{position:relative;z-index:3;padding:34px 30px}.eyebrow{font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700;letter-spacing:.16em;color:#968161;margin:0 0 14px}.portrait-caption .eyebrow{color:#d7bc83}h1{font-size:max(calc((34px) * var(--fz, 1)), var(--letra-piso, 0px));line-height:1.1;font-weight:500;margin:0}h2{font-size:max(calc((32px) * var(--fz, 1)), var(--letra-piso, 0px));letter-spacing:-.04em;margin:0 0 26px;line-height:1.15}.portrait-footer{position:absolute;bottom:30px;left:30px;right:25px;z-index:3;display:flex;flex-direction:column;gap:6px}.portrait-footer span:first-child{font-size:max(calc((24px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700;overflow-wrap:anywhere}.portrait-footer span:last-child{color:#d8bb7a;font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px))}#portrait{position:absolute;bottom:0;left:-10%;width:120%;aspect-ratio:1}#portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.content{padding:30px 42px 38px;align-self:center;min-width:0}.content section{animation:enter .2s ease-out}@keyframes enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}#notice{font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px));line-height:1.5;margin:0 0 16px;color:#66583f}#notice:empty{display:none}#notice.error{padding:12px;background:#a6382310;border-left:3px solid #a63823;color:#8d3025}label{display:block;font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700;margin-bottom:18px}small{font-size:max(calc((11px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:400;color:#87765f}input,select{display:block;width:100%;border:1px solid #d6c9b6;border-radius:10px;background:#ece4d6;color:#30271e;padding:13px 14px;margin-top:7px;min-height:48px;font-size:max(calc((16px) * var(--fz, 1)), var(--letra-piso, 0px))}fieldset{border:0;padding:0;margin:0 0 20px}legend{font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700;margin-bottom:10px}legend small{margin-left:10px}.primary,.secondary{display:block;width:100%;border:0;border-radius:10px;padding:14px 16px;text-align:center;text-decoration:none;font-weight:700;min-height:48px;font-size:max(calc((14px) * var(--fz, 1)), var(--letra-piso, 0px))}.primary{background:#e2b440;color:#2d251c;margin-top:14px}.primary:hover{background:#edc65c}.secondary{background:#e8decf;color:#514535}.secondary:hover{background:#ddd0bb}.text-button{border:0;background:none;color:#715e3e;min-height:44px;margin-top:10px;padding:10px 0;width:100%}.new-player{border-top:1px solid #ded2c0;padding-top:22px;margin-top:28px;display:grid;gap:12px;color:#8b795e;font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px))}.password-field{position:relative}.password-field input{padding-right:78px}.reveal{position:absolute;right:6px;top:4px;height:40px;padding:0 9px;border:0;background:none;color:#786748;font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.choices{display:flex;gap:8px}.choices button{flex:1;border:1px solid #d9cdbb;border-radius:10px;min-height:44px;background:#eae1d3;color:#67553b}.choices button[aria-pressed=true],.classes button[aria-pressed=true]{border-color:#b99138;background:#eddfb9;box-shadow:inset 0 0 0 1px #b99138}.appearance{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.appearance .secondary{align-self:center;min-height:48px;padding:8px}.classes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.classes button{padding:12px 6px;border:1px solid #d9cdbb;border-radius:12px;background:#ece4d6;color:#4b3d2c;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:108px;font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.classes img{width:25px;height:25px}.classes small{font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px))}.social{display:grid;gap:8px;margin-top:12px}#steps{display:flex;gap:20px;font-size:max(calc((11px) * var(--fz, 1)), var(--letra-piso, 0px));color:#9d8c72;margin-bottom:24px}#steps [aria-current=step]{color:#785921;font-weight:700;border-bottom:2px solid #d2a739;padding-bottom:8px}.gate-footer{display:flex;justify-content:space-between;margin-top:22px}.content a.secondary{margin-top:12px}#welcome-summary{color:#87765f;line-height:1.7}
@media(max-width:700px){.gate{padding:18px 14px}.brand{margin-bottom:16px}.brand a{font-size:max(calc((29px) * var(--fz, 1)), var(--letra-piso, 0px))}.edition{display:none}.shell{grid-template-columns:1fr;border-radius:20px;min-height:0}.portrait-panel{min-height:210px;height:210px}.portrait-caption{padding:24px 20px;max-width:60%}h1{font-size:max(calc((24px) * var(--fz, 1)), var(--letra-piso, 0px))}#portrait{width:260px;left:auto;right:-22px;bottom:-58px}.portrait-footer{bottom:18px;left:20px;max-width:53%}.portrait-footer span:first-child{font-size:max(calc((17px) * var(--fz, 1)), var(--letra-piso, 0px))}.portrait-footer span:last-child{font-size:max(calc((11px) * var(--fz, 1)), var(--letra-piso, 0px))}.content{padding:26px 22px}h2{font-size:max(calc((29px) * var(--fz, 1)), var(--letra-piso, 0px));margin-bottom:22px}.gate-footer{font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px))}.classes small{font-size:max(calc((9px) * var(--fz, 1)), var(--letra-piso, 0px))}.classes button{min-width:0}#steps{margin-bottom:20px}}
h2[tabindex="-1"]:focus{outline:none}
html[data-animacao="0"] .content section{animation:none}
/* Entrada editorial: arte e acesso ocupam a tela inteira. */
body{background:#f5f0e7}.gate{max-width:none;padding:0;margin:0}.shell{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100 * var(--tvh, 1dvh));border-radius:0;box-shadow:none;overflow:visible;background:#f5f0e7}.key-art{position:sticky;top:0;height:calc(100 * var(--tvh, 1dvh));overflow:hidden;isolation:isolate;background:#242328}.scene{width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block}.key-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 43%,#23222844 60%,#232228e8 88%,#232228);pointer-events:none}.art-caption{position:absolute;bottom:calc(6 * var(--tvh, 1vh));left:7%;right:8%;z-index:1;color:#f8f0e2}.art-caption .eyebrow{color:#d5b87a;font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));letter-spacing:.15em;margin-bottom:16px}.art-caption h1{font:max(calc((clamp(48px,calc(5 * var(--tvw, 1vw)),86px)) * var(--fz, 1)), var(--letra-piso, 0px))/1 Mustang,sans-serif;margin:0 0 18px;letter-spacing:calc((1px) * var(--fz, 1))}.art-caption>p:not(.eyebrow){font-size:max(calc((clamp(13px,calc(1.1 * var(--tvw, 1vw)),17px)) * var(--fz, 1)), var(--letra-piso, 0px));line-height:1.7;color:#eadcca;margin:0 0 24px}.place{font-size:max(calc((9px) * var(--fz, 1)), var(--letra-piso, 0px));letter-spacing:.18em;color:#c5b493}.access-side{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:calc(100 * var(--tvh, 1dvh));padding:62px clamp(30px,calc(5 * var(--tvw, 1vw)),100px) 24px;background:radial-gradient(ellipse at 100% 0,#e2c47a16,transparent 65%),#f5f0e7}.content{width:100%;max-width:440px;padding:0;margin:auto;align-self:auto}.brand{margin:0 0 42px;display:block}.brand a{font-size:max(calc((clamp(29px,calc(2.8 * var(--tvw, 1vw)),46px)) * var(--fz, 1)), var(--letra-piso, 0px));color:#2c251e;line-height:1}.brand a span{color:#af8430}.content h2{font-family:Host,system-ui,sans-serif;font-size:max(calc((30px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700;letter-spacing:-.04em;margin-bottom:28px}.content .eyebrow{font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));color:#9b8461}.content label{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));color:#75644e}.content input,.content select{background:#ece4d8;border:1px solid #ddd0bd;border-radius:9px;min-height:50px}.primary{min-height:50px;border-radius:9px;background:#e0b33f}.new-player{margin-top:28px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.new-player .secondary{width:auto;background:transparent;color:#876725;border:1px solid #ccbb98;padding:11px 18px;font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.gate-footer{width:100%;max-width:440px;margin:46px auto 0;gap:16px;font-size:max(calc((9px) * var(--fz, 1)), var(--letra-piso, 0px));color:#a08d71;line-height:1.5}.gate-footer span{font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));letter-spacing:0}#character-preview{display:flex;gap:18px;align-items:center;margin:0 0 22px;padding:12px;background:#e9e0d3;border-radius:12px}#character-preview #portrait{position:relative;width:82px;height:88px;aspect-ratio:auto;left:auto;right:auto;bottom:auto;flex:none;border-radius:8px;background:#3b332b;overflow:hidden}#character-preview #portrait img{inset:0;width:100%;height:100%;object-fit:cover}#character-preview>div:last-child{display:flex;flex-direction:column;gap:6px;min-width:0}#portrait-name{font-size:max(calc((17px) * var(--fz, 1)), var(--letra-piso, 0px));overflow-wrap:anywhere}#portrait-class{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));color:#897246}#character-preview .eyebrow{margin:0;font-size:max(calc((8px) * var(--fz, 1)), var(--letra-piso, 0px))}#steps{margin:0 0 20px}.appearance{gap:0 10px}.classes button{min-height:100px}.classes small{color:#816c4b}.social:empty{display:none}
@media(min-width:701px) and (max-height:760px){.access-side{padding-top:32px}.brand{margin-bottom:26px}.gate-footer{margin-top:30px}.art-caption{bottom:calc(5 * var(--tvh, 1vh))}}
@media(max-width:700px){.shell{grid-template-columns:1fr}.key-art{position:relative;height:calc(38 * var(--tvh, 1dvh));min-height:245px;max-height:340px}.scene{object-position:50% 23%}.key-art:after{background:linear-gradient(90deg,#232228bb,transparent 65%),linear-gradient(0deg,#232228b3,transparent 50%)}.art-caption{left:24px;bottom:22px;right:45%;}.art-caption .eyebrow{font-size:max(calc((7px) * var(--fz, 1)), var(--letra-piso, 0px));line-height:1.5;margin-bottom:8px}.art-caption h1{font-size:max(calc((36px) * var(--fz, 1)), var(--letra-piso, 0px));margin-bottom:8px}.art-caption>p:not(.eyebrow){font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));line-height:1.5;margin-bottom:0}.place{display:none}.access-side{min-height:calc(62 * var(--tvh, 1dvh));padding:30px 24px 20px;justify-content:flex-start}.content{margin:0 auto}.brand{margin-bottom:30px}.brand a{font-size:max(calc((31px) * var(--fz, 1)), var(--letra-piso, 0px))}.content h2{font-size:max(calc((27px) * var(--fz, 1)), var(--letra-piso, 0px))}.gate-footer{margin-top:32px}.new-player{gap:8px;font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.new-player .secondary{padding:10px 12px}.content input,.content select{font-size:max(calc((16px) * var(--fz, 1)), var(--letra-piso, 0px))}#character-preview{gap:12px}.classes small{font-size:max(calc((9px) * var(--fz, 1)), var(--letra-piso, 0px))}}
@media(max-width:700px){.scene{object-position:50% 8%}}
.server-context{margin:0 0 22px;padding:10px 12px;border-radius:9px;background:#e5e9dd;color:#40503a;font:500 max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))/1.5 Host,system-ui,sans-serif}.server-context.local{background:#f0e1c5;color:#6b4c21}.content button:disabled{cursor:default}

/* Identidade aprovada por Joao em 15/09: nome principal e subtitulo. */
.brand a{display:inline-flex;flex-direction:column;gap:6px}.brand a span{font-family:Host,system-ui,sans-serif;font-size:.38em;font-weight:700;letter-spacing:.18em;line-height:1.2}