/* Dev100: real DOM UI controls with recovered cinematic artwork as scenic reference.
   Reference image is NOT a clickable control or native 4K master. */
:root{color-scheme:dark;--v100-cyan:#77e4ff;--v100-gold:#f9d27f;--v100-panel:#092849;--v100-text:#f3f9ff}
html{background:#06152c;color:var(--v100-text)}
body{min-width:320px;color:var(--v100-text)!important;background:radial-gradient(ellipse at 60% 10%,#16477e 0%,#06152c 72%)!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#05172ddf,#0b2f58aa),var(--v100-scene) center/cover no-repeat;opacity:.55}
main,section,article,form,aside{max-width:100%;min-width:0}
main :is(.panel,.card,.tile,.child,.box,.frame),main fieldset,main form{background-color:#092849ed;color:var(--v100-text);border:1px solid #4ba9d1;border-radius:16px;box-shadow:0 9px 28px #0007}
:is(button,[role="button"],.btn,a.button){min-height:44px;max-width:100%;border:1px solid var(--v100-cyan);border-radius:12px;box-shadow:0 3px 14px #00a6ff36}
:is(button,[role="button"],.btn,a.button):hover:not(:disabled){border-color:var(--v100-gold);filter:brightness(1.1)}
:is(input,textarea,select){min-height:42px;max-width:100%;background-color:#071d39;color:#fff;border:1px solid #73d6f5;border-radius:9px}
:is(input,textarea)::placeholder{color:#c4dce9}
:is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--v100-gold)!important;outline-offset:3px}
:is(h1,h2,h3){text-shadow:0 2px 12px #0009}
a{color:#b6ecff}
@media(max-width:760px){body{overflow-x:hidden}nav{flex-wrap:wrap}main{padding-inline:12px}main :is(.panel,.card,.tile){max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.dev105-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px;background:#071d3e;border-bottom:2px solid #76e3ff}.dev105-nav a{display:inline-flex;min-height:44px;align-items:center;padding:10px 15px;border:1px solid #73ddff;border-radius:11px;background:#0c3e6c;color:#fff;text-decoration:none;font-weight:700}.dev105-nav a:focus-visible{outline:3px solid #ffd680;outline-offset:3px}

/* Dev107 accessible holographic navigation with genuine anchors */
.dev107-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:15px;background:#061a37f2;border-bottom:2px solid #71e2ff}.dev107-nav a{display:inline-flex;align-items:center;min-height:44px;padding:11px 15px;border:1px solid #71e2ff;border-radius:12px;background:#0b3b69;color:#fff;text-decoration:none;font-weight:750}.dev107-nav a:focus-visible{outline:3px solid #ffdc85;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.dev109-nav{display:flex;flex-wrap:wrap;gap:10px;padding:12px;background:#08264a}.dev109-nav a{min-height:44px;padding:10px 16px;border:1px solid #74e5ff;border-radius:10px;background:#0b3f71;color:white;text-decoration:none}