@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Share+Tech+Mono&display=swap');
:root{--n:#050b18;--n2:#09162a;--g:#c7a45a;--g2:#ead08b;--m:#8792a5;--l:rgba(199,164,90,.25);--line:rgba(255,255,255,.07);--panel:rgba(9,19,38,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}html,body{margin:0;min-height:100%;background:var(--n);color:#eee;font-family:"Share Tech Mono",monospace}body{background:radial-gradient(circle at 70% 20%,rgba(199,164,90,.07),transparent 28%),linear-gradient(135deg,#020611,#081326 60%,#030814);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.boot{text-align:center;flex-direction:column;overflow:hidden}.scanline{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.012) 4px);mix-blend-mode:screen}.emblem{width:190px;height:190px;border:1px solid var(--l);border-radius:50%;display:grid;place-items:center;margin-bottom:24px;box-shadow:0 0 70px rgba(199,164,90,.1);animation:p 4s infinite;overflow:hidden;background:rgba(4,10,22,.6)}.emblem img{width:145px;height:145px;object-fit:contain}.eyebrow{color:var(--m);font-size:9px;letter-spacing:.22em;margin-bottom:12px}.boot h1{font-family:Cinzel,serif;font-size:clamp(34px,6vw,72px);letter-spacing:.14em;margin:0;color:#f2e8d2}.sub{color:var(--g);letter-spacing:.28em;font-size:11px;margin:15px 0 38px}.btn{display:inline-block;border:1px solid var(--g);background:rgba(199,164,90,.04);color:var(--g2);padding:14px 22px;letter-spacing:.14em;font:12px "Share Tech Mono";cursor:pointer;transition:.2s ease}.btn:hover{background:var(--g);color:#06101f;box-shadow:0 0 25px rgba(199,164,90,.18)}.btn:disabled{opacity:.45;cursor:not-allowed}.connect span{display:inline-block;margin-left:10px;transition:transform .2s}.connect:hover span{transform:translateX(4px)}.status{position:absolute;bottom:32px;color:var(--m);font-size:9px;letter-spacing:.14em;display:flex;gap:28px}.status b{color:var(--g);font-weight:400}.corner{position:absolute;inset:22px;border:1px solid transparent;pointer-events:none}.corner:before,.corner:after{content:"";position:absolute;width:70px;height:70px;border-color:var(--l);border-style:solid}.corner:before{left:0;top:0;border-width:1px 0 0 1px}.corner:after{right:0;bottom:0;border-width:0 1px 1px 0}@keyframes p{50%{box-shadow:0 0 100px rgba(199,164,90,.17)}}
.site{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.site nav{padding:28px 18px;background:rgba(3,8,18,.88);border-right:1px solid var(--l);backdrop-filter:blur(12px);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:5}.brand{font:600 21px Cinzel;color:var(--g2);letter-spacing:.13em;display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center}.brand img{width:34px;height:34px;object-fit:contain;grid-row:span 2}.brand span{line-height:1}.brand small{font:8px "Share Tech Mono";color:var(--m);letter-spacing:.17em;margin-top:4px}.links{margin-top:42px;display:grid;gap:4px}.links a{border:1px solid transparent;color:#9aa4b5;text-align:left;padding:11px 10px;font:10px "Share Tech Mono";letter-spacing:.12em;transition:.18s}.links a:hover,.links a:focus-visible{border-color:var(--l);color:var(--g2);background:rgba(199,164,90,.035);transform:translateX(3px);outline:none}.jd{margin-top:auto;border-top:1px solid var(--l);padding-top:18px}.jd .btn{width:100%;font-size:9px;text-align:center;padding:13px 8px}main{padding:34px clamp(22px,5vw,76px) 20px;min-width:0;overflow:hidden}.top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--l);padding-bottom:15px;color:var(--m);font-size:9px;letter-spacing:.14em}.live{color:#91cf9d;white-space:nowrap}.live:before{content:"";display:inline-block;width:6px;height:6px;background:#91cf9d;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #91cf9d}.panel{display:none}.panel:target{display:block}.panel:not(:target){min-height:0}.hero{min-height:calc(100vh - 120px);display:flex;justify-content:center;flex-direction:column;max-width:1120px;margin:0 auto;padding:45px 0}.hero-home{min-height:calc(100vh - 105px)}.ey,.tag{color:var(--g);font-size:10px;letter-spacing:.2em;margin-bottom:17px}.hero h2{font-family:Cinzel,serif;font-size:clamp(40px,6.5vw,82px);font-weight:500;letter-spacing:.05em;line-height:1.06;margin:0;color:#f3ead8}.hero p,.login>p{max-width:760px;color:#909aaa;font-size:11px;line-height:1.9}.hero .lead{font-family:Cinzel,serif;color:var(--g2);font-size:16px;letter-spacing:.16em;margin:17px 0 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{display:block;border:1px solid var(--l);background:var(--panel);padding:21px;min-height:150px;transition:border-color .2s,background .2s,transform .2s;min-width:0}.card:hover{border-color:rgba(234,208,139,.6);background:rgba(15,29,53,.65);transform:translateY(-2px)}.card-index{display:block;color:#768399;font-size:8px;letter-spacing:.16em;margin-bottom:15px}.card h3{font-family:Cinzel,serif;font-size:15px;font-weight:500;color:var(--g2);margin:0 0 12px;line-height:1.5}.card p{font-size:10px;color:#8792a4;line-height:1.8;margin:0}.arrow{display:block;color:var(--g);font-size:9px;letter-spacing:.12em;margin-top:18px}.tagline{display:block;color:#748196;font-size:8px;letter-spacing:.12em;margin-top:18px}.wide{max-width:760px}.event,.uniform{border:1px solid var(--l);background:var(--panel);padding:28px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:25px}.event h3,.uniform h3{font:500 20px Cinzel;color:var(--g2);margin:7px 0}.event p,.uniform p{margin:0}.event-code{color:var(--m);font-size:9px;letter-spacing:.15em;white-space:nowrap}.uniform img{width:110px;height:110px;object-fit:contain;margin-right:30px}.uniform>div{flex:1}.table-wrap{width:100%;overflow:auto}.table{width:100%;border-collapse:collapse;margin-top:22px;font-size:10px;min-width:480px}.table th,.table td{padding:15px 13px;border-bottom:1px solid var(--l);text-align:left}.table th{color:var(--g);font-weight:400;letter-spacing:.1em}.table td{color:#b8c0cc}.table .empty{text-align:center;color:#78859a;padding:28px}.searchbox{display:flex;gap:10px;margin-top:25px;max-width:800px}.searchbox input{flex:1;min-width:0;padding:13px;background:#050c19;border:1px solid var(--l);color:white;font:11px "Share Tech Mono"}.searchbox input:disabled{opacity:.6}.login{max-width:600px;margin:10vh auto;min-height:50vh;display:flex;flex-direction:column;justify-content:center}.login h2{font:500 38px Cinzel;color:var(--g2);margin:0}.notice{border-top:1px solid var(--l);margin-top:28px;padding-top:15px;color:#687486;font-size:9px;letter-spacing:.1em}.noticebox{border-left:2px solid var(--g);background:rgba(199,164,90,.045);padding:17px 20px;margin-top:22px;max-width:850px}.noticebox b{color:var(--g2);font-size:9px;letter-spacing:.14em;font-weight:400}.noticebox p{margin:8px 0 0}.sourcebox{margin-top:22px;border:1px solid rgba(202,164,77,.35);background:rgba(5,15,32,.72);padding:24px}.sourcebox h3{font:500 20px Cinzel;color:var(--g2);margin:10px 0 8px}.sourcebox p{max-width:780px}.fineprint{font-size:9px!important;color:#68778b!important;max-width:850px!important}.home-foot{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:14px;border-top:1px solid var(--line);color:#657187;font-size:8px;letter-spacing:.13em}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--l);padding:18px 0 8px;color:#657187;font-size:8px;letter-spacing:.1em}footer a{color:var(--g)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.site{grid-template-columns:205px minmax(0,1fr)}.site nav{padding:24px 12px}.links a{font-size:9px;padding:10px 7px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-home .grid{grid-template-columns:1fr}.hero-home .card{min-height:unset}}
@media(max-width:720px){.site{grid-template-columns:1fr}.site nav{position:sticky;top:0;height:auto;min-height:0;padding:8px;background:rgba(3,8,18,.97);border:0;border-bottom:1px solid var(--l);display:block}.brand{display:none}.links{margin:0;display:flex;overflow-x:auto;width:100%;gap:3px}.links a{white-space:nowrap;padding:12px 10px;font-size:9px}.jd{display:none}main{padding:20px 16px 12px}.top{font-size:8px}.hero{min-height:calc(100vh - 115px);padding:35px 0}.hero h2{font-size:clamp(38px,12vw,62px)}.grid,.grid.two{grid-template-columns:1fr}.hero-home{min-height:calc(100vh - 115px)}.hero-home .card{min-height:unset}.event,.uniform{align-items:flex-start;flex-direction:column;padding:21px}.uniform img{margin:0}.searchbox{flex-direction:column}.status{gap:10px;font-size:7px;flex-wrap:wrap;justify-content:center}.home-foot{flex-direction:column}.table{min-width:480px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.loginbox{margin-top:25px;border:1px solid var(--l);background:rgba(4,11,22,.78);padding:24px;display:grid;gap:10px;max-width:520px}.loginbox label{color:var(--g);font:9px "Share Tech Mono";letter-spacing:.14em;margin-top:5px}.loginbox input{width:100%;box-sizing:border-box;padding:14px;background:#020813;border:1px solid var(--l);color:#f3ead8;font:11px "Share Tech Mono";outline:none}.loginbox input:focus{border-color:rgba(234,208,139,.7);box-shadow:0 0 0 1px rgba(234,208,139,.15)}.loginbox input::placeholder{color:#536074}.loginbox .btn{margin-top:9px;width:100%;cursor:pointer}.auth-status{border-top:1px solid var(--l);padding-top:13px;margin-top:5px;color:#728096;font:8px "Share Tech Mono";letter-spacing:.1em;line-height:1.6}.secondary{margin-top:14px;display:inline-block}

/* =========================================================
   ROMA IMPERIUM — CONNECTION LOADING SCREEN
   ========================================================= */

#roma-transition {
    position: fixed !important;
    inset: 0 !important;

    z-index: 99999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #02050a !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;
}

#roma-transition.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
}


/* =========================
   LOADING CONTAINER
   ========================= */

.roma-loader {
    width: 600px !important;
    max-width: 80vw !important;

    text-align: center !important;
}


/* =========================
   TITLE
   ========================= */

.roma-loader-title {
    display: block !important;

    margin-bottom: 22px !important;

    color: #e8dfce !important;

    font-family: monospace !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    letter-spacing: 0.3em !important;

    text-align: center !important;

    opacity: 1 !important;

    visibility: visible !important;

    text-shadow:
        0 0 10px rgba(199,164,90,0.45) !important;
}


/* =========================
   BAR BACKGROUND
   ========================= */

.roma-loader-bar {
    display: block !important;

    width: 100% !important;

    height: 7px !important;

    background: rgba(199,164,90,0.10) !important;

    border: 1px solid rgba(199,164,90,0.45) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================
   ANIMATED GOLD BAR
   ========================= */

.roma-loader-progress {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    background: #c7a45a !important;

    box-shadow:
        0 0 10px rgba(199,164,90,0.9) !important;

    transform: scaleX(0);
    transform-origin: left center;

    animation: romaConnectionProgress 1.1s linear forwards !important;
}


/* =========================
   STATUS TEXT
   ========================= */

.roma-loader-status {
    display: block !important;

    margin-top: 14px !important;

    color: rgba(175,185,200,0.7) !important;

    font-family: monospace !important;

    font-size: 10px !important;

    letter-spacing: 0.22em !important;

    text-align: center !important;

    opacity: 1 !important;

    visibility: visible !important;
}


/* =========================
   PROGRESS ANIMATION
   ========================= */

@keyframes romaConnectionProgress {

    0% {
        transform: scaleX(0);
    }

    100% {
        transform: scaleX(1);
    }

}