/* Dev108: real navigation and accessible control surfaces; artwork remains reference-only. */
:root{color-scheme:dark;--v108-cyan:#70dfff;--v108-gold:#f6d17a}
body{background:radial-gradient(ellipse at 65% 15%,#174a81,#07162f 74%)!important;color:#f3faff!important}
.dev108-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#061b39;border-bottom:2px solid #66d7f7;padding:14px 20px}
.dev108-nav a{display:inline-flex;min-height:44px;align-items:center;padding:11px 16px;background:#0b3f70;color:#fff!important;text-decoration:none;border:1px solid #66d7f7;border-radius:12px;font-weight:700}
.dev108-nav a:hover{border-color:var(--v108-gold)}
.dev108-nav a:focus-visible,:is(button,input,select,textarea):focus-visible{outline:3px solid var(--v108-gold)!important;outline-offset:3px}
main :is(.panel,.card,.tile),main form{border-radius:16px;border-color:#63d9fa;background-color:#0a3157e9;color:#fff}
@media(max-width:720px){body{overflow-x:hidden}.dev108-nav{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}