
.rpg-create-character{display:flex;justify-content:center;padding:50px 7% 95px;background:#fffdf8;position:relative;z-index:1}
.rpg-create-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:72px;padding:20px 48px;border:1px solid #b59141;color:#fffdf3;background:linear-gradient(115deg,#88652a,#c4a15b 45%,#947038);box-shadow:0 7px 22px #8d6a2c25,inset 0 0 0 4px #fff5;cursor:pointer;font:21px/1.35 Story,Georgia,serif;letter-spacing:.035em;transition:transform .35s,box-shadow .35s}
.rpg-create-button:before{content:'';position:absolute;inset:-50% auto -50% -60%;width:35%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skewX(-18deg);transition:left .8s;z-index:-1}
.rpg-create-button:hover,.rpg-create-button:focus-visible{transform:translateY(-4px);box-shadow:0 12px 32px #8d6a2c45}
.rpg-create-button:hover:before,.rpg-create-button:focus-visible:before{left:140%}
.character-creator-notice{max-width:540px;width:calc(100% - 36px);padding:48px 36px 32px;background:#fffdf8;color:#213c40;border:1px solid #b59141;box-shadow:0 20px 80px #152c3855}
.character-creator-notice::backdrop{background:#152c38a6;backdrop-filter:blur(4px)}
.character-creator-notice h2{font:28px/1.2 Story,Georgia,serif;margin:0 0 22px}.character-creator-notice p{font:16px/1.8 system-ui,sans-serif}
.creator-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#765b2d;font-size:28px;cursor:pointer}.creator-dismiss{padding:11px 24px;border:1px solid #b59141;background:transparent;color:#213c40;cursor:pointer;margin-top:16px}
.rpg-create-button:focus-visible,.creator-close:focus-visible,.creator-dismiss:focus-visible{outline:2px solid #213c40;outline-offset:5px}
@media(max-width:600px){.rpg-create-button{font-size:18px;padding:19px 25px;width:100%;max-width:350px}.rpg-create-character{padding:30px 6% 65px}}
@media(prefers-reduced-motion:reduce){.rpg-create-button,.rpg-create-button:before{transition:none}.rpg-create-button:hover{transform:none}}

/* O botão agora é um link nativo e funciona também sem JavaScript. */
a.rpg-create-button{text-decoration:none;box-sizing:border-box}
