/* Registration shares the original Magic Of Dragons scene without changing form contracts. */
html { background:#0b0b0e; }
body.register-mod { margin:0; min-width:0; isolation:isolate; color:#e5e5e8; font:14px/1.6 Arial,Tahoma,sans-serif; background:#0b0b0e; }
body.register-mod::before { content:''; position:fixed; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(9,10,12,.08),rgba(9,10,12,.82)),url('/images/magic-of-dragons/two-continents-v1.png') center top/max(1280px,100vw) auto no-repeat; }
.register-mod * { box-sizing:border-box; letter-spacing:0; }
.register-mod .b-main-wrapper { min-width:0; background:none; }
.register-mod .b-main { position:relative; left:auto; width:min(1040px,calc(100% - 40px)); margin:0 auto; background:none; }
.register-mod .b-mainmenu { position:relative; top:auto; left:auto; height:auto; min-height:0; background:none; padding:18px 0; }
.register-navigation { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 24px; }
.register-mod .b-mainmenu .register-navigation a { position:static; display:block; width:auto; height:auto; padding:0; background:none; color:#f4d394; text-indent:0; text-decoration:none; font:700 14px/22px Arial,sans-serif; }
.register-navigation a:hover { color:#fff; text-decoration:underline; }
.register-brand { min-height:170px; display:flex; justify-content:center; align-items:flex-end; padding:0 12px 24px; }
.register-brand a { color:#ffe3a5; font:700 30px/1.25 Georgia,serif; text-decoration:none; text-shadow:0 2px 5px #000; text-align:center; }
.register-mod .b-column-wrapper { width:100%; }
.register-mod .b-main-frame { width:100%; margin:0; background:rgba(12,13,16,.94); border:1px solid #816d49; border-radius:4px; }
.register-mod .b-main-frame>span[class^="b-main-frame__"] { display:none; }
.register-mod .b-main-frame__cont { background:none; }
.register-mod .b-common-block,.register-mod .b-common-block__cont,.register-mod .b-common-block__bgl,.register-mod .b-common-block__bgr { background:none; }
.register-mod .b-common-block>span { display:none; }
.register-mod .b-common-wrapper { padding:18px 24px; }
.register-mod .b-common-header,.register-mod .b-common-form__label { color:#f3d89e!important; text-shadow:none; }
.register-mod .b-common-header { font:700 22px/1.35 Georgia,serif; height:auto; margin:8px 0 18px; }
.register-mod .b-common-form__description,.register-mod .b-user-data-description,.register-mod p { color:#dedee1; }
.register-mod #reg_form .b-common-form__table { width:100%; }
.register-mod #reg_form .b-common-form__label { display:block; height:auto; padding:4px 8px; white-space:normal; font:700 13px/1.5 Arial,sans-serif; }
.register-mod #reg_form .b-common-form__field { width:100%; min-width:135px; }
.register-mod #reg_form .b-common-form__field input { background:#f9fafb; color:#191b20; }
.register-mod #reg_form .b-common-form__field-inner { min-width:0; }
.register-mod #reg_form .b-button-red-5 { background:#84222d; border-color:#bb9758; color:#fff; }
.register-mod #reg_form .b-common-form__table td { vertical-align:middle; }
.register-mod .b-divider-4,.register-mod .b-divider-5 { opacity:.5; }
.register-mod .b-footer { min-height:40px; height:auto; background:none; }
.register-mod .b-footer__top { display:none; }
.register-mod .tbl-reg_error { color:#ffb5aa; }
.register-mod .text-center a { color:#f3d89e; }
.register-mod .b-common-form__form { width:100%; }
.register-mod #canvasReg { width:100%; min-height:528px; margin:10px auto; }
.register-mod #canvasReg canvas { display:block; max-width:100%; height:auto!important; margin:0 auto; }
@media(max-width:800px) {
    .register-mod .b-main { width:calc(100% - 24px); }
    .register-mod .register-brand { min-height:130px; }
    .register-mod .register-brand a { font-size:25px; }
    .register-mod .b-common-wrapper { padding:14px; }
    .register-mod #reg_form .b-common-form__field { min-width:0; }
    .register-mod #reg_form .b-common-form__label { padding:0; }
    .register-mod #reg_form .b-common-form__table td { padding:5px 0; }
    .register-mod #canvasReg { min-height:0; }
}