/* Veta Chronicles — a private customization of Cobalt 1.8.8 for MistCloud. */
:root { --veta-bg:#080e14; --veta-surface:#101a23; --veta-surface-raised:#15222d; --veta-line:rgba(151,185,204,.16); --veta-text:#eef5f8; --veta-muted:#98abb8; --veta-cyan:#57e2e4; --veta-orange:#efab70; --p-color:#57e2e4; color-scheme:dark; }
html { scroll-behavior:smooth; }
html.dark, html.dark body, body { background:var(--veta-bg); color:var(--veta-text); }
body { font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif; line-height:1.7; font-size:15px; overflow-wrap:break-word; }
body::before { content:""; position:fixed; inset:0; background:radial-gradient(ellipse at 85% 0,rgba(39,130,144,.08),transparent 55%); pointer-events:none; z-index:-1; }
.container { width:100%; max-width:1224px; padding-left:28px; padding-right:28px; }
a { color:var(--veta-cyan); transition:color .18s ease,background .18s ease,border-color .18s ease; }
a:hover { color:#b5ffff; }
:focus-visible { outline:2px solid var(--veta-cyan); outline-offset:4px; }
::selection { background:var(--veta-cyan); color:#071119; }
h1,h2,h3,h4 { font-weight:700; letter-spacing:.01em; }
.veta-eyebrow { font:11px/1.5 Consolas,"Courier New",monospace; letter-spacing:.17em; color:var(--veta-cyan); display:block; }
.veta-skip { position:fixed; left:15px; top:-80px; padding:10px 18px; background:var(--veta-cyan); color:#061219; z-index:10000; }
.veta-skip:focus { top:12px; }
.navbar-top-new { position:relative; top:auto; padding:0; margin:0!important; min-height:82px; border-bottom:1px solid var(--veta-line); background:rgba(8,14,20,.97)!important; box-shadow:none; z-index:105; }
.navbar-top-new .container { display:flex; gap:24px; min-height:82px; }
.veta-nav-brand { display:flex; align-items:center; gap:12px; color:var(--veta-text)!important; flex-shrink:0; margin-right:22px; }
.veta-nav-brand img { width:48px; height:48px; object-fit:contain; }
.veta-nav-brand strong { display:block; font-size:17px; letter-spacing:.1em; line-height:1.6; }
.veta-nav-brand small { display:block; color:var(--veta-muted); font:9px/1.4 Consolas,monospace; letter-spacing:.21em; }
.navbar-top-new .navbar-nav { align-items:center; gap:6px; }
.navbar-top-new .nav-link { font-size:14px; padding:27px 13px!important; margin:0!important; color:#b0c0cc!important; font-weight:500; }
.navbar-top-new .nav-link-active,.navbar-top-new .nav-link:hover { color:var(--veta-cyan)!important; }
.navbar-top-new .nav-link::before,.navbar-top-new .nav-link::after { box-shadow:none!important; }
.navbar-top-new .nav-link-active::after { background:var(--veta-cyan); height:2px; bottom:0; }
.navbar-top-new .lr-navbar .nav-link { padding:9px 13px!important; }
.navbar-top-new .lr-navbar>li:last-child>.nav-link { border:1px solid rgba(87,226,228,.35); background:rgba(87,226,228,.06); color:var(--veta-cyan)!important; border-radius:3px; }
.navbar-toggler { color:var(--veta-cyan)!important; font-size:14px!important; margin-left:auto; }
.coldfire-navbar-menu { background:#0d1720; border-left:1px solid var(--veta-line); }
.coldfire-navbar-menu .nav-link { color:var(--veta-text)!important; }
.coldfire-navbar-menu .nav-header { background:#12212b; border-bottom:1px solid var(--veta-line); }
.overlay.active { background:rgba(0,5,10,.72); backdrop-filter:blur(5px); }
.dropdown-menu { background:#13212c; color:var(--veta-text); border:1px solid var(--veta-line); box-shadow:0 18px 45px #0006; border-radius:4px; }
.dropdown-item { color:#c3d3de; }
.dropdown-item:hover,.dropdown-item:focus { background:rgba(87,226,228,.08); color:var(--veta-cyan); }
.top-container { margin-top:0!important; padding-top:0; }
.veta-hero { position:relative; overflow:hidden; border-bottom:1px solid var(--veta-line); background:radial-gradient(ellipse at 78% 48%,rgba(33,128,141,.18),transparent 48%),linear-gradient(110deg,#0c1720 0%,#080e14 58%,#111a20 100%); }
.veta-hero-grid { position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(129,178,193,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(129,178,193,.035) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(90deg,transparent,#000); }
.veta-hero::after { content:""; height:3px; position:absolute; bottom:0; left:0; width:25%; background:linear-gradient(90deg,transparent,var(--veta-cyan),transparent); }
.veta-hero-inner { min-height:610px; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:26px; position:relative; padding-top:52px; padding-bottom:45px; }
.veta-signal { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--veta-cyan); margin-right:10px; box-shadow:0 0 12px #57e2e488; vertical-align:2px; }
.veta-hero h1 { font-size:clamp(42px,4.8vw,66px); font-weight:800; line-height:1.2; letter-spacing:.03em; margin:22px 0; white-space:nowrap; }
.veta-hero h1>span:not(.veta-title-mark) { color:var(--veta-cyan); }
.veta-title-mark { color:var(--veta-orange); margin-left:4px; }
.veta-hero-motto { font-size:25px; font-weight:500; line-height:1.7; letter-spacing:.08em; margin-bottom:20px; }
.veta-hero-description { font-size:15px; color:#a7bccb; line-height:1.95; margin-bottom:28px; }
.veta-hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.veta-button { display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:13px 23px; font-size:14px; font-weight:700; border:1px solid transparent; border-radius:3px; min-height:50px; }
.veta-button-primary { background:var(--veta-cyan); color:#07181f!important; box-shadow:0 0 22px rgba(87,226,228,.09); }
.veta-button-primary:hover { background:#a0ffff; transform:translateY(-1px); }
.veta-button-secondary { color:#d8e6ed!important; background:rgba(25,42,53,.6); border-color:rgba(174,202,218,.25); }
.veta-button-secondary:hover { border-color:var(--veta-cyan); background:#1b323d; }
.veta-hero-tags { display:flex; gap:0; flex-wrap:wrap; margin-top:30px; color:#7f98a9; font-size:11px; letter-spacing:.05em; }
.veta-hero-tags span+span::before { content:"/"; color:#3b5668; margin:0 13px; }
.veta-emblem-stage { position:relative; aspect-ratio:1; display:grid; place-items:center; width:100%; max-width:490px; justify-self:end; }
.veta-hero-emblem { width:88%; height:auto; display:block; margin:auto; position:relative; z-index:2; filter:drop-shadow(0 22px 25px rgba(0,0,0,.55)); animation:veta-emblem-enter .8s ease both; }
.veta-emblem-stage picture { display:block; width:100%; min-width:0; }
.veta-orbit { position:absolute; border:1px solid rgba(87,226,228,.18); border-radius:50%; pointer-events:none; }
.veta-orbit-outer { inset:3%; border-top-color:rgba(87,226,228,.55); border-bottom-color:rgba(239,171,112,.35); transform:rotate(-28deg); }
.veta-orbit-inner { inset:10%; border-style:dashed; opacity:.5; }
.veta-emblem-stage::before { content:""; position:absolute; width:83%; height:83%; background:radial-gradient(circle,rgba(62,174,181,.18),transparent 70%); }
.veta-stage-label { position:absolute; font:9px Consolas,monospace; letter-spacing:.14em; color:#6c9cae; z-index:3; background:#0c1820; padding:5px 10px; }
.veta-stage-label-top { top:0; left:30px; }
.veta-stage-label-bottom { bottom:0; right:20px; color:#b58e6d; }
.veta-stage-tick { position:absolute; color:var(--veta-cyan); font:24px Consolas,monospace; }
.veta-stage-tick-a { top:10%; right:5%; }.veta-stage-tick-b { bottom:7%; left:6%; }
.veta-hero-bottom { position:relative; display:flex; align-items:center; justify-content:space-between; padding-top:16px; padding-bottom:18px; font-size:11px; letter-spacing:.12em; color:#738c9d; border-top:1px solid var(--veta-line); }
.veta-hero-bottom a { color:#9db3bf; }.veta-hero-bottom a span { margin-left:20px; color:var(--veta-cyan); }
.veta-section { padding-top:72px; padding-bottom:72px; }
.veta-section-heading { display:flex; gap:24px; align-items:flex-end; justify-content:space-between; margin-bottom:30px; }
.veta-section-heading h2,.veta-preparation h2 { font-size:30px; margin:12px 0 0; line-height:1.45; }
.veta-section-heading>p { font-size:13px; color:var(--veta-muted); margin:0 0 5px; }
.veta-gameplay-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--veta-line); border-radius:5px; overflow:hidden; }
.veta-gameplay-card { position:relative; padding:25px 23px; color:var(--veta-text)!important; background:linear-gradient(155deg,rgba(22,40,51,.8),rgba(12,21,29,.9)); border-right:1px solid var(--veta-line); display:flex; flex-direction:column; }
.veta-gameplay-card:last-child { border:0; }.veta-gameplay-card:hover { background:linear-gradient(155deg,#17323c,#101d26); }
.veta-card-index { font:10px Consolas,monospace; color:#708c9e; letter-spacing:.1em; }.veta-mode-icon { margin:30px 0 23px; color:var(--veta-cyan); font-size:35px; text-shadow:0 0 25px #57e2e422; }
.veta-gameplay-card:nth-child(2) .veta-mode-icon { color:var(--veta-orange); }.veta-gameplay-card:nth-child(3) .veta-mode-icon { color:#aec3d0; }.veta-gameplay-card:nth-child(4) .veta-mode-icon { color:#7ebdba; }
.veta-gameplay-card h3 { font-size:18px; line-height:1.5; margin-bottom:12px; }.veta-gameplay-card p { color:#91a7b6; font-size:13px; line-height:1.9; margin-bottom:25px; }
.veta-card-link { margin-top:auto; display:flex; justify-content:space-between; font-size:12px; color:#b8d6dd; }.veta-card-link span { color:var(--veta-cyan); }
.veta-preparation { border-top:1px solid var(--veta-line); border-bottom:1px solid var(--veta-line); background:linear-gradient(100deg,#111d27,#0b141c); }
.veta-preparation-inner { padding-top:56px; padding-bottom:56px; display:grid; grid-template-columns:.85fr 1.3fr; gap:90px; }
.veta-preparation-copy p { color:var(--veta-muted); font-size:14px; max-width:290px; margin:18px 0 20px; }.veta-text-link { font-size:13px; color:var(--veta-cyan); }.veta-text-link span { margin-left:13px; }
.veta-step { display:flex; gap:24px; align-items:center; border-bottom:1px solid var(--veta-line); padding:22px 0; color:var(--veta-text)!important; }.veta-step:first-child { padding-top:5px; }.veta-step:last-child { border-bottom:0; padding-bottom:5px; }
.veta-step-number { font:25px Consolas,monospace; color:#35525f; }.veta-step h3 { font-size:17px; margin-bottom:6px; }.veta-step p { font-size:13px; color:var(--veta-muted); margin:0; }.veta-step>i { margin-left:auto; color:#527581; font-size:12px; }.veta-step:hover h3,.veta-step:hover>i { color:var(--veta-cyan); }
.veta-community-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:32px; }
.veta-community-link { display:flex; gap:20px; align-items:center; padding:25px 5px; border-top:1px solid var(--veta-line); color:var(--veta-text)!important; }.veta-community-icon { flex:0 0 32px; font-size:22px; text-align:center; color:#6c9aa8; }.veta-community-link h3 { font-size:17px; margin:0 0 5px; }.veta-community-link p { color:var(--veta-muted); font-size:12px; margin:0; line-height:1.8; }.veta-community-arrow { margin-left:auto; color:#527481; }.veta-community-link:hover h3,.veta-community-link:hover .veta-community-icon { color:var(--veta-cyan); }
.veta-community-callout { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:70px; padding-top:30px; padding-bottom:30px; border-left:2px solid var(--veta-cyan); background:linear-gradient(90deg,#142a32,transparent); }
.veta-community-callout h2 { font-size:23px; margin:10px 0; }.veta-community-callout p { color:var(--veta-muted); font-size:13px; margin:0; }.veta-community-callout .veta-button { flex-shrink:0; }
.veta-inner-header { margin-bottom:28px; padding:36px 0 31px; border-bottom:1px solid var(--veta-line); background:linear-gradient(105deg,#10212b,#0a1118 75%); }.veta-inner-header .container { display:flex; align-items:center; justify-content:space-between; gap:20px; }.veta-inner-header h1 { font-size:26px; margin:10px 0 0; }.veta-inner-note { color:#6e93a3; font:11px Consolas,monospace; letter-spacing:.13em; }
.card,.dark .card { background:var(--veta-surface); border:1px solid var(--veta-line); border-radius:5px; box-shadow:none; }
.card .card { background:#0d1720; }.card-header { background:rgba(28,50,64,.35); border-bottom:1px solid var(--veta-line); }.card-body { color:#c1d1db; }.card-header.header-theme { padding:20px 24px; }
.forum-index-card { background:transparent; border:0; }.forum-index-card>.card-header { background:#132631; border:1px solid var(--veta-line); border-left:2px solid var(--veta-cyan); border-radius:4px 4px 0 0; margin-top:22px; }.forum-index-card>.card-header:first-child { margin-top:0; }.forum-index-card>.card-body { padding:0; }.forum-index-card>.card-body>.card { border-top:0; border-radius:0 0 4px 4px; }.forum-index-card .card-body .card-body { padding:25px; }
.forum-icon-col { color:var(--veta-cyan); font-size:22px; }.forum-link { font-size:17px; font-weight:600; }.subforum-description { color:#9db0bd; font-size:12px; line-height:1.8; }.col-inv { font-size:12px; color:#8aa4b4; }.white-link,.dark .white-link { color:#d7e6ef!important; }.white-link:hover { color:var(--veta-cyan)!important; }.grey-link { color:#a4bac8!important; }
.widget-card .card-header { padding:18px 20px; }.widget-header-txt { font-size:15px; }.widget-card .card-body { padding:20px; font-size:13px; }.widget-header-txt::after { display:none; }.breadcrumb { padding:8px 0 20px; background:transparent; }.breadcrumb li { color:var(--veta-muted); }
.btn { border-radius:3px; font-size:13px; padding:10px 16px; font-weight:600; }.btn-theme,.btn-play { color:#082028!important; }.btn-secondary { background:#223643; border:1px solid #344d5a; color:#dcebf2!important; }.btn-secondary:hover { background:#2c4655; }
.form-control,.dark .form-control { background:#0b151e; border:1px solid #30434f; color:#e3eff5; border-radius:3px; font-size:14px; }.form-control:focus { background:#0e1b25; border-color:var(--veta-cyan); box-shadow:0 0 0 3px #57e2e416; color:#fff; }.form-control::placeholder { color:#7893a4; }select.form-control option { color:#e3eff5; background:#0d1720; }
.modal-content { background:#101d27; border:1px solid #2b4756; color:var(--veta-text); }.modal-header { color:#071b22; }.modal-body { color:#c6d8e3; }.table,.table td,.table th { color:#bfd1dc; border-color:var(--veta-line); }.table thead th { background:#152936; }.table-striped tbody tr:nth-of-type(odd) { background:#ffffff03; }hr { border-color:var(--veta-line); }
.page-link { background:#11222d; color:#b9d1df; border-color:#2b424f; }.page-item.disabled .page-link { background:#0d1a23; border-color:#233744; color:#6c899a; }.page-item.active .page-link { color:#07171e; }
.alert { border-radius:4px; }.alert-info { background:#123541; border:1px solid #215064; color:#b8e6f3; }.alert-danger { background:#3a2328; border:1px solid #63404a; color:#f1bbc4; }.close { color:#b2c6d2; text-shadow:none; }
.login-page-card,.register-page-card { max-width:920px; margin:35px auto 60px; }.lr-card { border:0; background:transparent!important; }.lr-title { font-weight:700; }.veta-auth-brand { text-align:center; padding:45px 20px 0; }.veta-auth-brand a { display:inline-flex; align-items:center; gap:14px; color:var(--veta-text); font-size:24px; font-weight:700; }.veta-auth-brand img { width:64px; height:64px; }.veta-auth-brand p { font-size:11px; letter-spacing:.15em; color:#729aaa; margin:12px 0 0; }.veta-auth-credit { text-align:center; font-size:11px; color:#708b9c; padding:0 20px 30px; }
.veta-auth-page .login-page-card { max-width:560px; background:var(--veta-surface)!important; }.veta-auth-page .register-page-card { max-width:760px; background:var(--veta-surface)!important; }
html.dark .form-control { background:#0b151e!important; color:#e3eff5!important; border:1px solid #30434f!important; }html.dark .form-control:focus { background:#0e1b25!important; border-color:var(--veta-cyan)!important; }
html.dark .breadcrumb { background:transparent!important; }.veta-auth-page .lr-card { border:0; box-shadow:none; }
.footer-spacer { margin:0; height:30px; }.footer { background:#080f16; border-top:1px solid var(--veta-line); }.f-large { background:#0c161e; padding:45px 0; }.footer-text-header { font-size:18px; color:#d6e8f0; }.footer-text-header::after { display:none; }.footer-col p,.footer-link { color:#8aa3b4!important; font-size:13px; }.footer-link:hover { color:var(--veta-cyan)!important; }.f-small { background:#080f16; padding:25px 0; }.f-top-copy { color:#97b0c1; font-size:12px; }.f-bottom-copy { color:#748d9c; font-size:11px; }.veta-team-credit { color:#a0b7c4; font-size:12px; line-height:2; }.veta-platform-credit { font-size:10px; color:#667e8d; }.veta-platform-credit a { color:#8198a5; }.f-credit-img { opacity:.65; max-width:90px; }.f-icons { color:#88a8ba; }
@keyframes veta-emblem-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@media(min-width:992px) { .veta-nav-brand { max-width:250px; } }
@media(max-width:1199px) { .navbar-top-new .container { gap:12px; }.veta-nav-brand { margin-right:8px; }.veta-gameplay-card { padding:22px 18px; }.veta-gameplay-card h3 { font-size:16px; }.veta-hero-inner { min-height:555px; }.veta-hero h1 { font-size:53px; }.veta-preparation-inner { gap:50px; } }
@media(max-width:991px) { .navbar-top-new,.navbar-top-new .container { min-height:74px; }.veta-nav-brand { margin-right:auto; }.navbar-top-new .nav-link { padding:12px!important; }.veta-hero-inner { min-height:500px; gap:0; grid-template-columns:1.15fr .85fr; }.veta-hero h1 { font-size:43px; }.veta-hero-motto { font-size:21px; }.veta-hero-description { font-size:13px; }.veta-emblem-stage { width:110%; }.veta-stage-label { font-size:7px; }.veta-gameplay-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.veta-gameplay-card:nth-child(2) { border-right:0; }.veta-gameplay-card:nth-child(-n+2) { border-bottom:1px solid var(--veta-line); }.veta-section { padding-top:55px; padding-bottom:55px; }.veta-preparation-inner { grid-template-columns:.8fr 1.2fr; gap:30px; }.veta-community-callout { margin-bottom:50px; }.veta-community-callout h2 { font-size:20px; } }
@media(max-width:767px) { html { font-size:100%; }.container { padding-left:20px; padding-right:20px; }.veta-nav-brand img { width:42px; height:42px; }.veta-nav-brand strong { font-size:16px; }.veta-nav-brand small { font-size:8px; }.veta-hero-inner { display:flex; flex-direction:column; min-height:0; padding-top:42px; padding-bottom:20px; align-items:stretch; }.veta-hero-copy { position:relative; z-index:3; }.veta-hero h1 { font-size:clamp(37px,8.6vw,54px); margin:20px 0; }.veta-title-mark { display:none; }.veta-hero-motto { font-size:22px; }.veta-hero-description { font-size:14px; }.veta-hero-actions { gap:10px; }.veta-button { padding:12px 18px; gap:12px; font-size:13px; }.veta-hero-tags { margin-top:23px; font-size:10px; }.veta-hero-tags span+span::before { margin:0 9px; }.veta-emblem-stage { width:min(100%,340px); align-self:center; margin:35px 0 10px; }.veta-stage-label { font-size:8px; }.veta-hero-bottom { font-size:10px; letter-spacing:0; gap:15px; }.veta-section-heading { display:block; }.veta-section-heading h2,.veta-preparation h2 { font-size:26px; }.veta-section-heading>p,.veta-section-heading>.veta-text-link { margin-top:14px; display:block; }.veta-gameplay-card { padding:22px 17px; }.veta-card-index { font-size:8px; }.veta-mode-icon { font-size:30px; margin:22px 0 18px; }.veta-gameplay-card h3 { font-size:16px; }.veta-gameplay-card p { font-size:12px; }.veta-card-link { font-size:11px; gap:8px; }.veta-preparation-inner { grid-template-columns:1fr; gap:35px; padding-top:40px; padding-bottom:40px; }.veta-preparation-copy p { max-width:none; }.veta-preparation h2 br { display:none; }.veta-step { gap:18px; }.veta-step h3 { font-size:16px; }.veta-community-grid { grid-template-columns:1fr; }.veta-community-link { padding:22px 0; }.veta-community-callout { flex-direction:column; align-items:flex-start; margin-left:20px; margin-right:20px; width:calc(100% - 40px); padding:25px 20px; }.veta-community-callout h2 { font-size:21px; line-height:1.6; }.veta-inner-header { padding:25px 0; }.veta-inner-header h1 { font-size:24px; }.veta-inner-note { display:none; }.forum-index-card .card-body .card-body { padding:20px 15px; }.forum-index-card .subforum-description { display:block; margin-top:4px; }.forum-link { font-size:16px; }.card-header.header-theme { padding:17px 18px; }.f-small .container { gap:15px; }.footer-spacer { height:15px; }.veta-auth-brand { padding-top:30px; }.veta-auth-brand a { font-size:23px; } }
@media(max-width:359px) { .container { padding-left:16px; padding-right:16px; }.veta-hero h1 { font-size:35px; }.veta-gameplay-grid { grid-template-columns:1fr; }.veta-gameplay-card { border-right:0; border-bottom:1px solid var(--veta-line); }.veta-hero-actions .veta-button { width:100%; }.veta-hero-bottom>span { display:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none!important; transition:none!important; } }

/* Shared vector badges; titles remain the accessible labels. */
.veta-board-icon { display:inline-block; width:40px; height:40px; object-fit:contain; vertical-align:middle; flex-shrink:0; }
.forum-index-card .card-header .veta-board-icon { width:30px; height:30px; margin-right:10px; }
.forum-icon-col { display:flex; align-items:flex-start; justify-content:center; padding-top:2px; }
.forum-icon-col .veta-board-icon { width:42px; height:42px; transition:filter .18s ease,transform .18s ease; }
.forum-index-card .row:hover>.forum-icon-col .veta-board-icon { filter:brightness(1.18); transform:translateY(-1px); }
.veta-community-icon { flex-basis:42px; }
.veta-community-icon .veta-board-icon { width:40px; height:40px; }
@media(max-width:767px) { .forum-icon-col { padding-left:4px; padding-right:7px; }.forum-icon-col .veta-board-icon { width:36px; height:36px; }.forum-index-card .card-header .veta-board-icon { width:27px; height:27px; margin-right:7px; } }