
/* ORYON2 PREMIUM UI V11 — isolated selectors */

/* ---------- REGISTER ---------- */
.oryon-register-v11 .login-panel{
    padding:16px !important;
}

.oryon-register-v11 .oryon-register-form{
    display:block !important;
}

.oryon-register-v11 .oryon-register-form > input:not([type="hidden"]){
    width:100% !important;
    box-sizing:border-box !important;
}

.oryon-captcha-v11{
    margin-top:16px;
}

.oryon-captcha-image-row{
    display:flex;
    gap:12px;
    align-items:stretch;
}

.oryon-captcha-image-row img{
    display:block;
    width:min(490px, calc(100% - 78px));
    height:116px;
    object-fit:fill;
    border:2px solid #80501f;
    border-radius:12px;
    background:#130b06;
    box-shadow:
        inset 0 0 0 1px rgba(255,215,145,.08),
        0 8px 24px rgba(0,0,0,.28);
}

.oryon-captcha-refresh-v11{
    width:66px !important;
    min-width:66px !important;
    height:116px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #9f672d !important;
    border-radius:11px !important;
    background:linear-gradient(180deg,#542c12,#2d1609) !important;
    color:#f0ca88 !important;
    font-size:38px !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 7px 18px rgba(0,0,0,.25) !important;
}

.oryon-captcha-input-wrap{
    position:relative;
    margin-top:16px;
}

.oryon-captcha-input-wrap input{
    width:100% !important;
    height:68px !important;
    box-sizing:border-box !important;
    padding:0 24px 0 64px !important;
    border:1px solid #8f5c25 !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,#2a180d,#140b07) !important;
    color:#f2d7a7 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:19px !important;
    font-weight:700 !important;
    letter-spacing:2px !important;
    text-align:left !important;
    text-transform:uppercase !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.oryon-captcha-input-wrap input::placeholder{
    color:#bda784 !important;
    opacity:.86;
}

.oryon-captcha-shield{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#6d461e;
    color:#f1d19b;
    border:1px solid rgba(242,200,129,.35);
    z-index:2;
}

.oryon-captcha-expire{
    margin:14px 0 22px;
    text-align:center;
    color:#b3976d;
    font-size:12px;
}

.oryon-create-account-v11{
    position:relative !important;
    overflow:hidden !important;
    width:100% !important;
    height:78px !important;
    margin:0 !important;
    padding:0 28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;

    border:2px solid #f1c873 !important;
    border-radius:13px !important;
    background:
        linear-gradient(180deg,#f7d892 0%,#e9ba67 48%,#bd7e31 100%) !important;

    color:#301707 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:28px !important;
    font-weight:900 !important;
    letter-spacing:.6px !important;
    text-transform:uppercase !important;
    text-shadow:0 1px 0 rgba(255,255,255,.42) !important;

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.65),
        inset 0 -3px 0 rgba(113,63,17,.28),
        0 0 0 2px rgba(88,49,13,.28),
        0 12px 30px rgba(166,101,30,.30),
        0 0 28px rgba(224,167,78,.18) !important;

    cursor:pointer !important;
    transition:transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

.oryon-create-account-v11::after{
    content:"";
    position:absolute;
    top:-80%;
    left:-28%;
    width:24%;
    height:260%;
    transform:rotate(22deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
    animation:oryonGoldSweep 4s ease-in-out infinite;
}

.oryon-create-account-v11:hover{
    transform:translateY(-2px) !important;
    filter:brightness(1.06) !important;
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.72),
        inset 0 -3px 0 rgba(113,63,17,.30),
        0 0 0 2px rgba(88,49,13,.28),
        0 15px 35px rgba(181,112,32,.34),
        0 0 36px rgba(234,183,92,.24) !important;
}

.oryon-create-icon-v11{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(180deg,#684018,#3a210d);
    color:#f3cd88;
    border:1px solid rgba(255,232,185,.32);
    font-family:Arial,sans-serif;
    font-size:24px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 3px 8px rgba(0,0,0,.22);
}

@keyframes oryonGoldSweep{
    0%,58%{left:-28%;opacity:0}
    66%{opacity:.9}
    84%{left:116%;opacity:0}
    100%{left:116%;opacity:0}
}

/* ---------- SERVER STATUS ---------- */
.oryon-status-hero-v11{
    position:relative;
    overflow:hidden;
    width:100%;
    box-sizing:border-box;
    min-height:112px;
    margin:12px 0 24px;
    padding:18px 20px;
    display:flex;
    align-items:center;
    gap:18px;
    border-radius:14px;
    border:1px solid;
    isolation:isolate;
}

.oryon-status-hero-v11::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(135deg,rgba(255,255,255,.07),transparent 30%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.16));
}

.oryon-status-hero-v11::after{
    content:"";
    position:absolute;
    top:-90%;
    left:-35%;
    width:28%;
    height:300%;
    transform:rotate(24deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
    animation:oryonStatusSweep 4.8s ease-in-out infinite;
}

.oryon-status-orb-v11{
    position:relative;
    width:74px;
    height:74px;
    flex:0 0 74px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(12,6,4,.48);
    border:1px solid #a97837;
    box-shadow:
        inset 0 0 0 7px rgba(0,0,0,.24),
        0 6px 18px rgba(0,0,0,.26);
}

.oryon-status-core-v11{
    width:24px;
    height:24px;
    border-radius:50%;
    position:relative;
    z-index:2;
}

.oryon-status-ring-v11{
    position:absolute;
    width:40px;
    height:40px;
    border-radius:50%;
    opacity:.34;
    animation:oryonStatusPulse 1.8s ease-out infinite;
}

.oryon-status-copy-v11{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:7px;
}

.oryon-status-copy-v11 strong{
    color:#fff7eb;
    font-family:Georgia,"Times New Roman",serif;
    font-size:32px;
    font-weight:900;
    letter-spacing:1.4px;
    line-height:1;
    text-transform:uppercase;
    text-shadow:0 2px 10px rgba(0,0,0,.48);
}

.oryon-status-copy-v11 small{
    color:#d6bda2;
    font-size:13px;
    line-height:1.3;
}

/* OFFLINE */
.oryon-status-hero-v11.is-offline{
    border-color:#ff594a;
    background:
        radial-gradient(circle at 14% 50%,rgba(255,74,61,.23),transparent 27%),
        linear-gradient(180deg,#741f19 0%,#4b1411 58%,#300d0b 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 0 1px rgba(255,73,59,.12),
        0 12px 28px rgba(0,0,0,.38),
        0 0 30px rgba(232,56,44,.22);
}
.oryon-status-hero-v11.is-offline .oryon-status-core-v11{
    background:#ff4d42;
    box-shadow:0 0 9px #ff4d42,0 0 22px rgba(255,77,66,.92);
}
.oryon-status-hero-v11.is-offline .oryon-status-ring-v11{
    background:#ff5045;
}

/* ONLINE */
.oryon-status-hero-v11.is-online{
    border-color:#4bea80;
    background:
        radial-gradient(circle at 14% 50%,rgba(66,235,124,.20),transparent 27%),
        linear-gradient(180deg,#17653a 0%,#0d472a 58%,#082f1c 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 0 1px rgba(54,221,111,.10),
        0 12px 28px rgba(0,0,0,.38),
        0 0 30px rgba(48,210,104,.20);
}
.oryon-status-hero-v11.is-online .oryon-status-core-v11{
    background:#46ef7d;
    box-shadow:0 0 9px #46ef7d,0 0 22px rgba(70,239,125,.88);
}
.oryon-status-hero-v11.is-online .oryon-status-ring-v11{
    background:#47e87d;
}

@keyframes oryonStatusPulse{
    0%{transform:scale(.55);opacity:.42}
    75%{transform:scale(1.55);opacity:0}
    100%{transform:scale(1.55);opacity:0}
}

@keyframes oryonStatusSweep{
    0%,58%{left:-35%;opacity:0}
    66%{opacity:.55}
    84%{left:120%;opacity:0}
    100%{left:120%;opacity:0}
}

@media(max-width:600px){
    .oryon-create-account-v11{
        height:66px !important;
        font-size:21px !important;
    }
    .oryon-create-icon-v11{
        width:38px;
        height:38px;
        flex-basis:38px;
        font-size:19px;
    }
    .oryon-status-hero-v11{
        min-height:96px;
        padding:15px;
        gap:14px;
    }
    .oryon-status-orb-v11{
        width:60px;
        height:60px;
        flex-basis:60px;
    }
    .oryon-status-copy-v11 strong{
        font-size:26px;
    }
}


/* =========================================================
   ORYON2 v12 - SMALLER / FINER PREMIUM UI
   Keeps v11 style, only reduces dimensions and typography.
   ========================================================= */

/* Registration container */
.oryon-register-v11{
    max-width:950px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.oryon-register-v11 .login-panel{
    padding:14px !important;
}

/* Registration inputs */
.oryon-register-v11 .oryon-register-form > input:not([type="hidden"]){
    height:58px !important;
    font-size:16px !important;
    padding:0 16px !important;
}

/* CAPTCHA */
.oryon-captcha-v11{
    margin-top:14px !important;
}

.oryon-captcha-image-row{
    gap:10px !important;
}

.oryon-captcha-image-row img{
    width:min(360px, calc(100% - 64px)) !important;
    height:88px !important;
    border-radius:9px !important;
}

.oryon-captcha-refresh-v11{
    width:54px !important;
    min-width:54px !important;
    height:88px !important;
    font-size:30px !important;
    border-radius:9px !important;
}

.oryon-captcha-input-wrap{
    margin-top:12px !important;
}

.oryon-captcha-input-wrap input{
    height:54px !important;
    padding:0 18px 0 52px !important;
    font-size:16px !important;
    letter-spacing:1.4px !important;
    border-radius:8px !important;
}

.oryon-captcha-shield{
    left:15px !important;
    width:26px !important;
    height:26px !important;
    font-size:11px !important;
}

.oryon-captcha-expire{
    margin:10px 0 16px !important;
    font-size:11px !important;
}

/* Create Account button */
.oryon-create-account-v11{
    height:58px !important;
    padding:0 20px !important;
    gap:12px !important;
    border-radius:9px !important;
    font-size:20px !important;
}

.oryon-create-icon-v11{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
    font-size:17px !important;
}

/* Server status hero */
.oryon-status-hero-v11{
    min-height:82px !important;
    margin:10px 0 18px !important;
    padding:12px 14px !important;
    gap:12px !important;
    border-radius:10px !important;
}

.oryon-status-orb-v11{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
}

.oryon-status-core-v11{
    width:16px !important;
    height:16px !important;
}

.oryon-status-ring-v11{
    width:28px !important;
    height:28px !important;
}

.oryon-status-copy-v11{
    gap:4px !important;
}

.oryon-status-copy-v11 strong{
    font-size:23px !important;
    letter-spacing:1px !important;
}

.oryon-status-copy-v11 small{
    font-size:11px !important;
}

/* Mobile */
@media(max-width:600px){
    .oryon-register-v11 .oryon-register-form > input:not([type="hidden"]){
        height:52px !important;
        font-size:15px !important;
    }

    .oryon-captcha-image-row img{
        width:calc(100% - 54px) !important;
        height:76px !important;
    }

    .oryon-captcha-refresh-v11{
        width:44px !important;
        min-width:44px !important;
        height:76px !important;
        font-size:26px !important;
    }

    .oryon-create-account-v11{
        height:54px !important;
        font-size:18px !important;
    }

    .oryon-status-hero-v11{
        min-height:74px !important;
        padding:10px 12px !important;
    }

    .oryon-status-orb-v11{
        width:44px !important;
        height:44px !important;
        flex-basis:44px !important;
    }

    .oryon-status-copy-v11 strong{
        font-size:20px !important;
    }
}


/* =========================================================
   ORYON2 v13 - COMPACT REGISTRATION PANEL
   Only registration layout is reduced/centered.
   ========================================================= */
body .page .oryon-register-v11{
    width:calc(100% - 40px) !important;
    max-width:780px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.oryon-register-v11 .panel-title{
    padding:14px 18px !important;
    font-size:18px !important;
}

.oryon-register-v11 .login-panel{
    padding:14px 16px 16px !important;
}

.oryon-register-v11 .oryon-register-form > input:not([type="hidden"]){
    height:50px !important;
    margin-bottom:10px !important;
    padding:0 14px !important;
    font-size:15px !important;
}

.oryon-register-v11 .oryon-captcha-v11{
    margin-top:10px !important;
}

.oryon-register-v11 .oryon-captcha-image-row img{
    width:310px !important;
    max-width:calc(100% - 58px) !important;
    height:76px !important;
}

.oryon-register-v11 .oryon-captcha-refresh-v11{
    width:48px !important;
    min-width:48px !important;
    height:76px !important;
    font-size:27px !important;
}

.oryon-register-v11 .oryon-captcha-input-wrap{
    margin-top:10px !important;
}

.oryon-register-v11 .oryon-captcha-input-wrap input{
    height:48px !important;
    font-size:14px !important;
    letter-spacing:1.2px !important;
}

.oryon-register-v11 .oryon-captcha-expire{
    margin:8px 0 12px !important;
    font-size:10px !important;
}

.oryon-register-v11 .oryon-create-account-v11{
    height:52px !important;
    font-size:18px !important;
    border-radius:8px !important;
}

.oryon-register-v11 .oryon-create-icon-v11{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
    font-size:15px !important;
}

@media(max-width:820px){
    body .page .oryon-register-v11{
        width:calc(100% - 24px) !important;
        max-width:680px !important;
    }
}

@media(max-width:520px){
    body .page .oryon-register-v11{
        width:calc(100% - 16px) !important;
    }

    .oryon-register-v11 .oryon-captcha-image-row img{
        width:calc(100% - 52px) !important;
        max-width:calc(100% - 52px) !important;
        height:68px !important;
    }

    .oryon-register-v11 .oryon-captcha-refresh-v11{
        width:42px !important;
        min-width:42px !important;
        height:68px !important;
    }
}
