/* CMS visual system, Autumn 2026: cohesive dark Vietnam operations dashboard. */
:root{--cms-gold:#e3a063;--cms-gold-bright:#ffbe91;--cms-dark:#080707;--cms-line:#48302b;--cms-green:#3bd894}
html{scroll-behavior:smooth}
body{background-color:#080707!important;background-image:radial-gradient(ellipse at 12% 0%,#5a100c66,transparent 38%),linear-gradient(160deg,#0a0808,#120d0d 52%,#070606)!important;color:#eee8e3!important}
body>header{background:linear-gradient(180deg,#0a0808d9,#120d0ddd),radial-gradient(ellipse at 65% 10%,#b3201a3a,transparent 60%)!important;border-bottom:1px solid #5a3a2e!important;position:relative;isolation:isolate}
body>header:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(118deg,transparent 0 27px,#8a18122b 28px 30px,transparent 32px 54px);z-index:-1}
body>header nav{background:#0c0909d9!important;border:1px solid #3d2925a8!important;border-radius:12px!important;box-shadow:0 8px 20px #0008!important;max-width:1540px;margin:0 auto;padding:10px 16px!important}
body>header nav .brand{font-family:"Bahnschrift Condensed","Arial Narrow",system-ui,sans-serif!important;color:#ffbe91!important;font-weight:900!important;letter-spacing:.06em;text-shadow:0 2px 12px #b3201a50}
body>header nav .links{display:flex;flex-wrap:wrap;gap:5px}
body>header nav .links a{border-radius:6px!important;padding:9px 12px!important;color:#eadbd0!important;transition:background .2s,color .2s}
body>header nav .links a:hover{background:#4a2a22aa!important;color:#fff0e6!important}
body>header h1{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif!important;color:#f7e7d7!important;text-shadow:0 3px 21px #000!important;letter-spacing:.01em}
body h2,body h3{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif!important;letter-spacing:.015em}
body .eyebrow{color:#e3a063!important;letter-spacing:.13em!important}
body .panel,body article.panel,body .rank-board{background:linear-gradient(145deg,#171010ee,#0c0909f5)!important;border:1px solid #3d292585!important;box-shadow:0 7px 23px #0008!important;border-radius:12px!important}
body .button,body button:not(.secondary){background:linear-gradient(135deg,#b3201a,#7f140f)!important;color:#ffffff!important;font-weight:750!important;border:1px solid #d4503f!important;box-shadow:0 3px 12px #0005!important}
body .button.secondary,body button.secondary{background:#171010!important;color:#e3c0a8!important;border:1px solid #5a3a2e!important}
body input,body select,body textarea{background:#0c0909!important;color:#f3e6df!important;border-color:#5a3a2e!important;accent-color:#e3a063}
body :focus-visible{outline:2px solid #ffbe91!important;outline-offset:3px}
body .rank-metric{background:linear-gradient(160deg,#241816,#0f0b0b)!important;border:1px solid #6b3a2a85!important}
body .rank-table th{background:#241614!important;color:#ffbe91!important}
body .rank-table tr:nth-child(even){background:#140f0f}
body .rank-table tr:hover td{background:#4a2a2299!important}
body #rank-test-player{border-color:#b87a4a!important}
body #rank-test-player h3{color:#ffbe91}
body #rank-test-player .rank-table tr:first-child td{color:#f7e7d7;font-weight:800}
body .cms-medal-card{transition:transform .2s ease,border-color .2s ease}
body .cms-medal-card:hover{transform:translateY(-4px);border-color:#ffbe91}
body .rank-player-card:hover{border-color:#e3a063!important}
body footer{border-top:1px solid #5a3a2e!important;background:#070606!important}
@media(max-width:850px){body>header nav{margin:8px!important}body>header nav .links a{padding:8px!important;font-size:13px!important}.cms-medal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body .cms-medal-card{transition:none}}