/* CMS visual system, Autumn 2026: cohesive dark Vietnam operations dashboard. */
:root{--cms-gold:#e5af61;--cms-gold-bright:#ffe3ac;--cms-dark:#090e12;--cms-line:#594630;--cms-green:#3bd894}
html{scroll-behavior:smooth}
body{background-color:#090e12!important;background-image:radial-gradient(ellipse at 12% 0%,#46301b66,transparent 38%),linear-gradient(160deg,#080b0d,#10161a 52%,#080a0c)!important;color:#e9e0d3!important}
body>header{background:linear-gradient(180deg,#080b0cd9,#101315dd),radial-gradient(ellipse at 65% 10%,#8d4b233a,transparent 60%)!important;border-bottom:1px solid #765130!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,#ad73352b 28px 30px,transparent 32px 54px);z-index:-1}
body>header nav{background:#090d11d9!important;border:1px solid #635038a8!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:#f5c377!important;font-weight:900!important;letter-spacing:.06em;text-shadow:0 2px 12px #d1824550}
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:#e7dac8!important;transition:background .2s,color .2s}
body>header nav .links a:hover{background:#694b2caa!important;color:#fff2dc!important}
body>header h1{font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif!important;color:#ffe4b5!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:#e5af61!important;letter-spacing:.13em!important}
body .panel,body article.panel,body .rank-board{background:linear-gradient(145deg,#172027ee,#0d1116f5)!important;border:1px solid #70563885!important;box-shadow:0 7px 23px #0008!important;border-radius:12px!important}
body .button,body button:not(.secondary){background:linear-gradient(135deg,#bb7935,#f2b763)!important;color:#1d140c!important;font-weight:750!important;border:1px solid #f0c37b!important;box-shadow:0 3px 12px #0005!important}
body .button.secondary,body button.secondary{background:#1a2026!important;color:#e3c79d!important;border:1px solid #7e6344!important}
body input,body select,body textarea{background:#0c141b!important;color:#f4e5ce!important;border-color:#765b3d!important;accent-color:#c7904e}
body :focus-visible{outline:2px solid #f0c478!important;outline-offset:3px}
body .rank-metric{background:linear-gradient(160deg,#25201b,#111920)!important;border:1px solid #89613385!important}
body .rank-table th{background:#271d16!important;color:#ffc37a!important}
body .rank-table tr:nth-child(even){background:#121b20}
body .rank-table tr:hover td{background:#46351f99!important}
body #rank-test-player{border-color:#a88148!important}
body #rank-test-player h3{color:#ffca80}
body #rank-test-player .rank-table tr:first-child td{color:#f8dca4;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:#f1be77}
body .rank-player-card:hover{border-color:#b38c59!important}
body footer{border-top:1px solid #765130!important;background:#070b0e!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}}